/* Shared background, connected setup scene and task-specific page composition. */
body{background:#FBFCFF;--scene-blue:#E6EDFF;--scene-glow:#C7D9FF;--scene-warm:#F0F5B2;--canvas:#FBFCFF}
.preview-strip{background:#FBFCFF}.site-header{background:#FBFCFFF2;border-bottom:1px solid #E4EAF5;padding:0;backdrop-filter:blur(12px)}
.nav-row{border:0;border-radius:0;background:transparent;box-shadow:none;padding:9px 0;min-height:76px}.nav-row nav a{border-radius:5px}.site-search{background:transparent;box-shadow:none}.nav-row .nav-account{border:0;background:transparent}.brand img{width:39px;height:39px}.brand b{font-size:1.6rem}
.button{border-radius:8px;font-weight:700;box-shadow:none}.button.primary{box-shadow:none}.button.primary:hover{box-shadow:0 5px 18px #2454F229;transform:translateY(-2px)}.button.primary:active{transform:none;box-shadow:none}
.handover-hero{position:relative;isolation:isolate;padding-top:23px;padding-bottom:18px}.hero-caption{padding-block:4px 15px;font-size:.875rem}.hero-caption>span:first-child{font-size:.875rem}.hero-caption .edition-label{background:transparent;color:#53637F;border:0;padding:3px 0;font-size:.75rem;letter-spacing:.025em}.hero-layout{grid-template-columns:.92fr 1.08fr;gap:64px;padding-top:25px;padding-bottom:25px;align-items:center}.hero-story h1{font-size:clamp(3.7rem,5.6vw,5.5rem);line-height:1.015;letter-spacing:-.053em;margin:0 0 29px}.hero-word:after{height:13%;bottom:7px;border-radius:2px;transform:none;background:#E7F36A}.hero-story .hero-copy{max-width:34ch;font-size:1.125rem;line-height:1.6}.hero-story .hero-note{font-size:.875rem;max-width:33ch}.hero-story .actions{gap:20px}.hero-story .actions .button{min-width:183px}.hero-story .quiet-link{font-size:.875rem}.product-stage{padding:0;perspective:none}.stage-caption{padding:0 2px 17px;gap:20px}.stage-note{font:700 .9375rem/1.35 var(--sans);transform:none;color:#243957}.stage-tag{font-size:.75rem;white-space:nowrap}.stage-backplate{display:none}.setup-ends{display:grid;grid-template-columns:1fr 1fr;gap:28px;position:relative}.setup-end{border:1px solid #BBCFF5;border-radius:9px;background:#FFFFFFC7;padding:15px 17px;box-shadow:0 5px 15px #2454F205}.setup-end.destination{border-color:#9DB8F5;background:#FFFFFFE8}.setup-role{display:block;font-size:.6875rem;letter-spacing:.06em;color:#596B87;margin-bottom:8px}.setup-end strong{display:block;font-size:1.0625rem;letter-spacing:-.025em}.setup-items{display:flex;gap:8px;align-items:center;margin-top:13px;color:var(--blue)}.setup-items .ui-mark{width:17px;height:17px}.setup-items>span{font-size:.6875rem;line-height:1.3;color:#596B87;margin-left:2px;max-width:12ch}.destination .setup-items .ui-mark{background:#EDF3B0;border-radius:3px}
.scene-link{position:relative;color:#7699E6;height:56px;display:flex;align-items:center;justify-content:center}.scene-link svg{position:absolute;inset:0;width:100%;height:56px}.scene-link>span{position:relative;font-size:.625rem;letter-spacing:.03em;background:#F2F6FFE8;padding:3px 8px;margin-top:-13px;color:#566D94}.trace-dot{opacity:.6}body[data-playback=playing] .trace-dot{animation:handover-path 2.6s ease-in-out infinite}@keyframes handover-path{0%,10%{transform:translateX(0);opacity:0}20%{opacity:1}80%{opacity:1}90%,100%{transform:translateX(300px);opacity:0}}
.product-stage .handover-surface{width:100%;max-width:470px;margin:0 auto;transform:none;border:1px solid #A9C1F2;border-radius:13px;box-shadow:0 16px 40px #335BB81A,0 2px 5px #335BB80F;transition:box-shadow .25s}.product-stage:hover .handover-surface{transform:none;box-shadow:0 19px 42px #335BB821,0 2px 5px #335BB80F}.handover-label{padding:11px 17px;background:#EFF4FE;font-size:.6875rem}.pair-row{display:none}.demo-tabs button{padding:11px 5px;font-size:.75rem;min-height:43px}.demo-tabs~section{min-height:281px}.handover-surface .demo-chrome{padding:14px 18px 0}.handover-surface .demo-content{padding:13px 18px 11px}.handover-surface .demo-content h3{font-size:1.5rem;margin-bottom:14px;line-height:1.1}.handover-surface .demo-progress>strong{font-size:2rem}.handover-surface .demo-content .eyebrow{font-size:.6875rem;margin-bottom:10px}.handover-surface .demo-row{font-size:.8125rem;padding-block:8px}.handover-surface .demo-bottom{font-size:.6875rem;min-height:40px;padding:10px 18px}.demo-brand{font-size:.8125rem}.demo-chrome .badge{font-size:.6875rem}.stage-scope{justify-content:center;transform:none;margin:14px 0 0;gap:8px}.stage-scope>span,.stage-scope>span:nth-child(2){transform:none;background:#FFFFFFA8;box-shadow:none;border:1px solid #C6D6F4;border-radius:5px;padding:7px 10px;font-size:.6875rem}.stage-scope .ui-mark{width:15px;height:15px}body[data-view=files] [data-scope=files],body[data-view=apps] [data-scope=apps],body[data-view=settings] [data-scope=settings]{background:var(--citron);border-color:#CAD75D}.stage-controls{margin:16px auto 0;max-width:470px;font-size:.6875rem;gap:15px}.stage-controls>span{font-size:.6875rem;max-width:24ch}.demo-play{box-shadow:none;border-radius:6px;font-size:.75rem;min-height:39px;padding:8px 12px}.platform-line{padding-top:19px;border-color:#CFDAEE}.hero-live-record{background:transparent;border:0;border-top:1px solid #D7E1F3;border-radius:0;box-shadow:none;padding:15px 0;margin-bottom:0;font-size:.8125rem}.hero-live-record .badge{font-size:.6875rem;background:#EDF3FF}
.move-chapter{padding-block:66px 65px}.chapter-index{background:transparent;border:1px solid #B7CCF5;box-shadow:none;border-radius:50%;width:44px;height:44px}.chapter-heading{grid-template-columns:48px 1fr 1fr;gap:25px}.chapter-heading h2{font-size:3.125rem}.handover-steps{gap:0;position:relative;isolation:isolate;padding-top:18px}.handover-steps:before{content:'';position:absolute;left:30px;right:30px;top:43px;height:1px;background:#BFD0EF;z-index:-1}.handover-steps>article,.handover-steps>article+article,.handover-steps>article:nth-child(2),.handover-steps>article:nth-child(3){background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;margin:0;padding:0 30px 20px}.step-number{background:#FBFCFF;border:1px solid #CBD8EE;border-radius:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.125rem;margin-bottom:22px;color:var(--blue)}.handover-steps h3{font-size:1.25rem}.handover-steps p{font-size:1rem;max-width:30ch}.step-caption{font-size:.6875rem}.belongings-section{position:relative;isolation:isolate;background:#EFF4FF;border:0;border-radius:0;padding:56px 44px;box-shadow:none}.belongings-section:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#EFF4FF;z-index:-2}.belongings-section:after{content:'';position:absolute;inset:0 0 0 40%;background:url('assets/setup-grid.svg') right center/1200px auto no-repeat;opacity:.07;z-index:-1;pointer-events:none}.belonging-index{background:transparent;border:0;border-radius:0;box-shadow:none}.belongings article{border-color:#CDDAEF}.belongings h3{font-size:1.625rem}.cloud-spread{padding-top:0;background:#FBFCFF}.cloud-layout{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;box-shadow:none;padding:72px 44px;overflow:hidden}.cloud-layout:before{content:'';position:absolute;inset:30px 0;background:radial-gradient(ellipse at 80% 50%,#E6F1A78A,transparent 63%);z-index:-1}.cloud-layout:after{content:'';position:absolute;width:420px;height:310px;right:40px;top:65px;border:1px solid #D9E48A;border-radius:18px 65px 18px 18px;transform:rotate(-10deg);z-index:-1;opacity:.45}.cloud-layout h2{font-size:3.75rem}.cloud-price{border-color:#D4DDA4}.public-chapter{padding-block:50px 65px}.metric-grid,.metric-strip{box-shadow:none}.metric-strip{border-radius:0;border-block:1px solid #D9E2F0;border-inline:0}.metric{background:transparent}.metric:first-child{background:transparent;color:var(--ink)}.metric:first-child strong{color:var(--blue)}.metric:first-child .label,.metric:first-child .foot{color:var(--muted)}.metric{padding:27px 24px}.metric strong{font-size:2.5rem}.metric+.metric{border-left:1px solid #D9E2F0}.together-section{padding-bottom:65px;gap:65px}.together-section>div:first-child{background:transparent;border:0;border-radius:0;padding:15px 0;box-shadow:none;position:relative}.together-section>div:first-child:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #D4E0F7;border-radius:45px 10px 45px 10px;right:35px;top:20px;z-index:-1;background:transparent;transform:none}.together-section h2{font-size:3.5rem}.together-links>a{border-radius:0;background:transparent;box-shadow:none;border:0;border-bottom:1px solid #D8E3F6;padding:20px 0}.together-links>a>span{background:#EEF4FF;border:0;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.6875rem}.together-links>a:hover{transform:none;background:#F2F6FF}
.page-heading{position:relative;isolation:isolate;overflow:visible;margin-top:0;margin-bottom:30px;min-height:295px;background:transparent!important;border:0;border-radius:0;padding:48px 28px 40px;gap:70px}.page-heading:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 79% 35%,var(--scene-glow),transparent 64%);opacity:.6;z-index:-2;pointer-events:none}.page-heading:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:url('assets/setup-grid.svg') center/1440px auto no-repeat;border:0;border-radius:0;width:auto;height:auto;opacity:.12;z-index:-1;mask-image:linear-gradient(90deg,transparent 5%,#0004 42%,#000 100%);pointer-events:none}.page-heading h1{font-size:clamp(3rem,4.6vw,4.5rem);line-height:1.07;margin-bottom:22px}.page-heading .eyebrow{background:transparent;border:0;padding:0;color:var(--blue);font-size:.6875rem}.page-heading .lede{font-size:1.0625rem;max-width:60ch}.heading-copy{flex:1;min-width:0}.page-emblem{flex:0 0 210px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#4D658E;font-size:.75rem;text-align:center}.page-emblem>b{font-size:.9375rem;color:#243957}.emblem-orbit{display:flex;align-items:center;justify-content:center;position:relative;width:170px;height:130px;margin-bottom:7px;border:1px solid #9FBAEE;border-radius:12px 45px 12px 12px;background:#FFFFFF91;box-shadow:0 10px 25px #2454F20A}.emblem-orbit>.ui-mark{color:var(--blue);width:43px;height:43px}.emblem-orbit i{position:absolute;width:10px;height:10px;border:1px solid #7599E2;border-radius:50%;background:var(--citron);left:-5px;top:50%}.emblem-orbit i:last-child{left:auto;right:-5px}.emblem-orbit:after{content:'';position:absolute;inset:-13px;border:1px solid #D4E1F5;border-radius:16px 56px 16px 16px;pointer-events:none}.body-section{padding-bottom:60px}.card{border-radius:10px;background:#fff;box-shadow:none;border-color:#D7E2F1}.card:hover{transform:none}.card .eyebrow{font-size:.6875rem;background:transparent;border:0;padding:0}.grid .card h3{font-size:1.375rem}.price-card{border-radius:11px!important;box-shadow:none}.price-card.featured{transform:none;background:#EEF4FF;border-color:var(--blue)!important;box-shadow:0 8px 22px #2454F20F}.free-banner{background:#F0F5BC;border:0;border-left:4px solid #D8E672;border-radius:0;box-shadow:none}.price-card .price{font-size:2.2rem}.download-card{box-shadow:none;border-radius:11px!important;border-color:#D5E0F4!important}.download-card .os-label{font-size:2.75rem}.segmented{border:1px solid #D5E0EF;border-radius:8px;background:#F0F4FB;padding:4px}.segmented button{border-radius:5px}.segmented button[aria-pressed=true]{box-shadow:0 1px 5px #223F8412}.side-card{box-shadow:none;border-radius:10px}.feed{border-radius:0;border:0;background:transparent}.feed-item{padding-inline:14px!important;background:transparent;border-bottom-color:#D5E0F1}.vote{border-radius:6px;box-shadow:none}.vote[aria-pressed=true]{background:#EAF2B8}.feed-item .badge{border-radius:4px}.roadmap-column{background:#F1F5FC;border-radius:9px;border-color:#DBE4F3;box-shadow:none}.roadmap-item{box-shadow:none;border-radius:7px}.form-panel,.success-panel,.account-preview,.chart-card,.status-services,.status-head,.band{box-shadow:none;border-radius:11px}.search-field{box-shadow:none;border-radius:7px}.notice{border-radius:6px}.section{border-color:#DEE6F3}.metric-grid{border-radius:10px;background:#fff;border:1px solid #DCE5F2;overflow:hidden}.metric-grid .metric:first-child{background:#EEF4FF}.band{background:#EDF3FC;border:0}.status-head{background:#EEF7F1}.preview-log{background:#F3F6FC;border-radius:6px}.checkbox-row{background:#F8FAFE;border-radius:6px}.chart-card{border-color:#D9E3F2}.form-grid>aside .side-card{background:transparent;border:0;border-bottom:1px solid #D5E0F2;border-radius:0;padding-inline:4px}
body[data-page=community]{--scene-glow:#E6EFA6}body[data-page=community] aside .side-card:first-child{background:#F0F5C5;border-color:#DBE5A2;box-shadow:none}.legal-hero{border:0;border-radius:0;background:transparent;box-shadow:none;padding:42px 25px;position:relative;isolation:isolate;overflow:visible}.legal-hero:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 80% 40%,#DCE8FF9C,transparent 70%);z-index:-2}.legal-hero:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:url('assets/setup-grid.svg') center/1440px auto no-repeat;opacity:.08;z-index:-1;border:0;border-radius:0;width:auto;height:auto;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.legal-hero h1{font-size:4.8rem}.document{border:0;border-radius:0;box-shadow:none;padding:30px 35px;background:#fff}.contents{border:0;border-left:1px solid #C8D7EF;border-radius:0;box-shadow:none;background:transparent;padding-left:19px}.clause .section-number{background:#EFF4FE;border:0;border-radius:3px}.callout{border-radius:5px}.legal-draft{background:transparent}.site-footer{position:relative;isolation:isolate;background:#EEF3FC;border-top:1px solid #D7E2F3;border-radius:0;margin-top:0}.site-footer:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/setup-grid.svg') right center/1440px auto no-repeat;opacity:.06;pointer-events:none}.footer-top p{font-size:2.25rem;max-width:20ch}.motion-toggle{border-radius:5px}.dialog-close,dialog,.toast{box-shadow:0 20px 70px #17366A18;border-radius:10px}
@media(max-width:1100px){.hero-layout{gap:35px}.hero-story h1{font-size:4.75rem}.hero-story .actions{gap:16px}.hero-story .actions .button{min-width:167px;padding-inline:16px}.hero-story .quiet-link{font-size:.8125rem}.setup-ends{gap:16px}.setup-end{padding:14px 13px}.setup-items>span{font-size:.625rem}.page-heading{gap:35px}}
@media(max-width:900px){.nav-row{min-height:70px;padding:7px 0}.hero-layout{grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}.hero-story h1{font-size:4rem}.hero-story .hero-copy{font-size:1rem}.hero-story .actions{display:block}.hero-story .quiet-link{margin-top:20px;display:inline-block}.hero-story .hero-note{font-size:.8125rem}.setup-ends{gap:12px}.setup-end{padding:12px 10px}.setup-end strong{font-size:.875rem}.setup-items{gap:6px}.setup-items .ui-mark{width:15px;height:15px}.setup-items>span{display:none}.setup-role{font-size:.5625rem;letter-spacing:.025em}.stage-note{font-size:.8125rem}.stage-tag{font-size:.625rem}.product-stage .handover-surface{max-width:100%}.scene-link{height:47px}.scene-link svg{height:47px}.scene-link>span{font-size:.5625rem}.demo-tabs button{font-size:.6875rem}.handover-surface .demo-content h3{font-size:1.3125rem}.demo-tabs~section{min-height:281px}.stage-scope>span{font-size:.625rem;padding:7px 6px}.stage-scope .ui-mark{width:13px;height:13px}.stage-controls{flex-wrap:wrap;gap:9px}.stage-controls>span{max-width:none;font-size:.625rem}.chapter-heading{grid-template-columns:43px 1fr}.chapter-heading h2{font-size:2.6rem}.chapter-heading>p{grid-column:2}.handover-steps>article,.handover-steps>article+article{padding-inline:18px}.belongings-section{padding:43px 30px}.cloud-layout{padding:52px 30px}.cloud-layout h2{font-size:3.2rem}.page-heading{padding:38px 17px;gap:25px;min-height:280px}.page-emblem{flex-basis:165px}.emblem-orbit{width:140px;height:115px}.page-heading h1{font-size:3.35rem}.together-section{gap:35px}.together-section h2{font-size:3rem}.legal-hero h1{font-size:4.2rem}.body-section>.metric-grid .metric{padding-inline:20px}}
@media(max-width:700px){.site-header{padding:0}.nav-row{min-height:66px;padding:7px 0}.brand img{width:33px;height:33px}.brand b{font-size:1.4rem}.menu-toggle{border-radius:5px}.hero-caption{padding-top:5px;padding-bottom:15px;align-items:center;gap:15px}.hero-caption>span:first-child{font-size:.75rem;max-width:22ch}.hero-caption .edition-label{font-size:.625rem;max-width:16ch;white-space:normal;text-align:right}.hero-layout{grid-template-columns:1fr;gap:34px;padding-top:11px;padding-bottom:24px}.hero-story h1{font-size:4.25rem;line-height:1.01;margin-bottom:25px}.hero-story h1>span:nth-child(2){display:inline}.hero-story .hero-copy{font-size:1.0625rem;max-width:35ch}.hero-story .actions{display:flex;align-items:center;gap:21px}.hero-story .actions .button{min-width:165px;font-size:.8125rem;padding-inline:16px}.hero-story .quiet-link{margin-top:0;font-size:.8125rem}.hero-story .hero-note{font-size:.75rem;margin-top:22px;max-width:none}.stage-caption{padding-bottom:14px}.stage-note{font-size:.8125rem}.stage-tag{font-size:.625rem}.setup-ends{gap:12px}.setup-end{padding:14px 11px;border-radius:7px}.setup-end strong{font-size:.8125rem}.setup-role{font-size:.5625rem;margin-bottom:7px}.setup-items{margin-top:10px}.setup-items .ui-mark{width:17px;height:17px}.scene-link{height:48px}.scene-link svg{height:48px}.scene-link>span{font-size:.5rem;padding:3px 5px}.product-stage .handover-surface{border-radius:10px;box-shadow:0 14px 30px #335BB818}.handover-label{padding:10px 14px;font-size:.625rem}.demo-tabs button{font-size:.6875rem;padding:11px 4px}.demo-tabs~section{min-height:286px}.handover-surface .demo-content h3{font-size:1.45rem}.handover-surface .demo-content,.handover-surface .demo-chrome{padding-inline:15px}.handover-surface .demo-row{font-size:.8125rem}.handover-surface .demo-bottom{padding-inline:15px;font-size:.6875rem}.stage-scope{gap:8px}.stage-scope>span{font-size:.625rem;padding:7px 8px}.stage-controls{flex-wrap:nowrap;margin-top:16px;gap:15px}.stage-controls>span{font-size:.625rem;max-width:24ch}.demo-play{font-size:.6875rem}.platform-line{font-size:.75rem;padding-top:19px}.hero-live-record{font-size:.75rem;padding:15px 0;gap:11px 15px}.hero-live-record .badge{font-size:.625rem}.move-chapter{padding-block:40px}.chapter-heading{grid-template-columns:36px 1fr;gap:18px;margin-bottom:26px}.chapter-index{width:34px;height:34px;font-size:.75rem}.chapter-heading h2{font-size:2.2rem}.chapter-heading>p{font-size:.9375rem}.handover-steps:before{left:22px;top:24px;bottom:30px;right:auto;width:1px;height:auto}.handover-steps{padding-top:0;gap:20px}.handover-steps>article,.handover-steps>article+article{display:grid;grid-template-columns:44px 1fr;gap:0 20px;padding:0 0 16px}.step-number{width:44px;height:44px;grid-row:1/4;margin:0;font-size:1rem}.handover-steps h3,.handover-steps p,.handover-steps .step-caption{grid-column:2}.handover-steps h3{font-size:1.1875rem}.handover-steps p{font-size:.9375rem;max-width:none}.step-caption{font-size:.625rem}.belongings-section{padding:33px 0;margin-top:0}.belongings-section:before{top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%)}.belongings-section .chapter-heading{grid-template-columns:1fr}.belongings-section .chapter-heading>p{grid-column:1}.belongings article{grid-template-columns:34px 1fr;gap:16px}.belonging-index{width:33px;height:40px}.belonging-index .ui-mark{width:25px;height:25px}.belongings h3{font-size:1.375rem}.belonging-note{font-size:.75rem}.belongings p{font-size:.9375rem}.cloud-layout{padding:43px 0;gap:27px;overflow:visible}.cloud-layout:before{inset:5px -20px}.cloud-layout:after{right:0;width:230px;height:220px;top:auto;bottom:20px}.cloud-layout h2{font-size:2.7rem}.cloud-price{padding-top:23px;border-color:#D7E298}.cloud-price>strong{font-size:4.7rem}.public-chapter{padding-block:34px 40px}.public-chapter h2{font-size:2.2rem}.metric-grid{border-radius:8px}.metric{padding:23px 15px}.metric strong{font-size:2rem}.metric:first-child,.metric:nth-child(3){padding-left:15px}.metric:nth-child(3){border-left:0}.metric .label{font-size:.75rem}.metric .foot{font-size:.625rem}.together-section{gap:14px;padding-bottom:40px}.together-section h2{font-size:2.7rem}.together-section>div:first-child{padding:8px 0}.together-section>div:first-child:after{width:130px;height:130px;right:0;top:15px}.together-links>a{padding:18px 0}.together-links h3{font-size:1.2rem}.page-heading{padding:30px 0 29px;margin-bottom:21px;min-height:0}.page-heading:before,.page-heading:after{top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%)}.page-heading:after{opacity:.13;background-position:right top;background-size:850px auto}.page-heading h1{font-size:2.6rem;max-width:18ch;margin-bottom:18px}.page-heading .lede{font-size:.9375rem}.page-heading .eyebrow{font-size:.625rem;letter-spacing:.055em;margin-bottom:15px}.page-emblem{display:none}.body-section{padding-bottom:42px}.card{padding:25px;border-radius:9px;box-shadow:none}.card .eyebrow{font-size:.625rem}.card p{font-size:.9375rem}.grid .card h3{font-size:1.3rem}.free-banner{padding:25px 20px}.free-banner h3{font-size:1.625rem}.price-card{padding:25px!important;border-radius:9px!important}.price-card h3{font-size:2.35rem}.price-card .price{font-size:2.125rem}.price-card .list li{font-size:.9375rem}.download-card{padding:25px}.segmented button{padding:10px 11px;font-size:.75rem}.form-panel,.success-panel{padding:25px 21px}.side-card{padding:23px}.feed-item{padding:21px 4px!important;grid-template-columns:42px minmax(0,1fr);gap:13px}.feed-item h3{font-size:1.125rem}.feed-item p{font-size:.9375rem}.feed-item .meta{font-size:.625rem}.content-sidebar>aside{gap:20px}.roadmap-item{padding:22px 19px}.roadmap-column{padding:22px}.band{padding:26px 23px}.band h2{font-size:2.2rem}.account-preview{padding:25px 22px}.chart-card{padding:23px 18px}.chart-head h2{font-size:1.3125rem}.status-head,.status-services{padding-inline:23px}.legal-hero{padding:26px 0 29px;margin-top:13px}.legal-hero:before,.legal-hero:after{top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%)}.legal-hero h1{font-size:2.9rem}.legal-hero .lede{font-size:.9375rem}.document{padding:22px 0;background:transparent}.clause p,.clause li{font-size:1rem}.clause h2{font-size:1.25rem}.callout{padding:20px 18px}.site-footer{padding-block:31px 22px}.footer-top p{font-size:1.8rem}.footer-grid a,.footer-grid h3{font-size:.8125rem}.site-footer:before{background-size:1100px auto}.footer-bottom{font-size:.625rem}body[data-page=reports] .page-heading h1,body[data-page=status] .page-heading h1{font-size:2.4rem}}
@media(max-width:360px){.hero-story h1{font-size:3.8rem}.hero-story .actions{gap:15px}.hero-story .actions .button{min-width:150px;font-size:.75rem}.hero-story .quiet-link{font-size:.75rem}.stage-note{font-size:.75rem}.stage-tag{font-size:.5625rem}.setup-role{font-size:.5rem}.setup-end strong{font-size:.75rem}.scene-link>span{font-size:.4375rem}.stage-scope>span{font-size:.5625rem;padding:6px}.stage-scope{gap:6px}.stage-controls{gap:10px}.stage-controls>span{font-size:.5625rem}.demo-tabs button{font-size:.625rem}.segmented button{padding-inline:7px}.page-heading h1{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){.trace-dot{animation:none!important;opacity:0}.page-heading:before{background-attachment:initial}}
@media print{.page-heading:before,.page-heading:after,.page-emblem,.scene-link,.stage-scope,.legal-hero:before,.legal-hero:after,.site-footer:before{display:none!important}.page-heading,.legal-hero{padding:15px 0}.document{padding:0}.setup-ends{break-inside:avoid}.hero-layout{display:block}.product-stage{max-width:500px;margin-top:20px}}

/* Legibility and graceful wrapping when text is enlarged. */
.hero-story h1>span{width:auto}.hero-story h1{overflow-wrap:normal}.stage-caption{flex-wrap:wrap;gap:6px 14px}.setup-role{font-size:.75rem;letter-spacing:.02em}.setup-items>span{font-size:.75rem}.scene-link>span{font-size:.6875rem}.stage-tag{font-size:.75rem}.stage-controls>span{font-size:.75rem}.stage-scope>span{font-size:.75rem}.demo-tabs button{font-size:.8125rem;min-height:44px}.demo-play{font-size:.8125rem;min-height:44px}.stage-controls{flex-wrap:wrap}.product-stage .handover-surface{will-change:auto}
@media(max-width:900px){.setup-role{font-size:.6875rem}.stage-tag{font-size:.6875rem}.scene-link>span{font-size:.625rem}.demo-tabs button{font-size:.75rem}.stage-scope>span{font-size:.6875rem}.stage-controls>span{font-size:.6875rem}}
@media(max-width:700px){.setup-role{font-size:.6875rem}.setup-end strong{font-size:.875rem}.scene-link>span{display:none}.stage-note{font-size:.875rem}.stage-tag{font-size:.6875rem}.demo-tabs button{font-size:.75rem}.stage-scope>span{font-size:.6875rem}.stage-controls>span{font-size:.6875rem}.demo-play{font-size:.75rem}.hero-caption .edition-label{font-size:.6875rem}.hero-story .hero-note{font-size:.8125rem}}
@media(max-width:360px){.hero-story h1{font-size:clamp(3rem,17vw,3.8rem)}.stage-caption{align-items:flex-start}.setup-end strong{font-size:.8125rem}.setup-items{gap:7px}.hero-story .actions{gap:14px}.hero-story .quiet-link{font-size:.8125rem}.demo-tabs button{font-size:.6875rem}}
.menu-toggle,.site-search,.motion-toggle,.segmented button{min-height:44px}
.band>div{min-width:0;max-width:100%}.band .eyebrow{max-width:100%;white-space:normal}.band>.button{max-width:100%;white-space:normal}
.hero-story h1>span.hero-word{width:fit-content;max-width:100%}

/* The handover field (home only): one atmosphere for the whole page, blue near the top (old laptop) drifting to citron at the bottom (new laptop).
   Clipped to <main>, never 100vw. Gradients + the existing setup-grid.svg only; static, no scroll JS, no filters, adds no height. */
body[data-page=index] #main{position:relative;isolation:isolate;overflow-x:clip}
body[data-page=index] #main:before,body[data-page=index] #main:after{content:'';position:absolute;inset:0;pointer-events:none}
body[data-page=index] #main:before{z-index:-2;background:
 radial-gradient(ellipse 760px 480px at 68% 340px,#C5D9FF99,transparent 70%),
 radial-gradient(ellipse 520px 380px at 40% 520px,#EDF4AE66,transparent 70%),
 radial-gradient(ellipse 1100px 900px at 85% 16%,#C5D9FF44,transparent 70%),
 radial-gradient(ellipse 900px 700px at 12% 52%,#D9E5FF2E,transparent 70%),
 radial-gradient(ellipse 1000px 760px at 22% calc(100% - 420px),#EDF4AE88,transparent 70%),
 radial-gradient(ellipse 800px 600px at 80% calc(100% - 160px),#EDF4AE66,transparent 70%)}
body[data-page=index] #main:after{z-index:-1;opacity:.17;
 background:url('assets/setup-grid.svg') 50% 0/1440px 920px repeat-y;
 -webkit-mask-image:linear-gradient(180deg,#000 0,#000 640px,#0000004D 1100px,#0000004D 100%);mask-image:linear-gradient(180deg,#000 0,#000 640px,#0000004D 1100px,#0000004D 100%)}
@media(max-width:700px){body[data-page=index] #main:before{background:
 radial-gradient(ellipse 520px 420px at 70% 300px,#C5D9FF99,transparent 70%),
 radial-gradient(ellipse 420px 340px at 35% 560px,#EDF4AE66,transparent 70%),
 radial-gradient(ellipse 640px 700px at 90% 18%,#C5D9FF44,transparent 70%),
 radial-gradient(ellipse 700px 600px at 25% calc(100% - 380px),#EDF4AE88,transparent 70%),
 radial-gradient(ellipse 600px 500px at 80% calc(100% - 140px),#EDF4AE66,transparent 70%)}
 body[data-page=index] #main:after{background-size:900px auto}}
@media print{body[data-page=index] #main:before,body[data-page=index] #main:after{display:none!important}}
/* Belongings keeps its pale panel but dissolves into the field at top and bottom: no hard seams. */
body[data-page=index] .belongings-section{background:transparent}
body[data-page=index] .belongings-section:before{background:#EFF4FFCC;-webkit-mask-image:linear-gradient(180deg,transparent,#000 70px,#000 calc(100% - 70px),transparent);mask-image:linear-gradient(180deg,transparent,#000 70px,#000 calc(100% - 70px),transparent)}
body[data-page=index] .belongings-section:after{content:none}

/* 701-800px: the heading stacks, so the emblem sits below the lede; keep its outer ring (inset -13px) clear of the text box */
@media(min-width:701px) and (max-width:800px){.page-heading>.page-emblem{margin-top:28px}}
/* Home headline: two lines, a soft green glow instead of the underlined word. */
.hero-story h1{color:#0E6B3A;text-shadow:0 0 18px rgba(34,197,94,.45),0 0 44px rgba(34,197,94,.28)}
@media(max-width:900px){.hero-story h1>span{display:block}}
@media (prefers-contrast:more){.hero-story h1{text-shadow:none}}