@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');
:root{--black:#101010;--gold:#f0cd77;--muted:#a6a79e;--cream:#f4f3ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fafaf5;font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em;line-height:1.15}em{font-style:normal;color:var(--gold)}h1{font-size:clamp(40px,4.3vw,62px);font-weight:750}h2{font-size:clamp(30px,3vw,43px);font-weight:650}h3{font-size:20px;font-weight:700;letter-spacing:-.025em}.wrap{max-width:1200px;padding:0 46px;margin:auto}.gold{color:var(--gold)}.eyebrow{font-size:9px;line-height:1.6;letter-spacing:.16em;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:21px;color:#bbae85}.dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}.skip{position:fixed;left:15px;top:-100px;z-index:50;background:#fff;color:#101010;padding:10px}.skip:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid #4285f4;outline-offset:6px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid #ffffff14;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.03em;line-height:1.2}.brand img{width:52px;height:52px;object-fit:contain}.brand b{color:var(--gold);font-weight:600}.brand small{font-size:6px;display:block;letter-spacing:.18em;color:#b1ac98;margin-top:7px}.brand-chip{font-size:9px;letter-spacing:.1em;padding:7px 12px;border:1px solid #5b5031;border-radius:30px;margin-left:auto;color:#d8c58d}.hero{background:radial-gradient(ellipse at 80% 35%,#8e702c14,transparent 55%),#101010}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:45px 0 55px}.lead{font-size:17px;color:#cacbc2;margin:25px 0;max-width:440px;line-height:1.75}.lead strong{font-weight:500;color:#f2d699}.rating{display:flex;align-items:center;gap:18px}.google{font-family:Arial,sans-serif;font-size:25px;letter-spacing:-1.4px;font-weight:600;white-space:nowrap}.google i{font-style:normal}.google i:nth-child(1),.google i:nth-child(4){color:#4285f4}.google i:nth-child(2),.google i:nth-child(6){color:#ea4335}.google i:nth-child(3){color:#fbbc05}.google i:nth-child(5){color:#34a853}.stars{color:#f3c950;letter-spacing:3px;font-size:21px}.hero-note{font-size:12px;line-height:1.8;color:#9b9e90;max-width:390px;margin-top:22px}.scroll-link{display:inline-flex;align-items:center;gap:25px;font-size:11px;margin-top:28px;color:#e0cd94}.scroll-link>span{font-size:17px;animation:down 2s ease infinite}.hero-image{border:1px solid #6d5c39;border-radius:12px;overflow:hidden;box-shadow:0 15px 60px #0002}.hero-image img{width:100%;object-fit:contain}.hero-image figcaption{padding:16px 17px;display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.06em;background:#201f18;color:#d9c589}.hero-image figcaption>span:last-child{color:#b3b4a6;font-size:8px;letter-spacing:0}.tiny-line{display:inline-block;vertical-align:middle;width:10px;height:1px;background:#81754e;margin:0 5px}.how{background:#f4f3ed;color:#1e211a;padding:70px 0}.section-head{text-align:center;max-width:720px;margin:auto auto 35px}.section-head .eyebrow{justify-content:center;color:#8f783a}.section-head em{color:#967427}.demos{display:grid;grid-template-columns:1fr 1fr;gap:22px}.demo{background:#eae8df;border:1px solid #dcd8c9;border-radius:12px;overflow:hidden;padding-bottom:16px}.demo-heading{padding:20px 23px;display:flex;align-items:center;gap:13px}.mode-icon{color:#9d7a28;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f7f4e8;border:1px solid #d8cca9}.mini{font-size:7px;font-weight:700;letter-spacing:.14em;color:#8a794a;display:block;margin-bottom:4px}.mode-number{margin-left:auto;font-size:10px;color:#a5a08d}.demo h3{font-size:21px}.scene{height:290px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#fdfbf5,#e0dbcd)}.official-card{height:265px;width:auto;position:absolute;left:20%;bottom:0;object-fit:contain;border-radius:6px;box-shadow:0 10px 25px #0002}.phone{position:absolute;left:53%;top:32px;width:115px;height:216px;padding:6px;background:#171913;border-radius:21px;box-shadow:8px 10px 25px #0003;transform:rotate(8deg);transition:transform 1s;z-index:2}.notch{position:absolute;top:11px;width:36px;height:8px;background:#171913;border-radius:10px;left:39px;z-index:4}.phone-screen{height:100%;border-radius:15px;position:relative;overflow:hidden;background:#fffef8}.phone-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:22px 8px 12px;opacity:0;transition:opacity .5s}.phone-state b{font-size:10px;line-height:1.4;color:#2c3122}.phone-state small{font-size:7px;line-height:1.6;color:#7b7e6f}.phone-symbol{color:#ad8f38}.phone-symbol svg{width:29px;height:29px}.screen-pill{font-size:7px;background:#f0e5c5;color:#6a5523;border:1px solid #dacfaf;border-radius:4px;padding:6px 9px}.phone .google{font-size:20px}.outline-stars{font-size:18px;letter-spacing:0;color:#c29a38}.form-placeholder{font-size:7px;color:#8b8f80;border:1px solid #dddfd3;width:85px;text-align:left;padding:8px 4px;border-radius:4px}.demo[data-phase="0"] .approach,.demo[data-phase="1"] .detected,.demo[data-phase="2"] .form{opacity:1}.demo[data-phase="0"] .phone{transform:translate(20px,-3px) rotate(12deg)}.demo[data-phase="1"] .phone{transform:translate(-18px,10px) rotate(5deg)}.demo[data-phase="2"] .phone{transform:translate(2px,0) rotate(0)}.signal{position:absolute;width:60px;height:65px;left:45%;top:128px;z-index:3;opacity:0;pointer-events:none}.signal i{position:absolute;width:25px;height:60px;border:2px solid #b8973d;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:pulse 1.5s infinite}.signal i:nth-child(2){left:10px;animation-delay:.25s}.signal i:nth-child(3){left:20px;animation-delay:.5s}.demo[data-phase="1"] .signal{opacity:1}.scene-label{position:absolute;bottom:9px;right:12px;font-size:6px;letter-spacing:.12em;color:#847d6b;z-index:3;background:#f4f1e8b0;padding:3px 5px;border-radius:3px}.qr-demo .scene{background:radial-gradient(ellipse at center,#fff,#e1e6e4)}.qr-demo .official-card{left:22%}.qr-demo .phone{left:57%}.scan-view{width:80px;height:112px;border:1px solid #92b2ab;position:relative;border-radius:6px;overflow:hidden}.scan-view img{width:100%;height:100%;object-fit:contain}.scan-line{position:absolute;left:0;right:0;top:25%;height:1px;background:#4285f4;box-shadow:0 0 6px #4285f4;animation:scan 2s ease-in-out infinite}.phase-track{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 15px 0;font-size:9px;color:#797d6e}.phase-track i{width:20px;height:1px;background:#c5c3b5}.phase-track>span{transition:color .3s;font-weight:500}.demo[data-phase="0"] .phase-track>span:nth-of-type(1),.demo[data-phase="1"] .phase-track>span:nth-of-type(2),.demo[data-phase="2"] .phase-track>span:nth-of-type(3){color:#927128;font-weight:700}.demo-status{font-size:11px;text-align:center;padding:11px 16px 0;line-height:1.6;min-height:46px;color:#666c5a}.replay{display:block;margin:7px auto 0;background:transparent;border:0;color:#806729;padding:4px 14px;font-size:10px;text-decoration:underline;text-underline-offset:4px}.replay span{margin-left:8px}.how-bottom{text-align:center;margin-top:28px}.how-bottom>p:first-child{font-size:14px;color:#555c4b}.how-bottom strong{font-weight:600;color:#343b2d}.how-bottom small{display:block;color:#777c6d;font-size:9px;line-height:1.8;max-width:730px;margin:10px auto 0}.mobile-only{display:none}#motion-toggle{font-size:10px;background:none;border:1px solid #cfcebf;padding:7px 12px;color:#696e5d;border-radius:5px;margin-top:15px}.reduced-note{display:none;font-size:10px;color:#737867;margin-top:12px}.benefits{background:#eae9e1;color:#25291f;padding:70px 0}.benefits .wrap{display:grid;grid-template-columns:.85fr 1.3fr;gap:20px 65px}.benefit-intro .eyebrow{color:#8d7435;font-size:8px}.benefit-intro em{color:#957227}.benefit-intro>p{font-size:13px;line-height:1.8;color:#727665;max-width:285px;margin-top:20px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.benefit-grid article{border-top:1px solid #cccdbd;padding-top:20px}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #c9bd96;color:#967935;border-radius:9px;margin-bottom:13px;background:#f3f0e4}.benefit-icon svg{width:21px;height:21px}.benefit-grid h3{font-size:19px;line-height:1.3;margin-bottom:11px}.benefit-grid article>p{font-size:11px;color:#717764;line-height:1.8}.benefits-note{grid-column:1/-1;text-align:center;font-size:9px;color:#767b69;margin-top:12px}.close{padding:65px 0 30px;background:radial-gradient(ellipse at 25% 55%,#8c722325,transparent 60%),#101010}.close-grid{display:grid;grid-template-columns:.9fr 1fr;gap:65px;align-items:center}.close figure{border:1px solid #685531;border-radius:12px;overflow:hidden;position:relative}.close figure img{width:100%}.close figcaption{font-size:7px;letter-spacing:.1em;padding:13px 16px;color:#d9c083;background:#1c1c15}.close h2{font-size:clamp(30px,3vw,42px)}.close-copy>p{font-size:14px;color:#b4b7aa;line-height:1.8;margin-top:24px}.cta{margin-top:27px;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(110deg,#f0cd77,#d4af37);color:#1f2118;padding:16px 20px;border-radius:6px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s;min-height:50px}.cta:hover{transform:translateY(-3px);box-shadow:0 8px 26px #d4af371a}.cta svg{width:20px;height:20px}.cta>span:last-child{margin-left:12px;font-size:16px}.signature{font-size:10px;color:#c8b47e;margin-top:27px}.independence{display:block;font-size:8px;line-height:1.8;color:#969b87;margin-top:18px}.paused .signal i,.paused .scan-line{animation-play-state:paused}@keyframes down{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes pulse{0%,100%{opacity:.15}50%{opacity:1}}@keyframes scan{0%,100%{top:25%}50%{top:85%}}
@media(max-width:850px){.wrap{padding:0 28px}.hero-grid{gap:30px}.hero h1{font-size:44px}.eyebrow{font-size:8px}.hero .lead{font-size:15px}.hero-note{font-size:11px}.hero-image figcaption{flex-direction:column;gap:5px}.scene{height:270px}.official-card{left:12%;height:250px}.phone{left:49%;width:110px}.qr-demo .official-card{left:16%}.qr-demo .phone{left:53%}.notch{left:36px}.demo-heading{padding:18px 16px;gap:10px}.demo h3{font-size:19px}.mode-icon{width:34px;height:34px}.mode-number{font-size:9px}.benefits .wrap{gap:20px 35px}.benefit-grid{gap:25px 20px}.benefit-grid h3{font-size:17px}.benefit-grid article>p{font-size:11px}.close-grid{gap:35px}.close .cta{font-size:11px;padding:15px;gap:8px}.close .cta>span:last-child{margin-left:0}}
@media(max-width:600px){.wrap{padding:0 22px}.brand{padding:14px 0;font-size:19px;gap:10px}.brand img{width:44px;height:44px}.brand small{font-size:5.5px;letter-spacing:.12em}.brand-chip{font-size:7px;padding:6px 8px}.hero-grid{display:grid;grid-template-columns:1fr;gap:0;padding:28px 0 27px}.hero-copy{display:contents}.hero-copy .eyebrow{order:1;font-size:7px;letter-spacing:.11em;margin-bottom:15px}.hero h1{order:2;font-size:clamp(32px,8.8vw,45px);line-height:1.13;margin-bottom:14px}.hero .lead{order:3;font-size:14px;line-height:1.65;margin:0 0 17px}.rating{order:4;gap:14px;margin-bottom:19px}.google{font-size:22px}.stars{font-size:19px;letter-spacing:2px}.hero-image{order:5;border-radius:10px}.hero-image img{width:100%;max-height:345px;object-fit:contain;background:#1d1c15}.hero-image figcaption{flex-direction:row;font-size:6px;padding:10px;gap:8px}.hero-image figcaption>span:last-child{font-size:6px}.hero-note{order:6;font-size:11px;line-height:1.75;margin:17px 0 0;max-width:100%;text-align:center}.scroll-link{order:7;justify-self:center;font-size:10px;margin-top:14px;gap:18px}.how{padding:42px 0}.section-head{margin-bottom:24px;text-align:left}.section-head .eyebrow{justify-content:flex-start;font-size:8px;margin-bottom:16px}h2{font-size:29px;line-height:1.2}.section-head h2 br{display:none}.demos{grid-template-columns:1fr;gap:20px}.demo{border-radius:10px;padding-bottom:14px}.demo-heading{padding:16px 18px}.demo h3{font-size:21px}.mini{font-size:6px}.scene{height:265px}.official-card{left:17%;height:250px}.phone{left:52%;width:113px;height:211px;top:30px}.qr-demo .official-card{left:20%}.qr-demo .phone{left:56%}.notch{left:38px}.signal{left:44%;top:115px}.phase-track{margin-top:16px;font-size:9px}.demo-status{font-size:10px;min-height:34px;padding-top:10px}.replay{font-size:10px;margin-top:2px}.how-bottom{margin-top:23px}.how-bottom>p:first-child{font-size:12px;line-height:1.8}.how-bottom small{font-size:8px;line-height:1.85;margin-top:11px}.mobile-only{display:block}.benefits{padding:42px 0}.benefits .wrap{display:block}.benefit-intro h2{font-size:32px;line-height:1.15}.benefit-intro h2 br{display:none}.benefit-intro>p{font-size:12px;margin:17px 0 26px;max-width:100%}.benefit-grid{gap:24px 20px}.benefit-grid article{padding-top:16px}.benefit-grid h3{font-size:16px;line-height:1.3}.benefit-grid article>p{font-size:10px;line-height:1.85}.benefit-icon{width:32px;height:32px;border-radius:8px}.benefit-icon svg{width:19px;height:19px}.benefits-note{margin-top:24px;font-size:8px;line-height:1.85}.close{padding:35px 0 26px}.close-grid{display:flex;flex-direction:column;gap:25px}.close figure{width:100%;max-height:255px}.close figure img{max-height:228px;width:100%;object-fit:contain;background:#1f1c14}.close figcaption{text-align:center;font-size:6px;padding:9px}.close-copy{text-align:center}.close-copy .eyebrow{justify-content:center;font-size:8px;margin-bottom:15px}.close h2{font-size:31px;line-height:1.17}.close-copy>p{font-size:12px;margin-top:18px}.close .cta{margin-top:22px;font-size:12px;width:100%;padding:16px 12px;gap:10px}.close .cta>span:last-child{margin-left:4px}.signature{font-size:9px;margin-top:22px}.independence{font-size:7px;margin-top:14px}.scene-label{font-size:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reduced-note{display:block}#motion-toggle{display:none}}
.demo[data-kind="nfc"] .phone{left:37%}.demo[data-kind="nfc"] .signal{left:34%}@media(max-width:600px){.demo[data-kind="nfc"] .phone{left:31%}.demo[data-kind="nfc"] .signal{left:29%}}