@font-face{font-family:Inter;src:url('fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--navy:#0B2D6B;--blue:#2F8CFF;--ink:#193450;--paper:#fff;--pale:#E8F4FF;--sky:#9ED1FF;--cream:#FFF2DB;--line:#dce6ef}
body{font-family:Inter,"Segoe UI",sans-serif;font-size:16px;font-optical-sizing:auto}
h1,h2,h3{letter-spacing:-.045em}a{color:var(--navy)}.eyebrow{color:var(--navy);font-size:11px;letter-spacing:.14em;margin-bottom:18px}
.wrap{padding-inline:40px}.header-inner{gap:32px;min-height:88px}.brand img{width:178px}.site-nav{gap:26px}.site-nav a{font-size:13px;font-weight:500}.site-nav a:hover{color:#1765ba}.site-nav .button{font-size:12px;min-height:46px}.button{min-height:54px;font-size:14px;padding-inline:26px}.text-link{color:var(--navy);font-size:14px;gap:12px}.button:hover{background:#174790}.button.light:hover{background:var(--pale)}
.hero{background:radial-gradient(ellipse at 82% 66%,#fff2db70,transparent 42%),linear-gradient(120deg,#fff 25%,#f4f9ff 72%,#e8f4ff)}
.hero-grid{grid-template-columns:1.05fr 1fr;min-height:655px;gap:20px}.hero-copy{padding:46px 0}.hero h1{font-size:clamp(48px,4.8vw,70px);font-weight:650;line-height:1.08}.hero-description{font-size:17px;line-height:1.75;max-width:440px;margin-top:24px}.stage-label{font-size:11px;letter-spacing:.01em;margin-bottom:26px;padding:6px 12px}.hero-actions{gap:24px;margin-top:28px}.hero-note{margin-top:24px;font-size:12px;letter-spacing:.02em}.hero-art{height:605px}.hero-watch{height:550px;transform:none;filter:drop-shadow(16px 24px 20px #12315d20)}.hero-orbit{width:455px;height:455px;background:radial-gradient(circle at 35% 25%,#fff 2%,#e8f4ff 65%,#dbeeff);box-shadow:0 0 0 30px #eff7ff80,0 0 0 31px #d8eafd90}.orbit-tag{padding:12px 16px;gap:11px;font-size:12px;box-shadow:0 12px 32px #103f6b0a}.orbit-tag.first{top:145px;left:-5px}.orbit-tag.second{bottom:120px;right:0}.art-note{font-size:10px;letter-spacing:.025em;bottom:15px;color:#486582}.pillars{padding-block:22px}.pillars span{font-size:11px;letter-spacing:.12em}.pillars .icon{width:21px;height:21px}
.section{padding-block:78px}.section-header{gap:40px;align-items:center;margin-bottom:32px}.section-header>p{font-size:15px;line-height:1.8;max-width:330px}.section-header h2{font-size:clamp(35px,3.5vw,50px);line-height:1.12}.everyday-grid{gap:22px}.story-card{border-color:#dee8f0;border-radius:22px;box-shadow:0 9px 30px #173e6904}.story-card .visual{height:315px;min-height:0;padding:18px 22px 32px;background:radial-gradient(ellipse at center,#fff,#e8f4ff)}.story-card:nth-child(2) .visual{background:linear-gradient(150deg,#fffcf5,#f1f2ea)}.story-card:nth-child(3) .visual{background:linear-gradient(150deg,#f3f9f5,#e8f1eb)}.story-card .visual img{height:265px;width:100%;object-fit:contain;filter:drop-shadow(6px 10px 10px #123f6412)}.story-card:nth-child(2) .visual img,.story-card:nth-child(3) .visual img{height:280px}.story-card .copy{padding:25px 25px 28px}.story-card .copy>span{font-size:10px;margin-bottom:14px;color:#4a627b}.story-card h3{font-size:25px;line-height:1.2}.story-card p{line-height:1.75;font-size:14px;margin-top:14px}.illustration-label{bottom:12px;font-size:10px;color:#415d75}
.companion-section{background:#fafcff;border-block:1px solid #e8eff5}.companion-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.companion-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:475px;background:radial-gradient(ellipse,#e8f4ff 0,#fafcff 68%);border-radius:32px;padding:22px 30px 42px}.companion-art img{height:390px;width:auto;object-fit:contain;filter:drop-shadow(10px 16px 13px #123f6413)}.companion-art figcaption{position:absolute;bottom:16px;text-align:center;font-size:11px;color:#526b80}.companion-copy h2{font-size:clamp(35px,3.5vw,50px);line-height:1.12}.companion-copy>p{font-size:16px;color:var(--muted);line-height:1.8;margin-top:22px;max-width:520px}.voice-example{margin:27px 0 0;padding:22px 25px;background:white;border:1px solid var(--line);border-radius:18px;max-width:495px}.voice-example span{display:block;font-size:10px;letter-spacing:.1em;color:#506a82;margin-bottom:10px;text-transform:uppercase}.voice-example p{font-size:21px;line-height:1.45;color:var(--navy);letter-spacing:-.03em}.voice-wave{display:flex;align-items:center;gap:4px;height:25px;margin-top:16px}.voice-wave i{width:3px;height:9px;background:var(--blue);border-radius:3px}.voice-wave i:nth-child(3n){height:22px}.voice-wave i:nth-child(3n+1){height:15px}.companion-copy .fine{margin-top:18px;max-width:490px;line-height:1.8}
.design-section{background:#f3f7fb}.design-grid{gap:60px}.product-stage{min-height:560px;background:radial-gradient(ellipse at center,#fff 5%,#e8f0f7 80%);border:1px solid #e0eaf1;border-radius:26px;padding:26px}.product-stage img{height:390px}.view-controls{gap:7px}.view-controls button{min-height:44px;padding:8px 15px;font-size:11px}.view-controls button:hover{border-color:var(--navy)}.design-copy h2{font-size:clamp(35px,3.3vw,47px);line-height:1.12}.design-copy p{font-size:15px;line-height:1.8;margin-top:20px}.design-points{margin-top:23px}.design-points li{font-size:13px;gap:16px;padding-block:13px}.design-points span{color:var(--navy)}.finishes{margin-top:20px;font-size:11px}.product-stage figcaption{font-size:10px;margin-top:12px}
.control-grid{gap:66px}.control-section h2{font-size:clamp(35px,3.4vw,49px);line-height:1.12}.control-grid>div>p{font-size:15px;line-height:1.8}.control-list li{font-size:14px}.permission-panel{background:#173b76;border-color:#3d5d92;border-radius:22px;padding:28px}.permission-row{padding-block:17px}.allowed{background:#d1ecdd;color:#205239}.permission-panel .panel-heading{border-color:#426397}.permission-row{border-color:#426397}
.health-grid{gap:64px;align-items:center}.health-grid h2{font-size:clamp(35px,3.4vw,49px);line-height:1.12}.health-grid>div>p{font-size:15px;line-height:1.8}.source-card{padding:22px;border-radius:18px;background:#fbfdff}.source-card h3{font-size:19px;line-height:1.2}.source-card p{font-size:12px;line-height:1.8}.source-card .icon{margin-bottom:15px}
.trip-section{padding-block:0 78px}.trip-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center;border-top:1px solid var(--line);padding-top:65px}.trip-copy h2{font-size:clamp(35px,3.3vw,47px);line-height:1.12}.trip-copy>p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:21px}.trip-art{border-radius:26px;background:var(--pale);overflow:hidden;border:1px solid #deebf7}.trip-art img{width:100%;height:auto}.trip-art figcaption{padding:12px 18px;font-size:10px;color:#405c78;text-align:center}.location-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}.location-points div{border:1px solid var(--line);border-radius:14px;padding:17px;background:#fbfdff}.location-points strong{font-size:12px;color:var(--navy);display:block}.location-points span{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:7px}.trip-copy .fine{margin-top:18px;line-height:1.8}
.progress-section{background:#eef6fd}.progress-intro h2{font-size:clamp(35px,3.4vw,49px);line-height:1.12}.progress-intro>p{font-size:15px;line-height:1.8;max-width:570px}.timeline{margin-top:36px}.milestone h3{font-size:20px}.milestone p{line-height:1.75;font-size:12px}.milestone span{font-size:10px;line-height:1.6}.progress-footer{margin-top:34px;padding-top:22px}.progress-footer p{font-size:12px;line-height:1.8}.faq-grid{gap:70px}.faq-grid h2{font-size:clamp(35px,3.4vw,49px);line-height:1.12}summary{font-size:15px;min-height:74px;padding-block:23px}details>p{font-size:14px;line-height:1.85}.updates-section{background:linear-gradient(110deg,#e8f4ff 0,#f3f8fc 55%,#fff2db)}.updates-grid{gap:52px}.updates-grid h2{font-size:42px;line-height:1.13}.updates-grid p{font-size:15px;line-height:1.8}.updates-card{border-color:#d8e6f2;padding:27px}.updates-card strong{font-size:19px}.updates-card p{font-size:13px}.site-footer{padding-block:32px 23px}.footer-top .brand img{width:154px}.footer-bottom{font-size:10px;line-height:1.8}.footer-tagline{font-size:12px;margin-top:8px}.footer-links a{font-size:11px}
@media(min-width:1500px){.hero-grid{min-height:685px}.hero-art{height:640px}.hero-watch{height:575px}}
@media(max-width:1050px){.wrap{padding-inline:28px}.site-nav{gap:18px}.brand img{width:162px}.site-nav a{font-size:12px}.hero-grid{min-height:590px}.hero-art{height:550px}.hero-watch{height:495px}.hero-orbit{width:380px;height:380px}.hero h1{font-size:54px}.orbit-tag.first{left:0;top:120px}.orbit-tag.second{bottom:105px}.section{padding-block:65px}.companion-grid,.design-grid,.control-grid,.health-grid,.faq-grid{gap:38px}.story-card .copy{padding:22px}.story-card h3{font-size:22px}.story-card .visual{height:290px;padding-inline:15px}.story-card .visual img{height:245px}.story-card:nth-child(2) .visual img,.story-card:nth-child(3) .visual img{height:260px}.companion-art{min-height:430px}.companion-art img{height:355px}.trip-grid{gap:32px}.trip-section{padding-bottom:65px}.source-card{padding:18px}}
@media(max-width:780px){.wrap{padding-inline:22px}.header-inner{min-height:76px}.brand img{width:145px}.site-nav a{font-size:15px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:34px 0 0}.hero h1{font-size:clamp(42px,7.3vw,58px)}.hero-description{font-size:16px;max-width:490px;margin-top:20px;line-height:1.75}.stage-label{margin-bottom:22px}.hero-actions{margin-top:24px;gap:18px}.hero-note{margin-top:19px;font-size:11px}.hero-art{height:445px;max-width:485px}.hero-watch{height:400px}.hero-orbit{width:340px;height:340px}.orbit-tag.first{top:93px;left:0}.orbit-tag.second{right:0;bottom:75px}.art-note{bottom:10px;font-size:9px;max-width:94%}.pillars{gap:17px;padding-block:19px}.pillars span{font-size:10px}.section{padding-block:53px}.section-header{margin-bottom:25px}.section-header h2,.companion-copy h2,.design-copy h2,.control-section h2,.health-grid h2,.trip-copy h2,.progress-intro h2,.faq-grid h2{font-size:38px}.section-header>p{font-size:14px;margin-top:18px}.everyday-grid{gap:20px}.story-card{display:block}.story-card .visual{height:310px}.story-card .visual img{height:260px}.story-card:nth-child(2) .visual img,.story-card:nth-child(3) .visual img{height:275px}.story-card h3{font-size:25px}.story-card .copy{padding:24px}.story-card p{font-size:14px}.companion-grid{grid-template-columns:1fr;gap:25px}.companion-copy{grid-row:1}.companion-art{min-height:395px}.companion-art img{height:335px}.companion-copy>p{font-size:15px;margin-top:18px}.voice-example{padding:19px 21px;margin-top:21px}.voice-example p{font-size:19px}.design-grid,.control-grid,.health-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.product-stage{min-height:465px}.product-stage img{height:325px}.control-grid>div>p{margin-top:20px}.permission-panel{padding:25px}.health-grid{gap:26px}.source-list{gap:12px}.source-card{padding:20px}.source-card h3{font-size:18px}.trip-section{padding-bottom:53px}.trip-grid{grid-template-columns:1fr;padding-top:44px;gap:28px}.trip-copy>p{margin-top:18px}.trip-art{border-radius:20px}.location-points{margin-top:20px}.timeline{margin-top:29px;gap:30px 18px}.milestone{padding-top:20px}.milestone h3{font-size:19px}.progress-footer{margin-top:30px}.faq-grid{gap:25px}.updates-grid{gap:26px}.updates-grid h2{font-size:37px}.updates-section{padding-block:44px}.footer-links{gap:18px;margin-top:24px}}
@media(max-width:450px){.hero h1{font-size:clamp(36px,10.4vw,45px)}.hero-art{height:405px}.hero-watch{height:365px}.hero-orbit{width:295px;height:295px}.orbit-tag{font-size:10px;padding:10px 12px;gap:8px;max-width:164px}.orbit-tag small{font-size:9px}.orbit-tag.first{top:88px;left:-2px}.orbit-tag.second{bottom:65px;right:-2px}.hero-actions{gap:13px}.hero-actions .text-link{font-size:12px}.hero-actions .button{font-size:13px;padding-inline:23px}.hero-note{font-size:10px}.section-header h2,.companion-copy h2,.design-copy h2,.control-section h2,.health-grid h2,.trip-copy h2,.progress-intro h2,.faq-grid h2{font-size:35px}.companion-art{min-height:370px}.companion-art img{height:315px}.source-card{padding:18px 15px}.source-card h3{font-size:17px}.source-card p{font-size:12px}.location-points div{padding:15px 13px}.view-controls button{padding-inline:12px}.updates-grid h2{font-size:35px}.footer-links a{font-size:11px}}
