@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@300;400;500;600;700&display=swap');
.closing{background:#0d0d0d;color:#fff;overflow:hidden;font-family:'Google Sans Flex',sans-serif;--amber:#f0a24c;margin-top:64px}.closing-inner{max-width:1440px;margin:auto;position:relative}.closing-cta{position:relative;min-height:570px;padding:96px 80px 64px;isolation:isolate;overflow:hidden}.closing-copy{position:relative;z-index:2;width:50%}.amber-pill{display:inline-flex;align-items:center;color:#e9b073;border:1px solid #6b482a;border-radius:999px;background:#1d1510;padding:8px 16px;font-size:12px;letter-spacing:.04em}.closing h2{font-size:60px;line-height:1.04;font-weight:400;letter-spacing:-.055em;margin:24px 0}.closing-copy p{color:#adadad;font-size:18px;line-height:28px;margin:24px 0 32px}.glass-cta{display:inline-flex;gap:32px;align-items:center;min-height:52px;padding:12px 24px;color:#fff4e6;background:linear-gradient(115deg,#2c241d 5%,#7a5832 100%);border:1px solid #d8aa76;border-top-color:#fff0d0;border-radius:12px;box-shadow:inset 0 1px 0 #fff8,0 0 24px #e69c3d28,0 4px 12px #0008;font-size:16px;font-weight:500;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}.glass-cta:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff8,0 0 40px #e69c3d55}.glass-cta:active{transform:scale(.98)}.glass-cta span{font-size:24px;color:#f9d6aa}.closing-meta{font-size:12px;color:#7d7d7d;margin-top:16px}.amber-editor{position:absolute;width:720px;right:-100px;top:110px;transform:perspective(1100px) rotateY(-22deg) rotateX(12deg) rotateZ(-9deg);transform-origin:center;border-radius:16px;background:#15120f;padding:8px;border:1px solid #a8753d;box-shadow:0 -2px 2px #ffdeb4,0 -12px 48px #ee9e3d30,0 32px 80px #000;mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);z-index:1}.amber-editor img{display:block;width:100%;height:auto;border-radius:10px;filter:brightness(.65) sepia(.25)}.editor-caption{display:block;font-size:10px;letter-spacing:.18em;padding:16px;color:#dba263}.closing-footer{max-width:none;padding:0;margin:0;font-size:14px;color:#adadad}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.1fr;gap:40px;margin:0 80px;padding:48px 0;border-top:1px solid #29231e}.amber-brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:500;color:#eee;letter-spacing:-.04em}.amber-brand svg{color:#e0a165}.closing-footer h3{font:500 14px/20px 'Google Sans Flex',sans-serif;letter-spacing:0;color:#eee;margin:8px 0 24px}.footer-grid a:not(.amber-brand){display:block;color:#adadad;font-size:14px;line-height:20px;margin:0 0 16px;transition:color .3s cubic-bezier(.22,1,.36,1)}.footer-grid a:hover{color:#f0a24c}.footer-grid p{font-size:14px;line-height:24px;color:#7d7d7d;margin:16px 0}.footer-license{font-size:12px;color:#e0a165}.footer-grid .footer-privacy{color:#e0a165!important}.reaching{height:240px;position:relative;display:flex;align-items:center;justify-content:center}.hand{position:absolute;width:43%;height:auto;pointer-events:none}.hand-left{left:-8%;top:0}.hand-right{right:-7%;top:-12px}.copyright{text-align:center;position:relative;z-index:1;font-size:12px;line-height:24px;color:#adadad;padding-top:72px}.copyright span{font-size:12px;color:#717171}.giant-wordmark{text-align:center;color:#5a3418;font-size:clamp(140px,24vw,340px);line-height:.77;letter-spacing:-.065em;font-weight:300;white-space:nowrap;margin:0 0 -16px;user-select:none}.closing-legal{position:relative;background:#0d0d0d;padding:32px 80px;color:#717171}.closing-legal p{font-size:11px;line-height:18px;color:#717171;max-width:none;margin:8px 0}.closing-legal a{text-decoration:underline}.closing.in-view .amber-pill{animation:amber-enter .7s both}.closing.in-view h2{animation:amber-enter .8s .1s both}.closing.in-view .closing-copy p,.closing.in-view .glass-cta{animation:amber-enter .9s .2s both}.closing.in-view .amber-editor{animation:panel-enter 1.2s .2s both}.closing.in-view .footer-grid{animation:amber-enter 1s .35s both}@keyframes amber-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{from{opacity:0;transform:perspective(1100px) rotateY(-30deg) rotateX(18deg) rotateZ(-12deg) scale(.9)}to{opacity:1;transform:perspective(1100px) rotateY(-22deg) rotateX(12deg) rotateZ(-9deg) scale(1)}}.closing *{animation-timing-function:cubic-bezier(.22,1,.36,1)!important}@media(max-width:1100px){.closing-cta{padding:64px 40px}.amber-editor{width:600px;right:-170px}.footer-grid{margin:0 40px;gap:24px}.closing h2{font-size:48px}}@media(max-width:899px){.closing-cta{padding:64px 32px 0;min-height:0}.closing-copy{width:100%}.amber-editor{position:relative;top:auto;right:auto;margin:64px 0 0 8%;width:100%;transform:perspective(1100px) rotateY(-22deg) rotateX(12deg) rotateZ(-9deg)}.footer-grid{grid-template-columns:1fr 1fr;margin:0 32px;padding:40px 0;gap:32px}.reaching{height:180px}.copyright{padding-top:56px}.hand{width:48%;top:16px}.hand-right{top:8px}.closing-legal{padding:32px}.giant-wordmark{font-size:27vw}}@media(max-width:480px){.closing h2{font-size:48px}.closing-copy p{font-size:16px;line-height:24px}.closing-cta{padding:48px 24px 0}.footer-grid{margin:0 24px;gap:24px}.footer-grid a:not(.amber-brand){font-size:12px}.reaching{height:160px}.hand{top:8px;width:57%}.hand-left{left:-17%}.hand-right{right:-16%;top:0}.copyright{font-size:11px;padding-top:48px}.copyright span{font-size:10px}.closing-legal{padding:24px}.amber-editor{margin-top:48px}}@media(prefers-reduced-motion:reduce){.closing *{animation:none!important;transition:none!important}}
/* Shared art direction across the complete landing. */
:root,:root[data-theme=dark],:root[data-theme=light]{--bg:#0d0d0d;--surface:#151310;--text:#f5f1eb;--muted:#adadad;--line:#33291f;--green:#f0a24c;--soft:#191510;color-scheme:dark}
body{font-family:'Google Sans Flex',sans-serif;background:#0d0d0d;color:#f5f1eb}header{background:#151310e8;border-color:#403021;border-radius:16px;box-shadow:0 8px 40px #0003}header .brand img{border-radius:8px}header nav a{color:#adadad}header nav a:hover{color:#f0a24c}header button{background:#211a14;border-color:#4a3523;color:#e0a165}.button,:root[data-theme=dark] .button,:root[data-theme=light] .button{color:#fff4e6;background:linear-gradient(115deg,#2c241d,#7a5832);border:1px solid #bd9160;border-top-color:#f7d8af;box-shadow:inset 0 1px 0 #fff4,0 0 24px #e69c3d18;font-weight:500}.button:hover{background:linear-gradient(115deg,#3c3023,#916b40);box-shadow:0 0 32px #e69c3d35}.hero{padding-top:96px;padding-bottom:48px}.hero .eyebrow{display:inline-flex;align-items:center;background:#1d1510;border:1px solid #654226;border-radius:999px;padding:8px 16px;letter-spacing:.08em;color:#e0a165}.dot{background:#e0a165}.hero h1,:root[data-theme=dark] h1,:root[data-theme=light] h1,:root:not([data-theme]) h1{background:none;color:#f9f6f1;font-weight:400;font-size:96px;letter-spacing:-.065em}.hero .lead{color:#adadad;max-width:600px}.hero .secondary{color:#d2b18d;font-weight:400}.hero .micro{color:#7d7d7d}.hero-shot{background:#17130f;border-color:#805b36;border-top-color:#edbf87;box-shadow:0 -1px 2px #f4d1a2,0 -12px 48px #ee9e3d15,0 32px 80px #0008;padding:8px;transform:perspective(1800px) rotateX(5deg);border-radius:16px}.hero-shot img{border-radius:8px;filter:brightness(.85)}.hero-shot figcaption{color:#ad8c68;padding:12px}.facts{padding-top:48px;padding-bottom:64px;gap:32px}.facts strong{font-weight:400;font-size:30px;color:#e0a165;letter-spacing:-.04em}.facts span{color:#7d7d7d;margin-top:8px}.eyebrow{color:#c28d58;font-weight:500;letter-spacing:.14em}h2{font-weight:400;letter-spacing:-.055em;font-size:60px;line-height:1.04}h3{font-weight:500;letter-spacing:-.035em}.grid{gap:16px}.grid article{background:#151310;border:1px solid #32271d;padding:32px;border-radius:16px;transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}.grid article:hover{border-color:#775335;transform:translateY(-4px)}.grid h3{color:#f0ebe4}.grid p{color:#97918a}.number{color:#d5a06b;letter-spacing:.08em}.tagline{padding-top:96px;padding-bottom:96px}.tagline h2{font-weight:400;letter-spacing:-.055em;max-width:900px;color:#e9d2b7}.feature-layout{grid-template-columns:1.3fr 1fr}.feature-layout figure{background:#17130f;border:1px solid #5c412a;padding:8px;box-shadow:0 -1px 0 #bc8f58,0 16px 48px #0005}.feature-layout img{filter:brightness(.8);border-radius:8px}.feature-layout figcaption{padding:8px;color:#9c805f;font-size:11px}details{background:#14120f;border-color:#34291e;border-radius:12px;padding:20px 24px;transition:border-color .3s cubic-bezier(.22,1,.36,1)}details:hover,details[open]{border-color:#6d4d2e}summary{font-weight:400;color:#ded7ce;font-size:18px}summary::marker{color:#b57a42;font-size:12px}details p,details li{color:#a49b91}details a{color:#e0a165;text-decoration:underline;text-underline-offset:4px}details[open]{background:#1b1611}th{color:#d5a06b;font-weight:400}td{color:#aaa198}td:first-child{color:#e6dcd0}td,th{border-color:#34291e}.table-wrap{border:1px solid #34291e;border-radius:16px;background:#14120f}.table-wrap tr:last-child td{border-bottom:0}.duo{gap:24px}.duo article{background:#19140f;border:1px solid #4c3522;box-shadow:inset 0 1px 0 #bb88502b;border-radius:24px;padding:40px}.duo article:nth-child(2){background:#161310}.duo h2{font-weight:400}.duo p{color:#a99b8c}.privacy{background:#19140f;border:1px solid #5d4026;box-shadow:inset 0 1px 0 #f7d8af24,0 24px 64px #0003}.privacy h2{color:#f0e1cf}.pills span{background:#241b13;border:1px solid #493220;color:#d7ac7d}.privacy .micro{color:#998570}.steps .number{font-size:36px;line-height:40px;font-weight:300;letter-spacing:-.05em}.steps article{background:transparent;border-color:#4a3320}.steps h3{margin-top:32px}.tabs button{background:#17130f;border-color:#4b3522;color:#bfa88d}.tabs button.selected,:root[data-theme=dark] .selected{background:linear-gradient(115deg,#2c241d,#7a5832);border-color:#bd9160;color:#fff0dc}#install>p{max-width:760px}#install>ol{color:#c6b9aa;padding-left:24px}#install .hash{color:#bb8d5c;display:block;padding:16px;background:#17130f;border:1px solid #392b1e;border-radius:8px}.closing{margin-top:32px}.skip:focus{background:#241b13;color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#f0a24c}.section-reveal{animation:section-rise .8s cubic-bezier(.22,1,.36,1) both}@keyframes section-rise{from{opacity:.3;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero h1,:root[data-theme] .hero h1{font-size:72px}h2{font-size:48px}.feature-layout{grid-template-columns:1fr}.feature-layout figure{position:static}}@media(max-width:640px){.hero{padding-top:64px}.hero h1,:root[data-theme] .hero h1{font-size:60px}.hero .eyebrow{font-size:10px;letter-spacing:.04em}h2,.tagline h2{font-size:36px;line-height:40px}.facts strong{font-size:24px}.grid article,.duo article{padding:24px}.privacy{border-radius:16px;margin:0 16px;padding:32px 24px}.hero-shot{transform:none}.hero-shot figcaption{font-size:10px;padding:8px}.hero .lead{font-size:18px}.tabs button{font-size:12px}details{padding:16px}.closing h2{font-size:48px;line-height:1.04}}
@media(prefers-reduced-motion:reduce){.section-reveal{animation:none}}
@media(max-width:1000px){:root:not([data-theme]) .hero h1{font-size:72px}}@media(max-width:640px){:root:not([data-theme]) .hero h1{font-size:60px}}
.guide-intro{max-width:760px;margin-bottom:32px}.delivery-guide{margin-top:32px}.delivery-guide li{font-size:14px;line-height:24px;padding:8px 0}.delivery-guide ol{padding-left:24px}.alert-guide .steps article{background:#151310}.alert-guide .steps h3{margin-top:24px}.alert-guide code{color:#dfaf79}
/* Marble hands frame the opening message without covering its controls. */
.hero{position:relative;isolation:isolate}.hero-hands{position:absolute;inset:0 0 auto;height:650px;pointer-events:none;z-index:-1;overflow:hidden}.hero-hand{position:absolute;width:340px;height:auto;top:280px;opacity:.85}.hero-hand-left{left:-150px;transform:rotate(-12deg)}.hero-hand-right{right:-150px;transform:rotate(10deg)}@media(min-width:1400px){.hero-hands{left:calc((1200px - 100vw)/2);right:calc((1200px - 100vw)/2)}.hero-hand{width:440px;top:260px}.hero-hand-left{left:-120px}.hero-hand-right{right:-120px}}@media(max-width:1000px){.hero-hand{width:280px;top:320px;opacity:.65}.hero-hand-left{left:-160px}.hero-hand-right{right:-160px}}@media(max-width:640px){.hero-hands{height:620px}.hero-hand{width:210px;top:370px;opacity:.65}.hero-hand-left{left:-145px;transform:rotate(-18deg)}.hero-hand-right{right:-145px;transform:rotate(16deg)}}
/* Align FAQ with the shared content grid and tighten the install transition. */
#faq{max-width:1200px;padding-top:32px}#install{padding-bottom:32px}#faq>h2{margin-bottom:24px}
@media(max-width:640px){#faq{padding-top:24px}#install{padding-bottom:24px}}
/* Disclosure controls use plus/minus rather than arrow markers. */
summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary::marker{content:''}summary::after{content:'+';color:#b57a42;font-size:20px;flex:none;font-weight:400}details[open]>summary::after{content:'−'}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:30;min-height:44px;padding:8px 16px;color:#f4dfc5;background:#241b13;border:1px solid #a17646;border-radius:12px;box-shadow:0 4px 24px #0008;transition:transform .3s cubic-bezier(.22,1,.36,1)}.back-to-top:hover{transform:translateY(-2px);background:#39291b}.back-to-top[hidden]{display:none}@media(max-width:640px){.back-to-top{right:16px;bottom:16px}}
/* Warm marble-like edge lighting on the footer wordmark. */
.giant-wordmark{color:#c8b59c;background:linear-gradient(165deg,#fff1d8 0%,#d7c9b5 20%,#b19a7b 43%,#e4b575 58%,#875a30 80%,#52321c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #db9c50;filter:drop-shadow(0 -1px 1px #ffd08a99) drop-shadow(0 0 12px #e9943829);text-shadow:0 1px 1px #f6ae4933}
/* Cursor lighting is clipped to the actual lettering and transparent hand pixels. */
@media(hover:hover) and (pointer:fine){
.giant-wordmark{--light-x:50%;--light-y:30%;background-image:radial-gradient(ellipse 220px 180px at var(--light-x) var(--light-y),#fff8e9 0%,#ffd597 20%,#d9a05f 45%,transparent 78%),linear-gradient(165deg,#dfcbb0,#9c7951 55%,#52321c);transition:filter .3s cubic-bezier(.22,1,.36,1)}
.hand,.hero-hand{--hand-light:0;filter:brightness(calc(1 + var(--hand-light)*.25)) drop-shadow(0 0 calc(var(--hand-light)*14px) #f0a24c66)}
}
/* Match the hero headline to the warm illuminated footer lettering. */
.hero h1,:root[data-theme=dark] .hero h1,:root[data-theme=light] .hero h1,:root:not([data-theme]) .hero h1{color:#e3c39a;background:linear-gradient(165deg,#fff1d8 0%,#e2c9a7 30%,#d9a566 58%,#946236 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #e994381a);text-shadow:0 1px 1px #f6ae491a}
/* Extend the reaching scene to the viewport so wrist cuts stay offscreen. */
.reaching{width:100vw;max-width:none;left:50%;transform:translateX(-50%)}
.reaching .hand-left{left:-9%;width:45%;max-width:none}
.reaching .hand-right{right:-9%;width:45%;max-width:none}
@media(min-width:1440px){.reaching{height:300px}.reaching .hand{width:42%;top:-8px}.reaching .hand-left{left:-6%}.reaching .hand-right{right:-6%;top:-24px}}
@media(max-width:480px){.reaching .hand{width:60%}.reaching .hand-left{left:-20%}.reaching .hand-right{right:-20%}}
/* App icon product composition in the opening scene. */
.hero-intro{display:grid;grid-template-columns:320px minmax(0,1fr);gap:48px;align-items:center;margin:0 0 48px}.hero-message{text-align:left}.hero-message h1{margin:24px 0;max-width:none;font-size:72px!important}.hero-message .lead{margin:24px 0;max-width:640px}.hero-message .actions{justify-content:flex-start}.hero-message .micro{margin-bottom:0}.hero-icon-stage{position:relative;perspective:1000px;padding:24px 0;isolation:isolate}.hero-icon-stage::after{content:'';position:absolute;left:18%;right:10%;height:32px;bottom:8px;background:#da8f3626;border-radius:50%;filter:blur(24px);z-index:-1}.hero-app-icon{display:block;width:100%;height:auto;border-radius:22%;transform:rotateY(12deg) rotateZ(-7deg);box-shadow:16px 32px 64px #0008;filter:drop-shadow(0 0 24px #d9943110)}
@media(min-width:1400px){.hero-intro{grid-template-columns:360px minmax(0,1fr);gap:64px}.hero-message h1{font-size:72px!important}}
@media(max-width:1000px){.hero-intro{grid-template-columns:240px minmax(0,1fr);gap:32px}.hero-message h1{font-size:60px!important}.hero-message .actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-message .lead{font-size:18px}}
@media(max-width:700px){.hero-intro{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.hero-icon-stage{width:160px;margin:0 auto;padding:0}.hero-message{text-align:center}.hero-message h1{font-size:60px!important;margin:24px auto}.hero-message .lead{margin:24px auto}.hero-message .actions{align-items:center;justify-content:center}.hero-message .eyebrow{font-size:10px}.hero-hands .hero-hand{top:500px}.hero-message .micro{margin-bottom:0}}
.hero-app-icon{transform:none;width:84%;margin:0 auto;--hand-light:0;box-shadow:0 24px 48px #0006;filter:brightness(calc(1 + var(--hand-light)*.15)) drop-shadow(0 16px 24px #efa24125)}
.hero-icon-stage::after{left:18%;right:18%;bottom:8px;height:48px;background:#ed9c4870;filter:blur(32px)}
@media(hover:hover) and (pointer:fine){
.hero h1,:root[data-theme=dark] .hero h1,:root[data-theme=light] .hero h1,:root:not([data-theme]) .hero h1{--light-x:-400px;--light-y:-400px;background-image:radial-gradient(ellipse 180px 140px at var(--light-x) var(--light-y),#fff9ed 0%,#ffe3b7 25%,transparent 80%),linear-gradient(165deg,#fff1d8,#d9a566 58%,#946236);-webkit-background-clip:text;background-clip:text}
.hero-app-icon{filter:brightness(calc(1 + var(--hand-light)*.2)) drop-shadow(0 16px 24px #efa24140) drop-shadow(0 0 calc(var(--hand-light)*20px) #ffc16d50)}
.hero-icon-stage::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 100px at var(--light-x,-400px) var(--light-y,-400px),#ffd29620,transparent 80%);mix-blend-mode:screen;z-index:1;border-radius:24px}
}
.hero-icon-stage::before,.hero-icon-stage::after{content:none!important;display:none!important}
/* Visible amber underlighting for both app icons. */
.hero-icon-stage::after{left:10%;right:10%;bottom:12px;height:64px;background:#ef9c48a6;filter:blur(32px);z-index:0;pointer-events:none}
.hero-app-icon{position:relative;z-index:1;box-shadow:0 12px 32px #e9983438,0 28px 64px #e9983426,inset 0 -1px 0 #ffd18b40}
header .brand img{box-shadow:0 4px 12px #f0a24c55,0 0 20px #f0a24c25;filter:drop-shadow(0 2px 3px #f5b86455);border-radius:8px}
@media(max-width:700px){.hero-icon-stage::after{height:32px;bottom:0;filter:blur(20px)}}
/* Separate the icon silhouette from the page with a restrained backlight. */
.hero-icon-stage::after{inset:12% 11% 7%;height:auto;border-radius:24%;background:#bb7b35;opacity:.22;filter:blur(28px);z-index:0;box-shadow:0 20px 32px #f0a24c60}
.hero-app-icon{border-radius:23%;box-shadow:0 0 24px #d9974433,0 14px 36px #e9a04d3d,0 32px 56px #d98b2f20}
header .brand img{box-shadow:0 0 10px #e9ad6040,0 3px 12px #ed9e4540}
@media(max-width:700px){.hero-icon-stage::after{inset:8% 8% 3%;filter:blur(20px);opacity:.25}}

/* Symmetric halo: identical light spread in every direction. */
.hero-app-icon{border-radius:23%;box-shadow:0 0 18px 2px #f0a24c40,0 0 40px 8px #d58c3830,0 0 64px 12px #c77c2818;filter:brightness(calc(1 + var(--hand-light,0)*.12))}
header .brand img{box-shadow:0 0 8px 1px #f0a24c55,0 0 18px 3px #df9c3c25;filter:none}