@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#eef3e9;font-synthesis:none;--mint:#bdedbd;--muted:#91a198;background:#0d1b17;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:is(a:focus-visible,button:focus-visible){outline:2px solid var(--mint);outline-offset:6px}::selection{color:#10231b;background:#bdedbd}.site-header{z-index:20;background:#0d1b17f5;border-bottom:1px solid #ffffff15;justify-content:space-between;align-items:center;height:88px;padding:0 5.5%;display:flex;position:relative}.brand{letter-spacing:-1.4px;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;display:flex}.brand-symbol{color:#0d1b17;background:var(--mint);border-radius:10px;justify-content:center;align-items:center;width:33px;height:33px;padding-bottom:4px;font-size:30px;font-style:italic;line-height:1;display:flex;position:relative}.brand-symbol span{font-size:15px;position:absolute;bottom:2px;right:3px}.brand-dot{letter-spacing:0;align-self:flex-start;margin-top:6px;font-size:11px}.site-header nav{align-items:center;gap:36px;font-size:14px;display:flex}.site-header nav>a:first-child span{color:var(--mint);margin-left:10px}.nav-cta{border:1px solid #829789;border-radius:40px;align-items:center;gap:25px;padding:13px 20px;display:flex}.nav-cta:hover{background:var(--mint);color:#0d1b17}.hero{max-width:1600px;margin:auto;padding:76px 8% 0}.hero-overline,.eyebrow{letter-spacing:2px;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.hero-overline span,.eyebrow>span{background:var(--mint);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-7px;margin:30px 0 34px;font-family:Manrope,sans-serif;font-size:clamp(64px,8.1vw,128px);font-weight:500;line-height:1.06;position:relative}.hero h1>span:first-of-type{color:var(--mint)}.hero-asterisk{color:var(--mint);font-family:serif;font-size:150px;font-weight:400;position:absolute;top:20px;right:3%}.hero-bottom{justify-content:space-between;align-items:center;padding-bottom:54px;display:flex}.hero-bottom p{color:#afbeb4;font-size:17px;line-height:1.7}.tour-link{align-items:center;gap:16px;font-size:15px;display:flex}.tour-link small{letter-spacing:1.6px;color:#91a198;margin-top:8px;font-size:10px;display:block}.round-arrow{border:1px solid #677e70;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.tour-link:hover .round-arrow{background:var(--mint);color:#0d1b17}.hero-line{letter-spacing:1.6px;color:#99ac9f;border-top:1px solid #ffffff20;justify-content:space-between;padding:20px 0;font-size:10px;display:flex}.tour{background:#10231c;height:800svh;position:relative}.tour-stage{grid-template-rows:68px 1fr 118px;grid-template-columns:1.04fr 1fr;max-width:1800px;height:100svh;min-height:650px;margin:auto;padding:0 7%;display:grid;position:sticky;top:0;overflow:hidden}.tour-topline{letter-spacing:1.6px;border-bottom:1px solid #ffffff12;grid-column:1/-1;justify-content:space-between;align-items:center;font-size:12px;display:flex}.tour-topline>span:last-child{font-size:17px}.muted{color:#6e8879}.chapter-copy{z-index:2;align-self:center;padding:0 15px 40px 0;animation:.45s ease-out copy-in}.chapter-copy .eyebrow{color:var(--accent);font-size:10px}.chapter-copy .eyebrow>span{background:var(--accent)}.chapter-copy h2{letter-spacing:-2.8px;margin:25px 0;font-family:Manrope,sans-serif;font-size:clamp(36px,3.65vw,60px);font-weight:500;line-height:1.13}.chapter-copy h2 em{color:var(--accent);font-style:normal}.chapter-copy>p{color:#afc0b4;max-width:390px;font-size:16px;line-height:1.85}.chapter-detail{color:#91a798;align-items:center;gap:12px;margin-top:34px;font-size:11px;display:flex}.detail-line{background:var(--accent);width:25px;height:1px}.phone-stage{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.phone-tilt{z-index:2;transition:transform .7s;position:relative;transform:rotate(-3deg)}.phone-stage:hover .phone-tilt{transform:rotate(0)}.phone{color:#202c27;background:#f5f6f1;border:6px solid #283d33;border-radius:43px;width:270px;height:554px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #617567,0 0 0 3px #101c16,20px 28px 70px #0005}.phone-status{justify-content:space-between;align-items:center;height:43px;padding:0 20px;font-size:10px;display:flex;position:relative}.phone-status>span:last-child{align-items:center;gap:4px;font-size:8px;display:flex}.island{background:#17231d;border-radius:20px;width:74px;height:21px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.battery{background:#243b2e;border-radius:2px;width:15px;height:7px;display:inline-block}.screen-content{height:calc(100% - 57px);animation:.4s ease-out screen-in}.home-indicator{background:#213a2d;border-radius:6px;width:30%;height:4px;position:absolute;bottom:7px;left:35%}.orbit{border:1px solid #aecbb51a;border-radius:50%;width:480px;height:480px;position:absolute}.orbit-two{width:610px;height:610px}.orbit-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 40px var(--accent);border-radius:50%;position:absolute;top:18%;right:12%}.phone-shadow{background:var(--accent);opacity:.06;filter:blur(55px);border-radius:50%;position:absolute;inset:15%}.floating-tag{z-index:3;background:#233d30ed;border:1px solid #607b61;border-radius:12px;align-items:center;gap:9px;padding:16px;font-size:11px;display:flex;position:absolute;bottom:13%;right:-2%;transform:rotate(3deg);box-shadow:0 15px 30px #0002}.floating-tag>span:first-child{background:var(--accent);border-radius:50%;width:6px;height:6px}.demo-label{writing-mode:vertical-rl;letter-spacing:2px;color:#6f8a79;font-size:9px;position:absolute;top:50%;right:-30px}.tour-bottom{z-index:5;grid-column:1/-1;align-self:end;padding-bottom:20px}.chapter-nav{justify-content:space-between;gap:5px;margin-bottom:22px;display:flex}.chapter-nav button{color:#789583;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:5px 3px;font-size:11px;display:flex}.chapter-nav button span{font-family:monospace;font-size:10px}.chapter-nav button b{font-weight:400}.chapter-nav button.active{color:var(--accent)}.chapter-nav button:hover{color:#fff}.progress-track{background:#ffffff18;height:2px}.progress-track>span{background:var(--accent);transform-origin:0;will-change:transform;height:100%;display:block}.scroll-note{letter-spacing:1.5px;color:#8aab95;justify-content:space-between;margin-top:14px;font-size:9px;display:flex}.scroll-note>span:first-child{align-items:center;gap:10px;display:flex}.calculator{padding:10px 17px}.calc-label{color:#66786e;justify-content:space-between;align-items:center;font-size:12px;display:flex}.calc-display{flex-direction:column;justify-content:end;align-items:flex-end;height:137px;padding-bottom:20px;display:flex}.calc-display small{color:#87988b;margin-bottom:18px;font-size:9px}.calc-display strong{letter-spacing:3px;font-size:43px;font-weight:400}.keypad{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.keypad span{background:#e8ece4;border-radius:50%;place-items:center;height:47px;font-size:20px;display:grid}.keypad span.operator{background:#d0e6bb}.keypad span:last-child{color:#fff;background:#375640}.keypad span.pressed{background:#9ac58a}.screen-foot{color:#7b8a7e;justify-content:center;gap:5px;margin-top:22px;font-size:7px;display:flex}.app-kicker{letter-spacing:1.4px;color:#7d8e82;font-size:8px}.vault-screen,.pair-screen,.settings-screen{padding:18px}.vault-icon{color:#48644b;background:#e1e9dd;border-radius:30px;place-items:center;width:90px;height:90px;margin:30px auto 20px;display:grid}.phone h3{letter-spacing:-.8px;margin:14px 0 10px;font-family:Manrope,sans-serif;font-size:23px;line-height:1.2}.phone p{color:#829084;font-size:11px;line-height:1.7}.vault-screen{text-align:center}.pin-dots{letter-spacing:6px;margin:25px 0}.space-card{text-align:left;color:#6f7b70;border:1px solid #dae1d6;border-radius:12px;align-items:center;gap:10px;margin:10px 0;padding:14px 10px;display:flex}.space-card.selected{color:#2e4a2c;background:#e6efdf;border-color:#7c9a6e}.space-card>svg{flex-shrink:0;width:19px}.space-card>span{flex:1}.space-card b{font-size:11px;display:block}.space-card small{margin-top:5px;font-size:8px;display:block}.mock-button{color:#edf5e8;background:#294d36;border-radius:9px;justify-content:space-between;align-items:center;margin-top:18px;padding:14px 12px;font-size:10px;display:flex}.app-header{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.app-header b{letter-spacing:-.8px;font-size:21px}.pair-screen h3{margin-top:15px}.id-field{background:#fff;border:1px solid #ccd6c8;border-radius:8px;min-height:49px;margin-top:22px;padding:17px 13px;font:12px monospace}.qr-option{color:#667a67;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:10px;display:flex}.request-card{opacity:0;border-top:1px solid #dfe4da;align-items:center;gap:9px;margin-top:22px;padding:15px 0;transition:all .4s;display:flex}.request-card>b{flex:1;font-size:11px}.request-card small{color:#7f8a7a;margin-top:5px;font-size:7px;display:block}.pending,.accepted{background:#e9e9dc;border-radius:5px;padding:6px;font-size:8px}.accepted{color:#3b642e;background:#d9eccd}.avatar{color:#58402d;background:#e2c7ac;border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;font-family:Georgia,serif;font-size:19px;display:grid;position:relative}.avatar>span{background:#749766;border:2px solid #f5f6f1;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.pair-success{text-align:center;color:#4a7040;opacity:0;margin-top:17px;transition:all .4s}.pair-success h4{margin:8px 0;font-size:15px}.pair-success p{margin:0}.chat-screen{flex-direction:column;height:100%;display:flex}.chat-header{border-bottom:1px solid #dde4d8;align-items:center;gap:9px;padding:14px 10px;display:flex}.chat-header>span:not(.avatar){flex:1}.chat-header b{font-size:12px}.chat-header small{color:#839579;margin-top:3px;font-size:8px;display:block}.chat-header>svg{color:#647961;flex-shrink:0}.date-chip{letter-spacing:1px;text-align:center;color:#83917a;margin:22px 0;font-size:7px}.messages{flex-direction:column;flex:1;gap:13px;padding:0 13px;display:flex}.bubble{border-radius:12px;max-width:87%;padding:12px;font-size:10px;line-height:1.5}.bubble small,.photo-message small{text-align:right;color:#7a8e6e;margin-top:6px;font-size:7px;display:block}.theirs{background:#e8ebe4;border-bottom-left-radius:2px;align-self:flex-start}.mine{opacity:0;background:#d9eaca;border-bottom-right-radius:2px;align-self:flex-end;transition:all .35s;transform:translateY(8px)}.reveal,.photo-message,.voice-note,.document,.typing{opacity:0;transition:all .35s;transform:translateY(8px)}.visible{opacity:1!important;transform:translateY(0)!important}.typing{letter-spacing:3px;color:#7e9471;font-size:22px}.composer{color:#58744b;border:1px solid #d9dfd2;border-radius:25px;align-items:center;gap:9px;margin:10px 10px 16px;padding:11px;display:flex}.composer span{color:#8a987f;flex:1;font-size:10px}.photo-message{background:#d9eaca;border-radius:12px;align-self:flex-end;width:175px;padding:5px}.photo-message>span{padding:7px 4px;font-size:9px;display:block}.landscape{background:#d5e3d9;border-radius:8px;height:93px;position:relative;overflow:hidden}.sun{background:#f6dcb4;border-radius:50%;width:22px;height:22px;position:absolute;top:12px;right:26px}.hill{background:#839e7b;border-radius:50% 50% 0 0;width:170px;height:120px;position:absolute;top:55px;left:-30px;transform:rotate(-25deg)}.hill.two{background:#597958;top:42px;left:65px;transform:rotate(35deg)}.voice-note{background:#e4e8de;border-radius:12px;align-items:center;gap:9px;width:180px;padding:12px;display:flex}.voice-note>span{font-size:13px}.waveform{align-items:center;gap:2px;height:30px;display:flex}.waveform i{background:#89a177;border-radius:3px;width:2px;display:block}.voice-note small{font-size:8px}.document{background:#d9eaca;border-radius:10px;align-self:flex-end;align-items:center;gap:8px;padding:12px;font-size:10px;display:flex}.document small{color:#7c8d72;margin-top:4px;font-size:7px;display:block}.call-screen{text-align:center;background:radial-gradient(at 50% 35%,#e1e8d8,#0000 70%);height:100%;padding:30px 20px}.call-avatar{width:95px;margin:43px auto 21px}.avatar.large{width:95px;height:95px;font-size:48px;box-shadow:0 0 0 12px #dbe3d2,0 0 0 25px #e9eddf}.avatar.large>span{width:14px;height:14px}.call-screen h3{font-size:28px}.call-screen p{font-variant-numeric:tabular-nums}.call-wave{justify-content:center;align-items:center;gap:4px;height:30px;margin:15px;display:flex}.call-wave i{background:#83a173;border-radius:3px;width:3px;height:12px}.call-wave i:nth-child(2n){height:22px}.call-wave i:nth-child(3n){height:29px}.call-controls{justify-content:center;gap:18px;margin:18px 0;display:flex}.call-controls>span{background:#e1e7d8;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.call-controls>span.camera-active{background:#b6d89f}.hangup{color:#fff;background:#d66d59;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 19px;display:grid;transform:rotate(135deg)}.call-screen>small{color:#7e8e72;font-size:8px}.video-preview{opacity:0;justify-content:center;align-items:center;gap:7px;height:23px;font-size:9px;display:flex}.profile-avatar{color:#486a38;background:#cbdcc1;border-radius:50%;place-items:center;width:75px;height:75px;margin:20px auto 15px;font-size:32px;display:grid;position:relative}.profile-avatar>span{color:#fff;background:#42623b;border-radius:50%;place-items:center;padding:5px;display:grid;position:absolute;bottom:0;right:0}.settings-screen>h3,.settings-screen>p{text-align:center}.settings-screen>p{font-family:monospace;font-size:9px}.settings-label{letter-spacing:1px;color:#88987c;margin:25px 0 8px;font-size:8px}.setting{border-bottom:1px solid #dfe5d6;justify-content:space-between;align-items:center;padding:14px 0;font-size:10px;display:flex}.setting>b{color:#7d916c;font-size:9px;font-weight:400}.lock-preview{color:#6b8357;background:#e7eddd;border-radius:10px;align-items:center;gap:10px;margin-top:19px;padding:17px;font-size:9px;display:flex}.closing{text-align:center;color:#173121;background:#e5eddf;padding:105px 8% 100px}.closing .eyebrow{letter-spacing:2px;color:#61735b;justify-content:center;font-size:10px}.closing h2{letter-spacing:-3px;margin:25px 0;font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,74px);font-weight:500;line-height:1.15}.closing h2 em{color:#5e8051;font-family:Georgia,serif;font-weight:400}.closing>p{color:#6d7d64;margin:25px 0 30px;font-size:16px}.download-button{color:#f5f8ef;text-align:left;background:#193523;border-radius:12px;align-items:center;gap:15px;padding:15px 22px;display:inline-flex}.download-button>span{letter-spacing:-.5px;font-size:20px}.download-button small{letter-spacing:1px;margin-bottom:3px;font-size:8px;display:block}.download-button>svg:last-child{margin-left:16px}.replay{border-bottom:1px solid #8fa184;width:max-content;margin:25px auto 0;padding-bottom:5px;font-size:12px;display:block}footer{padding:45px 5.5% 25px}.footer-top{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.footer-top p{color:#91a798;font-size:14px}.footer-bottom{color:#a1b2a5;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:24px;font-size:11px;display:flex}.footer-bottom nav{gap:27px;display:flex}.footer-bottom a:hover{color:var(--mint)}.skip-link{z-index:100;background:var(--mint);color:#173121;padding:15px;position:fixed;top:-70px;left:16px}.skip-link:focus{top:12px}@keyframes copy-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-in{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1000px) and (max-height:800px){.phone-tilt{transform:scale(.83)rotate(-3deg)}.phone-stage:hover .phone-tilt{transform:scale(.83)}.tour-stage{min-height:590px}.orbit{width:390px;height:390px}.orbit-two{width:510px;height:510px}.floating-tag{bottom:9%}}@media (max-width:1000px){.hero-asterisk{font-size:100px;right:0}.hero h1{letter-spacing:-4px}.tour-stage{grid-template-columns:1fr 1fr;padding:0 5%}.chapter-copy h2{font-size:40px}.chapter-nav button{gap:5px;font-size:9px}.floating-tag{font-size:9px;right:-5%}.chapter-copy>p{font-size:15px}.phone-tilt{transform:scale(.88)rotate(-3deg)}.phone-stage:hover .phone-tilt{transform:scale(.88)}.chapter-detail{font-size:9px}.demo-label{display:none}}@media (max-width:700px){html{scroll-padding-top:0}.site-header{height:73px;padding:0 6%}.brand{font-size:25px}.brand-symbol{width:29px;height:29px;font-size:26px}.site-header nav{gap:18px}.site-header nav>a:first-child,.nav-contact{display:none}.nav-cta{gap:12px;padding:11px 15px;font-size:12px}.hero{padding:54px 6% 0}.hero-overline{letter-spacing:1.5px;font-size:9px}.hero h1{letter-spacing:-3.5px;margin:28px 0;font-size:clamp(49px,10.8vw,76px)}.hero-asterisk{top:-21px;right:0;font-size:47px!important}.hero-bottom{padding-bottom:35px;display:block}.hero-bottom p{margin-bottom:27px;font-size:15px;line-height:1.8}.tour-link{font-size:13px}.round-arrow{width:44px;height:44px}.tour-link small{font-size:8px}.hero-line{letter-spacing:1px;padding:17px 0;font-size:7px}.tour{height:800svh}.tour-stage{grid-template-rows:40px auto minmax(0,1fr) 72px;grid-template-columns:1fr;height:100svh;min-height:0;padding:0 6%}.tour-topline{font-size:9px}.tour-topline>span:last-child{font-size:12px}.chapter-copy{align-self:start;min-height:179px;padding:19px 0 0}.chapter-copy .eyebrow{letter-spacing:1.5px;font-size:8px}.chapter-copy h2{letter-spacing:-1.6px;margin:10px 0;font-size:clamp(27px,6.5vw,36px)}.chapter-copy>p{max-width:100%;margin:10px 0 0;font-size:12px;line-height:1.6}.chapter-detail{display:none}.phone-stage{grid-row:3}.phone-tilt,.phone-stage:hover .phone-tilt{transform:scale(.68)rotate(-3deg)}.phone{flex-shrink:0}.orbit{width:290px;height:290px}.orbit-two{width:370px;height:370px}.floating-tag{max-width:185px;padding:11px;font-size:8px;bottom:11%;right:-1%}.orbit-dot{width:7px;height:7px;top:18%;right:9%}.tour-bottom{grid-row:4;padding-bottom:13px}.chapter-nav{gap:2px;margin-bottom:10px}.chapter-nav button{justify-content:center;min-width:27px;min-height:27px;padding:5px;font-size:8px}.chapter-nav button b{display:none}.chapter-nav button.active{background:#ffffff10;border-radius:5px}.chapter-nav button.active b{font-size:8px;display:inline}.scroll-note{margin-top:10px;font-size:7px}.closing{padding:65px 6%}.closing .eyebrow{letter-spacing:1px;font-size:8px}.closing h2{letter-spacing:-2px;font-size:38px}.closing>p{font-size:14px}.footer-top p{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:24px;font-size:10px}.footer-bottom nav{order:-1;justify-content:space-between;gap:16px;width:100%}.footer-top{margin-bottom:25px}footer{padding:32px 6% 24px}}@media (max-width:700px) and (max-height:740px){.chapter-copy{min-height:166px;padding-top:14px}.chapter-copy h2{font-size:26px}.chapter-copy>p{font-size:11px}.phone-tilt,.phone-stage:hover .phone-tilt{transform:scale(.55)rotate(-3deg)}.floating-tag{font-size:7px;bottom:11%}.orbit{width:240px;height:240px}.orbit-two{width:300px;height:300px}}@media (max-width:700px) and (min-height:870px){.phone-tilt,.phone-stage:hover .phone-tilt{transform:scale(.82)rotate(-3deg)}}@media (max-height:500px) and (orientation:landscape){.tour-stage{grid-template-rows:35px 1fr 63px;grid-template-columns:1fr 1fr;min-height:0;padding:0 5%}.chapter-copy{grid-area:2/1;min-height:0;padding:0}.chapter-copy h2{font-size:27px}.chapter-copy>p{font-size:11px}.phone-stage{grid-area:2/2}.phone-tilt,.phone-stage:hover .phone-tilt{transform:scale(.47)rotate(-3deg)}.tour-bottom{grid-row:3}.floating-tag{display:none}.chapter-nav{margin-bottom:6px}.chapter-nav button{font-size:8px}.orbit{width:210px;height:210px}.orbit-two{width:270px;height:270px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.phone-tilt{rotate:3deg}.tour{height:450svh}}progress.progress-track{-webkit-appearance:none;appearance:none;width:100%;color:var(--accent);border:0;display:block}progress::-webkit-progress-bar{background:#ffffff18}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}@media (max-height:380px) and (orientation:landscape){.phone-tilt,.phone-stage:hover .phone-tilt{transform:scale(.36)rotate(-3deg)}.chapter-copy h2{font-size:23px}.chapter-copy>p{font-size:10px}}.brand-logo{object-fit:contain;border-radius:10px;flex-shrink:0;width:42px;height:42px;display:block}@media (max-width:700px){.brand-logo{width:36px;height:36px}}
