/* Motion belongs to iQ's story. Official device artwork and badges stay still. */
button{color:inherit}button:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.motion-toggle{width:38px;height:44px;padding:9px;border:0;background:none;cursor:pointer;display:grid;place-items:center;border-radius:50%}.motion-toggle[hidden]{display:none}.motion-toggle svg{width:19px;height:19px}.motion-toggle:hover{background:var(--quiet)}.motion-toggle .play-symbol{display:none}.motion-paused .motion-toggle .play-symbol{display:block}.motion-paused .motion-toggle .pause-symbol{display:none}.nav-links{gap:20px}
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--bg)}.hero-layout,.chapter-nav{position:relative;z-index:1}.hero-layout{padding-block:50px;min-height:760px;gap:70px}.hero-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.horizon{position:absolute;left:38%;top:9%;width:950px;height:950px;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;transform:rotate(-24deg) scaleY(.76)}.horizon-two{width:1160px;height:1160px;left:31%;top:-4%;opacity:.6}.horizon-three{width:1400px;height:1400px;left:23%;top:-21%;opacity:.35}.light-wash{position:absolute;inset:-35%;background:radial-gradient(ellipse at 73% 48%,#b58b4330,transparent 35%),radial-gradient(ellipse at 45% 100%,#c3b29318,transparent 45%);animation:light-drift 16s ease-in-out infinite alternate}.hero h1>.title-line{display:block;color:var(--ink);overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.hero h1>.title-line>span{display:block;color:inherit}.hero h1>.title-line:last-child{color:var(--accent)}.hero-description{max-width:420px;font-size:19px;line-height:1.6}.hero-actions{gap:26px}.explore-link{gap:10px;font-size:13px;white-space:nowrap}.play-outline{display:grid;place-items:center;width:30px;height:30px;font-size:9px;border:1px solid var(--line);border-radius:50%;padding-left:2px;transition:background .25s,border-color .25s}.explore-link:hover .play-outline{background:var(--quiet);border-color:var(--accent)}.hero-visual{gap:15px;scroll-margin-top:95px}.hero-visual .device{width:286px}.app-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;opacity:0}.app-film.is-ready{opacity:1}.film-caption{width:286px;max-width:100%}.film-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.film-chapters button{border:0;background:none;padding:8px 0 6px;min-height:44px;font-size:10px;cursor:pointer;color:var(--muted)}.film-chapters button>span{display:block;height:2px;background:var(--line);margin-bottom:10px;position:relative;overflow:hidden}.film-chapters button>span:after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left}.film-chapters button[aria-pressed="true"]{color:var(--ink)}.film-chapters button[aria-pressed="true"]>span:after{transform:scaleX(var(--film-progress,0))}.film-chapters button:hover{color:var(--accent)}.film-note{display:block;font-size:10px;line-height:1.5;opacity:.75;margin-top:5px}.chapter-nav{gap:38px;padding-block:21px}.chapter-nav a{position:relative}.chapter-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s}.chapter-nav a:hover:after{transform:scaleX(1)}.chapter-nav a>span:last-child{transition:transform .3s}.chapter-nav a:hover>span:last-child{transform:translate(3px,-3px)}
.intro{position:relative;padding-block:105px 115px}.intro-mark{height:68px;width:1px;background:var(--line);margin:0 auto 36px;overflow:hidden}.intro-mark span{display:block;background:var(--accent);height:50%;animation:line-flow 3s ease-in-out infinite}.intro h2 span{color:var(--accent)}.progress-section{padding-block:96px}.progress-grid{gap:0}.progress-grid article{padding-inline:32px;border-left:1px solid var(--line)}.progress-grid article:first-child{padding-left:0;border-left:0}.progress-grid article:last-child{padding-right:0}.line-icon svg{width:36px;height:36px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.scene-calm{position:relative;isolation:isolate;overflow:hidden;background:#0b0e0e}.scene-layout{position:relative;z-index:1}.calm-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 25% 75%,#99804412,transparent 60%)}.calm-atmosphere i{position:absolute;width:760px;height:760px;left:-350px;top:calc(50% - 380px);border:1px solid #dac59716;border-radius:50%;animation:calm-breathe 10s ease-in-out infinite}.calm-atmosphere i:nth-child(2){width:1060px;height:1060px;left:-500px;top:calc(50% - 530px);animation-delay:-1s;opacity:.7}.calm-atmosphere i:nth-child(3){width:1360px;height:1360px;left:-650px;top:calc(50% - 680px);animation-delay:-2s;opacity:.45}.scene-goals{background:radial-gradient(ellipse at 85% 25%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 65%),var(--goal)}.scene-calm .eyebrow{color:#d7c29c}.scene-copy .text-link span,.download span{transition:transform .3s}.text-link:hover span,.download:hover span{transform:translate(4px,-4px)}.nav-download,.download{transition:background .25s,opacity .25s}.faq-items summary>span{transition:transform .25s}.faq-items details[open]>p{animation:answer-in .3s ease both}.closing{position:relative;background:radial-gradient(ellipse at 10% 95%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%)}
/* Reveal only copy and iQ graphics, never a device frame or the App Store badge. */
.motion-enabled .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.2,.65,.2,1),transform .85s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-enabled .hero-copy>.eyebrow{animation:copy-in .8s .05s both}.motion-enabled .title-line>span{animation:title-in 1.1s cubic-bezier(.2,.8,.2,1) both}.motion-enabled .title-line:last-child>span{animation-delay:.13s}.motion-enabled .hero-description{animation:copy-in .9s .27s both}.motion-enabled .hero-copy>.download-note{animation:copy-in .8s .4s both}.motion-paused .light-wash,.motion-paused .calm-atmosphere i,.motion-paused .intro-mark span{animation-play-state:paused}.motion-paused .reveal{opacity:1;transform:none;transition:none}
@keyframes title-in{from{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes light-drift{from{transform:translate(-2%,-1%);opacity:.65}to{transform:translate(3%,2%);opacity:1}}@keyframes calm-breathe{0%,100%{transform:scale(.93);opacity:.4}50%{transform:scale(1.04);opacity:1}}@keyframes line-flow{0%,100%{transform:translateY(-100%)}70%{transform:translateY(210%)}}@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-layout{min-height:calc(100svh - 165px)}.hero-visual .device{width:310px}.film-caption{width:310px}}
@media(max-width:1100px){.hero-layout{gap:36px}.hero-actions{gap:22px}.hero-visual .device{width:260px}.film-caption{width:260px}.hero-description{font-size:18px}.progress-grid article{padding-inline:24px}}
@media(max-width:760px){.nav-links{gap:5px}.motion-toggle{width:34px}.hero-layout{padding-block:58px 36px;gap:42px;min-height:0}.hero-description{max-width:410px;font-size:17px}.hero-visual .device,.film-caption{width:254px}.hero h1{font-size:clamp(58px,12.5vw,88px)}.hero-actions{gap:20px}.explore-link{font-size:12px;gap:7px}.play-outline{width:24px;height:24px;font-size:8px}.horizon{left:-60%;top:28%;width:850px;height:850px}.horizon-two{left:-95%;top:21%;width:1150px;height:1150px}.horizon-three{display:none}.light-wash{background:radial-gradient(ellipse at 60% 64%,#b58b4329,transparent 36%)}.chapter-nav{padding-block:10px;gap:0}.chapter-nav a:after{bottom:0}.intro{padding-block:74px 84px}.intro-mark{height:48px;margin-bottom:28px}.progress-section{padding-block:74px}.progress-grid{gap:30px}.progress-grid article,.progress-grid article:first-child,.progress-grid article:last-child{padding:0 0 30px;border-left:0}.progress-grid article:last-child{padding-bottom:0}.calm-atmosphere i{left:-470px}.calm-atmosphere i:nth-child(2){left:-620px}.calm-atmosphere i:nth-child(3){left:-770px}}
@media(max-width:360px){.hero-actions{gap:16px}.explore-link{font-size:11px;gap:6px}.play-outline{width:21px;height:21px}.hero-visual .device,.film-caption{width:236px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-enabled .reveal{opacity:1;transform:none}*,*::before,*::after{animation:none!important;transition:none!important}}
.motion-toggle.shows-play .play-symbol{display:block}.motion-toggle.shows-play .pause-symbol{display:none}.motion-toggle:not(.shows-play) .play-symbol{display:none}.motion-toggle:not(.shows-play) .pause-symbol{display:block}
.light-wash,.calm-atmosphere i,.intro-mark span{animation-play-state:paused}.motion-enabled:not(.motion-paused):not(.page-hidden) .ambient-active .light-wash,.motion-enabled:not(.motion-paused):not(.page-hidden) .ambient-active .calm-atmosphere i,.motion-enabled:not(.motion-paused):not(.page-hidden) .ambient-active .intro-mark span{animation-play-state:running}.motion-paused .hero-copy>.eyebrow,.motion-paused .title-line>span,.motion-paused .hero-description,.motion-paused .hero-copy>.download-note{animation:none}