:root{--island-margin:clamp(24px,3.2vw,64px);--island-gap:24px;--island-side:calc((100vw - 2 * var(--island-margin) - 2 * var(--island-gap)) / 3.55);--island-center:calc(var(--island-side) * 1.55)}
/* Four independent panes retain a clear view into the same space background. */
#home-screen{height:auto;min-height:0;padding:18px var(--island-margin) 85px;display:block}
.home-layout{width:100%;max-width:none;height:auto;min-height:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr) minmax(0,1fr);grid-template-rows:clamp(105px,12.5vh,150px) minmax(570px,calc(100svh - 330px));gap:var(--island-gap);align-items:stretch}
.content-island,.sky-island,.control-deck{border:1.5px solid #3a3e47b3;background:linear-gradient(135deg,#d5deed0b,#15192025 48%,#8c96a40b);box-shadow:inset 0 1px #e2e8f00a,0 15px 40px #0002;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);border-radius:23px}
.sky-island{grid-column:2;grid-row:1;min-width:0;pointer-events:none}
.content-island{position:relative;min-width:0;grid-row:2;display:flex;justify-content:center;align-items:flex-start;padding:28px 18px 52px}
.island-left{grid-column:1}.island-center{grid-column:2;padding:0;display:block;isolation:isolate}.island-right{grid-column:3}
.content-island>.side-manifesto,.content-island>.side-proof{grid-column:auto;position:relative;inset:auto;align-self:flex-start;justify-self:auto;width:min(100%,335px);min-height:425px;margin:0;padding:28px 26px 30px;background:linear-gradient(140deg,#d5d8df0e,#14171e55 50%,#aabfff06);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:inset 0 1px #fff1,0 14px 35px #0002;border-color:#555b663d}
.content-island>.side-manifesto:before,.content-island>.side-proof:before{opacity:.45}
.content-island .module-detail{font-size:12px}.content-island .module-community{color:#acb8cd}
.island-center>.constellation{grid-column:auto;width:100%;height:100%;min-height:0;margin:0;overflow:visible}
.island-center .satellite{width:104px;gap:12px}.island-center .glass-icon{width:clamp(66px,5vw,100px);border-radius:24px}.island-center .satellite>span{font-size:14px}
.island-center .satellite-chatgpt{left:24%;top:8%;bottom:auto}.island-center .satellite-claude{right:24%;top:8%;bottom:auto}
.island-center .satellite-grok{left:24%;bottom:7%;top:auto}.island-center .satellite-deepseek{right:24%;bottom:7%;top:auto}
.island-center .constellation .satellite-gemini{left:5%;top:31%;bottom:auto}.island-center .constellation .satellite-antigravity{right:5%;top:31%;bottom:auto}
.island-center .satellite-kimi{left:5%;top:65%;bottom:auto}.island-center .satellite-qwen{right:5%;top:65%;bottom:auto}
.island-center .trial-center{top:50%;width:330px;max-width:65%}.island-center .trial-button{min-height:104px;padding:18px}.island-center .trial-button>span:not(.trial-glass-highlights){font-size:clamp(20px,1.65vw,28px)}
.island-center .orbit-one{width:76%;height:64%}.island-center .orbit-two{width:60%;height:77%}
/* Header positions follow the marked areas above the three columns. */
.top-navigation{height:110px;min-height:110px;padding:0;z-index:auto}
.top-navigation>:is(.control-deck,.discovery-stack,.subscription-banner){z-index:40}
.top-navigation .corner-logo{position:absolute;left:22px;top:12px;width:clamp(130px,9vw,180px);height:clamp(130px,9vw,180px)}
.control-deck{position:absolute;top:20px;left:calc(var(--island-margin) + var(--island-side) + var(--island-gap));width:var(--island-center);min-height:76px;padding:9px 11px;display:grid;grid-template-columns:40px minmax(0,1fr) 92px;align-items:center;gap:8px;border-radius:18px;background:linear-gradient(135deg,#aeb8c80e,#171b243d);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.control-deck>.navigation-shell{display:contents}
.control-deck .performance-control{position:relative;left:auto;top:auto;translate:none;align-self:center;width:40px;height:44px}
.control-deck nav{grid-template-columns:1fr 1fr .5fr;min-width:0;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;gap:2px}
.control-deck nav .tab{min-height:50px;gap:8px;font-size:11px}.control-deck nav .tab svg{width:19px;height:19px}.control-deck nav .tab.active{background:#cbd6e910;border-color:#525b6a88;color:#ede2c8;box-shadow:inset 0 1px #ffffff12}
.control-deck .performance-icon{border-color:#4a515e88;background:#c7cfdf08}
.control-deck .language-picker{position:relative;inset:auto;left:auto;right:auto;top:auto;width:100%}
.control-deck #language-toggle{min-height:50px;padding:8px 10px;border-color:#48505d99;background:#ffffff05;border-radius:12px;gap:7px;font-size:11px;box-shadow:none}
.control-deck #language-toggle>svg{width:17px;height:17px}.control-deck .language-chevron{display:none}
.top-navigation .discovery-banner{position:absolute;left:calc(var(--island-margin) + 140px);right:auto;top:20px;width:calc(var(--island-side) - 140px);min-height:76px;padding:14px 18px;font-size:14px;gap:10px;transform:none;animation:discovery-glow 7s ease-in-out infinite;border-radius:18px}
.top-navigation .discovery-symbol{display:grid;width:29px;height:29px;flex-shrink:0}.top-navigation .discovery-arrow{width:28px;height:28px;flex-shrink:0}
.top-navigation .subscription-banner{left:auto;right:var(--island-margin);top:20px;width:calc(var(--island-side) * .86);min-height:80px;padding:20px 24px;font-size:16px;justify-content:center;border-radius:18px}
.top-navigation .refund-banner{left:auto;right:calc(var(--island-margin) + var(--island-side) * .33);top:146px;width:calc(var(--island-side) * .67);min-height:76px;padding:16px 20px;font-size:13px;transform:none;justify-content:center;border-radius:17px}
@media(min-width:1700px){.content-island>.side-manifesto,.content-island>.side-proof{width:min(100%,370px);min-height:470px;padding:32px}.content-island .module-detail{font-size:13px}.island-center .satellite>span{font-size:16px}}
@media(min-width:761px) and (max-width:1250px){:root{--island-margin:22px;--island-gap:16px}.home-layout{grid-template-rows:105px minmax(580px,calc(100svh - 310px))}.content-island{padding:23px 12px 45px}.island-center{padding:0}.content-island>.side-manifesto,.content-island>.side-proof{padding:23px 16px;min-height:435px}.content-island .side-manifesto p{font-size:24px}.content-island .side-manifesto p>span:nth-child(2){font-size:25px}.content-island .side-manifesto p>.capsule-ai{font-size:63px}.content-island .side-proof p>.proof-number{font-size:54px}.content-island .side-proof p>.proof-years{font-size:18px}.content-island .module-detail{font-size:10px}.island-center .satellite{width:80px}.island-center .glass-icon{width:65px;border-radius:20px}.island-center .satellite>span{font-size:12px}.island-center .satellite-chatgpt,.island-center .satellite-grok{left:22%}.island-center .satellite-claude,.island-center .satellite-deepseek{right:22%}.island-center .trial-center{max-width:68%}.island-center .trial-button{min-height:90px;padding:15px 10px}.island-center .trial-button>span:not(.trial-glass-highlights){font-size:20px}.top-navigation .corner-logo{width:115px;height:115px;left:14px}.top-navigation .discovery-banner{left:calc(var(--island-margin) + 105px);width:calc(var(--island-side) - 105px);font-size:11px;padding:11px;gap:5px}.top-navigation .discovery-symbol{display:none}.top-navigation .discovery-arrow{width:23px;height:23px}.control-deck{grid-template-columns:34px minmax(0,1fr) 60px;padding:8px;gap:5px}.control-deck nav .tab{font-size:9px;gap:5px}.control-deck nav .tab svg{width:16px;height:16px}.control-deck #language-toggle{padding:8px 5px;gap:4px;font-size:10px}.control-deck #language-toggle>svg{width:14px;height:14px}.control-deck .performance-control{width:34px}.control-deck .performance-icon{width:33px;height:38px}.top-navigation .subscription-banner{font-size:12px;padding:14px;gap:8px}.top-navigation .refund-banner{font-size:11px;padding:12px;gap:7px}}
@media(min-width:761px) and (max-width:1000px){.control-deck nav .tab span{display:none}.control-deck nav .tab svg{width:20px;height:20px}.top-navigation .discovery-banner{font-size:10px}.island-center .satellite-chatgpt,.island-center .satellite-grok{left:17%}.island-center .satellite-claude,.island-center .satellite-deepseek{right:17%}.content-island>.side-manifesto,.content-island>.side-proof{padding:20px 12px}.content-island .side-proof p>.proof-years{font-size:15px;white-space:normal}.content-island .side-proof p>.proof-number{font-size:46px}.content-island .side-manifesto p>span:nth-child(2){font-size:21px}.island-center .trial-button>span:not(.trial-glass-highlights){font-size:17px}}
@media(max-width:760px){
 :root{--island-margin:16px;--island-gap:16px}
 .top-navigation{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 16px 0}
 .top-navigation .corner-logo{position:relative;inset:auto;grid-column:1;grid-row:1;width:112px;height:112px;margin-left:2px}
 .top-navigation .discovery-banner{position:relative;inset:auto;grid-column:2;grid-row:1;align-self:center;width:100%;min-height:90px;transform:none;font-size:12px;padding:12px 10px;gap:7px}.top-navigation .discovery-symbol{display:none}.top-navigation .discovery-arrow{width:24px;height:24px}
 .control-deck{position:relative;inset:auto;grid-column:1 / -1;grid-row:2;width:100%;min-height:68px;grid-template-columns:34px minmax(0,1fr) 58px;gap:5px;padding:8px;border-radius:16px}
 .control-deck .performance-control{width:34px}.control-deck .performance-icon{width:32px;height:37px}.control-deck nav .tab{font-size:9px;gap:4px;min-height:46px}.control-deck nav .tab svg{width:17px;height:17px}.control-deck nav .tab span{display:none}.control-deck #language-toggle{min-height:44px;padding:8px 5px;gap:4px;font-size:10px}.control-deck #language-toggle>svg{width:14px;height:14px}
 .top-navigation .refund-banner,.top-navigation .subscription-banner{position:relative;inset:auto;grid-row:3;width:100%;min-height:65px;padding:11px;font-size:11px;transform:none;gap:7px;border-radius:14px}.top-navigation .refund-banner{grid-column:1}.top-navigation .subscription-banner{grid-column:2}.top-navigation .refund-banner>svg{width:25px;height:25px}.top-navigation .refund-banner br{display:block}.top-navigation .refund-banner strong:before{content:none}
 #home-screen{padding:20px 16px 115px}
 .home-layout{display:grid;max-width:none;grid-template-columns:1fr;grid-template-rows:90px 750px auto auto;gap:18px;height:auto}
 .sky-island{grid-column:1;grid-row:1}.island-center{grid-column:1;grid-row:2;padding:0}.island-left{grid-column:1;grid-row:3}.island-right{grid-column:1;grid-row:4}.content-island{padding:25px 18px 55px;min-height:0}.island-center{padding:0}.content-island>.side-manifesto,.content-island>.side-proof{width:min(100%,335px);min-height:440px;margin:0;padding:27px 24px}.island-center .constellation{height:100%;min-height:0;margin:0}.island-center .satellite{width:84px}.island-center .glass-icon{width:66px;border-radius:20px}.island-center .satellite>span{font-size:12px}.island-center .satellite-chatgpt,.island-center .satellite-grok{left:12%}.island-center .satellite-claude,.island-center .satellite-deepseek{right:12%}.island-center .constellation .satellite-gemini,.island-center .satellite-kimi{left:1%}.island-center .constellation .satellite-antigravity,.island-center .satellite-qwen{right:1%}.island-center .trial-center{width:255px;max-width:76%}.island-center .trial-button{min-height:106px;padding:17px 10px}.island-center .trial-button>span:not(.trial-glass-highlights){font-size:23px}
 .account-view .top-navigation{display:block;padding:148px 16px 0}.account-view .top-navigation .corner-logo{position:absolute;top:18px;left:18px;width:112px;height:112px}.account-view .control-deck{position:relative;inset:auto;width:100%}.account-view .control-deck .language-picker{position:relative;inset:auto;width:100%}
}
@media(max-width:760px){.island-center{overflow:clip}}

/* A taller discovery card, lower billboards, and four local social tiles. */
.top-navigation .discovery-banner{min-height:96px;padding-top:21px;padding-bottom:21px}
.content-island>.side-manifesto,.content-island>.side-proof{margin-top:24px}
.island-left{flex-direction:column;align-items:center;justify-content:flex-start}
.island-left>.social-dock{position:relative;inset:auto;left:auto;right:auto;bottom:auto;translate:0 0;z-index:2;width:min(100%,335px);flex-shrink:0;align-self:center;margin:48px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.island-left #social-panel{display:block;opacity:1}
.island-left .social-links,.island-left .social-dock:not(.collapsed) .social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;overflow:visible}
.island-left .social-link{min-height:72px;padding:12px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:11px;font-size:12px;border:1px solid #414751a6;border-radius:14px;background:linear-gradient(140deg,#b8c4d412,#15192242);backdrop-filter:blur(2px);box-shadow:inset 0 1px #ffffff0b;translate:0 0}
.island-left .social-link:hover{background:linear-gradient(140deg,#b8c4d41a,#1519224d);border-color:#626d7b99}
.island-left .social-link:active,.island-left .social-link.social-pressed{background:color-mix(in srgb,var(--social-color) 18%,#11151b);border-color:var(--social-color);box-shadow:inset 0 0 15px color-mix(in srgb,var(--social-color) 22%,transparent),0 0 13px color-mix(in srgb,var(--social-color) 20%,transparent)}
.island-left .social-mark{width:29px;height:29px}.island-left .social-mark>img{width:28px;height:28px}
@media(min-width:761px){.home-layout{grid-template-rows:clamp(144px,12.5vh,150px) minmax(700px,auto)}}
@media(min-width:1700px){.island-left>.social-dock{width:min(100%,370px)}}
@media(min-width:761px) and (max-width:1250px){.island-left .social-link{font-size:10px;padding:10px;gap:8px;min-height:64px}.island-left .social-mark,.island-left .social-mark>img{width:24px;height:24px}}
@media(max-width:760px){.top-navigation .discovery-banner{min-height:108px;padding:16px 10px}.content-island>.side-manifesto,.content-island>.side-proof{margin-top:20px}.island-left>.social-dock{width:min(100%,335px);margin-top:48px}.island-left .social-link{min-height:70px;padding:12px;gap:10px;font-size:11px}}

/* Keep the manifesto centred above its social tiles after switching to a column. */
.island-left>.side-manifesto{align-self:center;flex-shrink:0;animation:manifesto-hover 9s ease-in-out infinite}
@keyframes manifesto-hover{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(prefers-reduced-motion:reduce){.island-left>.side-manifesto{animation:none!important;translate:0 0}}

/* Refund information sits below the community billboard and its engines. */
.island-right{flex-direction:column;align-items:center;justify-content:flex-start}
.island-right>.side-proof{align-self:center;flex-shrink:0}
.island-right>.refund-banner{
  position:relative;inset:auto;translate:0 0;transform:none;align-self:center;flex-shrink:0;
  width:min(100%,430px);min-height:112px;margin:48px 0 0;padding:20px clamp(12px,1.5vw,24px);
  display:flex;justify-content:center;gap:clamp(9px,1.2vw,17px);border-radius:20px;
  font-size:clamp(13px,1.08vw,18px);
}
.island-right>.refund-banner>svg{width:clamp(30px,3vw,43px);height:clamp(30px,3vw,43px)}
@media(max-width:760px){.island-right>.refund-banner{min-height:100px;margin-top:36px;font-size:15px}.top-navigation .subscription-banner{grid-column:1 / -1;grid-row:3;width:100%}}
