/* Approved orbital research design; scoped to the four Platforms pages. */
body.platform-design{background:#030f17;color:#edf5f7}
.platform-design .site-header{border-color:#21404c}
.platform-design .breadcrumb{position:relative;z-index:2;font-size:13px;color:#a9bdc8}
.platform-design a:focus-visible{outline:2px solid var(--platform-accent,#4ddcde);outline-offset:5px}
.platform-introduction{position:relative;isolation:isolate;min-height:0!important;padding:0 0 32px!important}
.platform-introduction:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-15px;right:0;width:67%;height:540px;background:url('/assets/phygitai-orbital-globe.svg') center/contain no-repeat;opacity:.95}
.platform-design .page-hero{position:relative;padding:24px 0 0}
.platform-design .hero-eyebrow{color:#4de3e8;font-size:12px;line-height:1.5;letter-spacing:.09em;font-weight:600;margin:25px 0 12px}
.platform-design .page-hero h1{font-size:clamp(40px,4.8vw,64px);font-weight:600;letter-spacing:-.045em;line-height:1.06;max-width:650px;margin:0 0 18px;text-wrap:balance}
.platform-design .page-hero .lead{font-size:17px;line-height:1.6;max-width:580px;color:#b1c7d4}
.platform-design .platforms-intro{position:relative;max-width:560px;color:#9cb4c2;font-size:13px;line-height:1.65;margin:10px 0 0}
.platform-design .platform-tabs{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 24px}
.platform-design .platform-tab{flex-direction:row;text-align:left;align-items:center;background:linear-gradient(120deg,#031d28ee,#062531dd);min-height:112px;border:1px solid #286071;border-radius:19px;padding:22px;gap:20px;color:#f2f7fa}
.platform-design .platform-tab:first-child{border-color:#168b9e}
.platform-design .platform-tab svg{width:52px;height:52px}
.platform-design .platform-tab b{font-size:24px;letter-spacing:-.025em}
.platform-design .platform-tab small{font-size:14px;color:#a6c6d4;margin-top:5px}
.platform-design .platform-card-arrow{display:flex!important;align-items:center;justify-content:center;border:1px solid #7b9ca7;width:36px;height:36px;border-radius:50%;font-size:23px;color:#dfecf2!important;flex:none;margin-left:auto}
.platform-design .platform-tab:hover{border-color:#59e7ea;background:#082d3b;transform:translateY(-2px)}
.platform-design .framework-overview{position:relative;overflow:hidden;isolation:isolate;border:1px solid #1a9cbb;border-radius:20px;background:#021722;padding:30px;margin:0}
.platform-design .framework-overview:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00151ef5 0%,#00151ed9 38%,#00151e44 100%),url('/assets/phygitai-research-terrain.svg') right top/100% auto no-repeat;pointer-events:none}
.platform-design .framework-overview .framework-label{text-align:left;font-size:12px;color:#43e1e4;letter-spacing:.08em}
.platform-design .framework-overview h2{text-align:left;font-size:29px;font-weight:550;max-width:780px;margin:12px 0}
.platform-design .framework-overview .framework-description{text-align:left;white-space:normal;font-size:16px;line-height:1.65;max-width:770px;color:#b8ccd6}
.platform-design .framework-overview hr{border-color:#245061;margin:28px 0}
.platform-design .framework-steps{gap:32px}
.platform-design .framework-step .step-number{font-size:17px;margin-bottom:10px;color:#57d5df}
.platform-design .framework-step h3{font-size:19px;margin-bottom:8px}
.platform-design .framework-step p{font-size:14px;line-height:1.6;color:#adc4d0}
.platform-design .framework-footer{font-size:12px;color:#a9c4ce}
.platform-design .framework-overview .framework-bottom-divider{margin:26px 0 20px}
/* Individual platform heroes share structure, with restrained platform accents. */
.platform-detail{--platform-accent:#4ee3dd;--platform-border:#186475;--globe-hue:-28deg}
.platform-detail[data-platform="claude"]{--platform-accent:#f1aa70;--platform-border:#785134;--globe-hue:155deg}
.platform-detail[data-platform="gemini"]{--platform-accent:#8aa9ff;--platform-border:#3857a5;--globe-hue:12deg}
.platform-detail .platform-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--platform-border);border-radius:24px;background:#03161f;padding:40px;margin:26px 0 30px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);gap:48px;min-height:420px;align-items:end}
.platform-hero:before{content:"";pointer-events:none;position:absolute;inset:-110px -140px auto auto;width:640px;height:550px;background:url('/assets/phygitai-orbital-globe.svg') center/contain no-repeat;filter:hue-rotate(var(--globe-hue));opacity:.63;z-index:-2}
.platform-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03161ff2 0%,#03161fdc 35%,transparent 85%);z-index:-1;pointer-events:none}
.platform-hero .plugin-topbar{display:block;border:0;padding:0}
.platform-hero .plugin-brand{gap:20px;align-items:flex-start}
.platform-hero .plugin-logo{width:102px;height:102px;object-fit:contain;border-radius:16px;flex:none;background:#fff}
.platform-hero .plugin-brand h1{font-size:clamp(30px,3.2vw,44px);font-weight:600;line-height:1.12;letter-spacing:-.035em;margin:0 0 9px;text-wrap:balance}
.platform-hero .plugin-subtitle{font-size:15px;color:#b9cad5;margin:0}
.platform-hero .plugin-badge{display:inline-block;color:var(--platform-accent);border:1px solid var(--platform-border);background:#03141caa;font-size:10px;padding:6px 11px;border-radius:30px;margin-top:13px}
.platform-hero .hero-intro{font-size:15px;color:#c0d0d8;line-height:1.7;max-width:530px;margin:22px 0}
.platform-hero .plugin-primary-actions,.platform-hero .single-download-actions{width:100%;max-width:390px}
.platform-hero .plugin-button-row{display:flex;flex-direction:column;gap:10px}
.platform-hero .plugin-download{width:100%;min-height:50px;border:1px solid #328fff;border-radius:10px;background:#0766ec;color:white;display:flex;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;padding:12px 16px;text-decoration:none;box-shadow:none}
.platform-hero .plugin-download svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.platform-hero .plugin-visit{width:100%;min-height:48px;border:1px solid #42616d;background:#071e27b3;color:#e9f5f7;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:500;text-decoration:none;padding:12px 16px;box-shadow:none}
.platform-hero .download-microtext{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:9px;font-size:10px;line-height:1.55;color:#a5c2cb;margin:17px 0 0}
.platform-hero .download-microtext svg{width:18px;height:20px;margin:0;color:var(--platform-accent)}
.platform-hero .download-microtext span{min-width:0;flex:1}
.platform-hero .main-update-link{margin:12px 0 0;font-size:11px;text-align:right}
.platform-hero .main-update-link a{color:var(--platform-accent)}
.platform-quicknav{display:block;background:#021820db;border:1px solid var(--platform-border);border-radius:14px;padding:20px;backdrop-filter:blur(5px)}
.platform-quicknav h2{font-size:12px;letter-spacing:.065em;text-transform:uppercase;color:var(--platform-accent);font-weight:600;margin:0 0 13px}
.platform-quicknav a{display:flex;align-items:center;gap:13px;text-decoration:none;padding:15px 0;color:#edf4f7;border-bottom:1px solid #24404c}
.platform-quicknav a:last-child{border:0;padding-bottom:2px}
.platform-quicknav svg{width:29px;height:32px;fill:none;stroke:var(--platform-accent);stroke-width:1.4;flex:none}
.platform-quicknav strong{display:block;font-size:14px;font-weight:500;margin-bottom:4px}
.platform-quicknav small{display:block;font-size:11px;color:#abc0ca;line-height:1.5}
.platform-quicknav .nav-chevron{margin-left:auto;font-size:24px;color:var(--platform-accent)}
.platform-detail .plugin-main{background:#041a24;border-color:#24424f}
.platform-detail .plugin-side{background:#071922;border-color:#24424f}
.platform-detail .plugin-layout{margin-top:0}
.platform-detail .plugin-main .mode-card{background:#08232f;border-color:#264855}
.platform-detail .plugin-main .mode-icon{color:var(--platform-accent)}
.platform-detail [id]{scroll-margin-top:115px}
@media(min-width:801px){.platform-detail .plugin-tagline{font-size:30px;max-width:660px}}
@media(max-width:1000px){.platform-detail .platform-hero{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:25px;padding:30px}.platform-hero .plugin-logo{width:82px;height:82px}.platform-design .platform-tab{padding:19px;gap:13px}.platform-design .platform-tab svg{width:42px;height:42px}.platform-design .platform-tab b{font-size:21px}}
@media(max-width:700px){.platform-introduction:before{width:90%;height:400px;right:-90px;top:-25px;opacity:.56}.platform-design .page-hero h1{font-size:39px;max-width:390px}.platform-design .page-hero .lead{max-width:380px;font-size:15px}.platform-design .platforms-intro{font-size:12px;max-width:390px}.platform-design .platform-tabs{grid-template-columns:1fr;gap:12px;margin-top:24px}.platform-design .platform-tab{min-height:88px;padding:17px 20px;gap:20px;border-radius:15px}.platform-design .platform-tab svg{width:45px;height:45px}.platform-design .platform-tab b{font-size:21px}.platform-design .platform-tab small{font-size:13px}.platform-design .framework-overview{padding:23px;border-radius:17px}.platform-design .framework-overview:before{background:linear-gradient(90deg,#00151ee8,#00151e55),url('/assets/phygitai-research-terrain.svg') 65% 0/auto 280px no-repeat}.platform-design .framework-overview h2{font-size:25px;line-height:1.25}.platform-design .framework-overview .framework-description{font-size:14px}.platform-design .framework-steps{grid-template-columns:1fr;gap:25px}.platform-design .framework-footer{font-size:11px;text-align:left}.platform-detail .platform-hero{grid-template-columns:1fr;gap:28px;padding:25px 22px;border-radius:20px}.platform-hero:before{width:460px;height:430px;right:-230px;top:-40px;opacity:.5}.platform-hero .plugin-logo{width:84px;height:84px}.platform-hero .plugin-brand{gap:15px}.platform-hero .plugin-brand h1{font-size:30px}.platform-hero .plugin-badge{font-size:9px}.platform-hero .hero-intro{font-size:14px;line-height:1.65;margin:23px 0}.platform-hero .plugin-primary-actions,.platform-hero .single-download-actions{max-width:none}.platform-hero .download-microtext{font-size:11px;margin-top:20px}.platform-hero .download-microtext svg{width:15px;height:17px}.platform-hero .main-update-link{margin:14px 0 0}.platform-quicknav{padding:19px}.platform-quicknav a{padding:14px 0}.platform-detail .plugin-topbar{padding:0;border:0}.platform-design .hero-eyebrow{font-size:10px;letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){.platform-design .platform-tab{transition:none;transform:none}}

/* Keep the mobile orbital artwork within the content bounds. */
@media(max-width:700px){.platform-introduction:before{right:0;width:100%;background-position:calc(100% + 180px) top;background-size:auto 360px;opacity:.42}}