/* Cinematic brand treatment: CSS lighting and short, reduced-motion-aware reveals. */
body{background:#f4f3e9}.nav{max-width:none;padding:24px max(36px,calc((100vw - 1180px)/2));background:#062f32;color:#edf4e6;position:relative;z-index:2;border-bottom:1px solid #b5e7cf12}.nav .brand{letter-spacing:-1px}.nav .button{background:#b8e6cc;color:#123f40;border-radius:40px;padding:12px 22px}.nav nav{color:#bccec6}.hero{position:relative;isolation:isolate;max-width:none;overflow:hidden;padding:82px max(40px,calc((100vw - 1120px)/2)) 115px;background:#062f32;color:#f8f7e8;min-height:810px;grid-template-columns:1.08fr 1fr;gap:50px}.cinema-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 76% 35%,#428a715c,transparent 40%),radial-gradient(ellipse at 99% 100%,#c58c4f20,transparent 35%),linear-gradient(120deg,#031f25 0%,#073b3b 65%,#0b3f3e 100%)}.cinema-light:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0,transparent 140px,#9edcbb05 141px,transparent 142px);mask-image:linear-gradient(transparent,#000,transparent)}.hero h1{font-size:clamp(68px,6.6vw,98px);line-height:1.01;letter-spacing:-5px;font-weight:600}.hero h1 em{color:#a8e3c4;display:inline-block;line-height:1.14}.hero .eyebrow{color:#aed6c1;font-size:10px;letter-spacing:2.5px;margin-bottom:30px}.hero .dot{background:#b4ebcf;box-shadow:0 0 15px #a9e3c8}.hero .lead{color:#bed1c6;font-size:17px;max-width:410px;line-height:1.8;margin-top:26px}.hero .button{background:#bee9d0;color:#103e3e;border-radius:40px;box-shadow:0 5px 30px #b6efd012}.hero .button:hover{background:#e0f7e7;box-shadow:0 8px 32px #b6efd025}.hero .soon{color:#c5d9cd}.hero .soon span{color:#96ada2}.hero .micro{color:#8fa99d;font-size:10px}.hero-art{margin:0;height:560px;perspective:1000px}.orbit{width:500px;height:500px;left:-5px;top:25px;background:radial-gradient(circle,#79c5a528,#5bba9a0a 55%,transparent 70%);border:1px solid #9fddc020;box-shadow:0 0 90px #60d5ad0c,inset 0 0 70px #91e9bc08}.orbit:after{inset:35px;border:1px solid #b5e6c816}.art-label{color:#a5c9b6;top:6px;left:25px;font-size:17px;letter-spacing:.4px}.hero .sample{box-shadow:0 28px 60px #001b2180,0 1px 0 #ffffff7a inset;border:1px solid #ffffff75;border-radius:17px}.place{left:10px;top:70px;transform:rotate(-8deg);width:345px;background:linear-gradient(140deg,#fffef1,#dfecdf);padding:28px;color:#173c38}.place .context{font-size:15px}.place .sample-action{border-color:#bad2c2}.link{right:-8px;top:280px;transform:rotate(9deg);background:linear-gradient(130deg,#bce7d0,#71bba4);width:254px;padding:25px;color:#123f3e}.link p{color:#37645c}.link .pill{background:#ffffff42;color:#245c50}.reminder{top:410px;left:-28px;width:340px;background:linear-gradient(120deg,#fff0d4,#ead5b3);transform:rotate(-3deg);color:#5e4933}.reminder .bell{color:#ba704c}.floating-logo{width:126px;height:126px;right:-8px;top:66px;transform:rotate(14deg);filter:drop-shadow(0 20px 18px #001d255e)}.example-label{bottom:-8px;color:#8da99b;left:85px;font-size:9px}.scroll-cue{position:absolute;bottom:34px;left:max(40px,calc((100vw - 1120px)/2));display:flex;align-items:center;gap:22px;font-size:8px;letter-spacing:2px;color:#b2cbbd;text-decoration:none}.scroll-cue span:last-child{display:grid;place-items:center;width:30px;height:30px;border:1px solid #94c7ae50;border-radius:50%;font-size:16px}.type-ribbon{background:#083638;color:#bcd4c6;border-color:#a3cfb31f;padding:25px;gap:35px;font-size:12px;letter-spacing:.7px}.type-ribbon i{color:#e6b28a}.section{padding-top:115px;padding-bottom:115px}.section-head h2{font-size:clamp(40px,4.2vw,60px);letter-spacing:-2.8px}.eyebrow{letter-spacing:2.2px;font-size:10px}.comparison{border-radius:3px;border-color:#cdd7ca}.before{background:#ebeadd}.after{background:#e1ecdf}.benefit-grid{margin-top:60px}.number{display:block;font-family:Georgia,serif;font-size:30px;color:#73a28c}.comparison-note{color:#6a7f6e}.feature-band{background:radial-gradient(ellipse at 80% 70%,#28685766,transparent 60%),#052e32;padding:110px 0}.feature-band h2{font-size:clamp(45px,5vw,65px);letter-spacing:-3px}.table-demo{transform:rotate(3deg);box-shadow:15px 35px 70px #00161d99;border:1px solid #ffffff50}.table-demo .demo-reminder{background:#f1e3ca}.feature-layout{gap:85px}.scenario{padding-top:45px}.scenario h3{font-size:32px;letter-spacing:-1px}.use-tabs button[aria-selected=true]{box-shadow:0 5px 20px #174c3820}.capture-symbol{background:radial-gradient(circle at 50% 30%,#d8f2dc,#a2c5a9);border:1px solid #789d7d25;box-shadow:inset 0 0 70px #e9f6e4;color:#195d51}.start-section{background:#e6e6d6;padding:95px 0}.steps article>span{background:#f5f4e6;border-color:#b7c7ac}.download-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 70%,#326f5c77,transparent 60%),#052c31;padding:100px 0}.download-layout h2{font-size:68px;line-height:1.09;letter-spacing:-3px}.download-layout .button{border-radius:35px}.qr{transform:rotate(3deg);box-shadow:0 30px 60px #00191c66;border-radius:12px}footer{padding-top:40px;padding-bottom:40px}.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.awaiting{opacity:0;transform:translateY(25px)}.motion-toggle{position:absolute;right:28px;bottom:30px;padding:8px 12px;border:1px solid #a8cbb23b;border-radius:20px;background:#082e30;color:#c1d9ca;font:10px 'DM Sans',sans-serif;cursor:pointer;z-index:4}.hero-copy{animation:enter-scene 1s ease both}.hero-art{animation:enter-scene 1.2s .12s ease both}@keyframes enter-scene{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes breathe{0%,100%{opacity:.6}50%{opacity:1}}.cinema-light{animation:breathe 8s ease-in-out 1}.motion-off *{animation:none!important;transition:none!important}.motion-off .reveal.awaiting{opacity:1;transform:none}@media(max-width:1100px) and (min-width:901px){.hero{gap:15px;padding-left:35px;padding-right:35px}.hero-art{scale:.85;transform-origin:center}.hero h1{font-size:76px}.feature-layout{gap:45px}.nav{padding-left:30px;padding-right:30px}.type-ribbon{gap:22px}}@media(max-width:900px){.nav{padding:20px 24px}.hero{grid-template-columns:1fr;gap:0;padding:60px 24px 85px;min-height:auto}.hero h1{font-size:clamp(63px,12vw,94px);letter-spacing:-3.8px}.hero h1 br:nth-child(2){display:initial}.hero .lead{max-width:500px}.hero-art{width:440px;max-width:100%;margin:50px auto 20px;height:570px;transform:none}.orbit{width:100%;height:440px}.place{width:315px;left:12px}.floating-logo{width:105px;height:105px;right:0}.link{right:5px;width:230px;top:295px}.reminder{left:0;width:320px;top:430px}.art-label{left:20px}.example-label{bottom:5px;left:40px}.scroll-cue{left:24px;bottom:25px}.motion-toggle{bottom:23px;right:24px}.section{padding-top:70px;padding-bottom:70px}.feature-band{padding:70px 0}.feature-layout{gap:35px}.table-demo{transform:none}.type-ribbon{gap:14px;font-size:11px}.capture-section{padding-bottom:70px}.download-layout h2{font-size:52px}.download-section{padding:70px 0}.qr{transform:none}.section-head h2{letter-spacing:-1.7px}.feature-band h2{font-size:48px}.start-section{padding:65px 0}}@media(max-width:420px){.hero-art{height:530px;margin-top:38px}.place{width:280px;left:8px;padding:23px;top:65px}.place h3{font-size:20px}.link{top:276px;right:1px;width:206px;padding:20px}.floating-logo{width:88px;height:88px;top:43px;right:0}.reminder{top:397px;width:300px;padding:16px}.art-label{font-size:15px;left:5px}.example-label{left:20px}.orbit{height:350px;top:70px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero .download-buttons{gap:15px}.hero .button{font-size:12px;padding:15px 17px}.hero .soon{font-size:13px}.nav{padding:18px 20px}.nav .button{padding:10px 15px}.motion-toggle{font-size:9px;padding:6px 9px}.scroll-cue{font-size:7px;gap:10px}.download-layout h2{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.awaiting{opacity:1;transform:none}}
.hero-copy,.hero-art{min-width:0}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:min(440px,100%)}.hero .lead{max-width:100%}}
/* Official Google asset includes its own clear-space margin. Do not crop or recolor. */
.store-badges{gap:18px;align-items:center}.store-link{display:inline-flex;flex:none;line-height:0;text-decoration:none}.store-link img{display:block;width:200px;height:auto}.store-pending{display:flex;align-items:center;gap:12px;border:1px solid #b8d2c552;border-radius:8px;padding:10px 15px;min-height:54px;color:#d1e2d7;background:#ffffff05;line-height:1.2}.store-pending small{display:block;font-size:10px;color:#b4ccbd}.store-pending strong{display:block;font-size:20px;font-weight:500;margin-top:3px}.store-pending svg{flex-shrink:0}.hero .store-badges{margin-left:-12px}.download-section .store-badges{margin-left:-12px}@media(max-width:420px){.store-badges{gap:4px}.store-link img{width:184px}.store-pending{padding:9px 10px;gap:8px;min-height:49px}.store-pending strong{font-size:17px}.store-pending small{font-size:8px}.store-pending svg{width:20px;height:28px}}
/* Visible product differentiation in the opening scene, without unsupported exclusivity claims. */
.hero-difference{border-left:2px solid #e5aa80;padding:0 0 0 18px;margin:24px 0 22px;max-width:460px}.difference-label{font-size:9px;letter-spacing:2px;font-weight:700;color:#efbb94}.hero-difference h2{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.2px;color:#f0f3df;margin:7px 0}.hero-difference p{color:#b8d0bf;font-size:12px;line-height:1.5}.hero-difference ul{padding:0;list-style:none;margin:10px 0;display:grid;gap:5px}.hero-difference li{color:#d3e8d5;font-size:12px;line-height:1.5}.hero-difference li:before{content:'✓';color:#a0dab7;margin-right:9px}.hero-difference a{font-size:11px;color:#b2e7c8;text-underline-offset:4px}.hero{padding-top:52px;padding-bottom:95px}.hero h1{font-size:clamp(64px,5.8vw,84px)}.hero .lead{margin:20px 0;font-size:15px}.hero .eyebrow{margin-bottom:22px}@media(max-width:900px){.hero{padding-top:42px;padding-bottom:85px}.hero h1{font-size:clamp(58px,10vw,78px)}.hero-difference{margin:22px 0 16px}.hero .lead{font-size:15px}}@media(max-width:420px){.hero h1{font-size:55px}.hero-difference h2{font-size:16px}.hero-difference{padding-left:14px}.hero-difference li{font-size:11px}}