:root{--navy:#061c24;--forest:#07352f;--deep:#071e22;--green:#176c53;--orange:#ff6b16;--cream:#f7f6f0;--ink:#102d37;--muted:#536c72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:white;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffab6a;outline-offset:4px}.wrap{max-width:1200px;margin:auto;padding:0 30px}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:8px}.header{position:sticky;top:0;z-index:30;background:#051d24;box-shadow:0 2px 18px #0002}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:23px;font-weight:850;letter-spacing:-1px;line-height:1.1;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:1.2px;font-weight:700;margin-top:6px;color:#c6dbd7}.brand-mark{width:39px;height:43px;display:grid;place-items:center;border:3px solid var(--orange);border-radius:14px 14px 20px 20px;font-size:35px;line-height:1;color:#fff}.orange{color:var(--orange)}nav{display:flex;gap:23px}nav a{font-size:12px;color:#dbe8e6;font-weight:750}nav a:hover,footer a:hover{color:#ff9b62}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--orange);border:2px solid var(--orange);color:white;padding:14px 24px;border-radius:11px;font-weight:800;font-size:14px;transition:transform .2s,background .2s;box-shadow:0 8px 20px #0002}.btn:hover{background:#e75b0b;transform:translateY(-2px)}.btn.small{font-size:12px;padding:11px 14px}.btn.ghost{background:#091c22aa;border-color:#d5e5e2}.btn.outline{background:var(--forest);border-color:var(--forest)}.btn.wide{width:100%}.menu{display:none;background:transparent;border:0;color:white;font-size:25px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#28574a 0%,#102d2f 43%,#071820 78%);color:white}.hero:after{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(90deg,transparent 95%,#fff 96%);background-size:55px 55px;pointer-events:none}.hero-grid{min-height:625px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:30px;position:relative;z-index:1}.hero-copy{padding:60px 0}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.8px;color:var(--orange);margin-bottom:13px}.hero h1{font-size:clamp(44px,5.2vw,75px);line-height:1.03;letter-spacing:-3px;margin:0 0 25px;font-weight:900;max-width:650px}.hero h1 em{font-style:normal;color:#ff8a40}.hero-copy>p{font-size:18px;color:#dbe7e5;max-width:530px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.micro{font-size:11px!important;line-height:1.9;color:#bbcfca!important}.micro span{color:var(--orange);padding:0 5px}.hero-art{height:570px;position:relative;display:flex;align-items:center;justify-content:center}.hero-photo{position:absolute;inset:0 -120px 0 10%;background:linear-gradient(90deg,#102b2e 0%,transparent 50%),url('assets/storm-lantern.jpg') center/cover;border-radius:50%;filter:saturate(.9);opacity:.5;mask-image:radial-gradient(ellipse,#000 28%,transparent 74%)}.hero-tag{position:absolute;right:-8px;bottom:38px;background:#071d23c9;border-left:3px solid var(--orange);padding:14px 20px;color:#cce2db;font-size:13px}.hero-tag strong{color:white}.device{position:relative;width:254px;min-height:472px;border:9px solid #171d20;border-radius:35px;background:linear-gradient(160deg,#083b36,#031b24 75%);box-shadow:0 0 0 3px #566364,0 0 0 6px #192426,0 22px 55px #0009;color:white;padding:24px 13px 15px;overflow:hidden}.device.large{width:282px;min-height:522px;transform:rotate(5deg);z-index:2;box-shadow:0 0 0 3px #7b766d,0 0 0 7px #22292c,25px 35px 70px #0009}.notch{position:absolute;top:5px;left:34%;width:32%;height:13px;border-radius:10px;background:#050e12}.device-head{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:10px;font-weight:850;padding-bottom:13px;border-bottom:1px solid #ffffff1c}.device-head>span:last-child{font-size:8px;color:#9be1bb}.device-title{font-size:20px;font-weight:850;margin:17px 0}.device-title small{display:block;color:#8eada8;font-size:8px;font-weight:500;margin-top:5px}.status{background:#0c4b45;border:1px solid #1c6e60;border-radius:12px;padding:12px;margin-bottom:12px}.status strong{display:block;font-size:12px}.status span{font-size:10px;color:#b7d4cd}.progress{height:7px;border-radius:10px;background:#255e5b;margin-top:10px}.progress i{display:block;background:var(--orange);width:75%;height:100%;border-radius:10px}.device-row{display:flex;align-items:center;gap:8px;padding:12px 5px;border-bottom:1px solid #ffffff1b;font-size:11px}.device-row>span{color:var(--orange);font-size:17px}.device-row b{margin-left:auto;font-size:9px;color:#8dd6b4}.device-row b.pending{color:#ffab69}.device-bottom{position:absolute;bottom:12px;left:15px;right:15px;display:flex;justify-content:space-around;border-top:1px solid #ffffff2b;padding-top:10px;color:#b7dbd3}.trust{background:#f0f3ee;border-bottom:1px solid #dbe3dd}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:18px;padding-bottom:18px}.trust-grid span{display:flex;align-items:center;gap:12px;color:#205f50;font-size:20px}.trust-grid b{font-size:11px;color:#365651}.section{padding:90px 0}.light{background:#fafbf8}.section-intro{max-width:730px;margin-bottom:40px}.section h2{font-size:clamp(32px,4vw,49px);letter-spacing:-1.7px;line-height:1.12;margin:0 0 18px;font-weight:850}.section h2 span{color:#247a5d}.section-intro p,.section-lead{color:#5c7375;font-size:16px;max-width:720px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:29px;background:white;border:1px solid #e2eae4;border-radius:17px;box-shadow:0 6px 28px #122c2010}.feature-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:13px;background:#e5f2e9;color:#177451;font-size:29px}.feature h3{font-size:18px;margin:19px 0 7px}.feature p{color:#577078;font-size:14px;margin:0 0 19px}.feature-id{font-size:10px;letter-spacing:.5px;font-weight:850;color:#b35b26}.dark{background:#071e23;color:white}.dark .section-lead{color:#afc9c6}.situations{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:34px}.situation{height:345px;border:1px solid #3d6059;border-radius:16px;overflow:hidden;display:flex;align-items:end;background-image:linear-gradient(0deg,#02191bf5,#092a2890 45%,#02191b00 85%),var(--bg);background-size:cover;background-position:center;transition:transform .2s}.situation:hover{transform:translateY(-5px)}.situation-content{padding:23px}.situation-content span{color:#ff9555;font-size:10px;letter-spacing:1.3px;font-weight:850}.situation h3{font-size:21px;line-height:1.16;margin:10px 0}.situation p{font-size:12px;color:#d3e3de;margin:0}.demo-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:30px}.demo-tabs{display:flex;flex-direction:column;gap:10px}.demo-tabs button{border:1px solid #d8e5dd;background:white;color:#365e58;border-radius:12px;text-align:left;padding:17px 20px;cursor:pointer}.demo-tabs button.active{background:#0d473e;color:white;border-color:#0d473e}.demo-tabs strong{display:inline-block;margin-left:13px;font-size:16px}.demo-tabs small{display:block;margin-left:34px;color:#7d9993;font-size:12px}.demo-tabs button.active small{color:#c1dbd2}.demo-stage{border-radius:22px;background:radial-gradient(ellipse at center,#c7ded4,#eaf1e9);min-height:565px;display:flex;align-items:center;justify-content:center;gap:35px;padding:30px}.demo-device{flex-shrink:0;transform:scale(.96)}.demo-note{max-width:175px}.demo-note b{color:#175e4d}.demo-note p{font-size:13px;color:#506b66}.demo-note a{font-size:12px;font-weight:800;color:#c75c21}.screen-title{font-size:18px;font-weight:800;margin:16px 0}.screen-sub{font-size:10px;color:#c1d7d0;margin-bottom:12px}.screen-box{padding:13px;border:1px solid #256558;background:#0d463f;border-radius:10px;margin:9px 0;font-size:11px}.screen-box strong{display:block;font-size:12px}.screen-box small{color:#b3d2c9;font-size:9px}.screen-list{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff22;padding:9px 2px;font-size:10px}.screen-list span:last-child{color:#a3e4bd}.screen-action{background:#ff711f;border-radius:8px;text-align:center;padding:10px;font-size:11px;font-weight:850;margin-top:15px}.screen-map{height:220px;background:repeating-linear-gradient(30deg,#87bda4 0 2px,#b3c9a4 2px 31px,#a2bda3 31px 34px);border-radius:10px;position:relative}.screen-map:before{content:'⌖  Meeting point';position:absolute;left:30%;top:44%;background:#083e38;color:white;border-radius:7px;padding:8px;font-size:10px}.compare-section{background:#f0f5f0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-card{background:white;border-radius:20px;overflow:hidden;border:1px solid #d5e4da;box-shadow:0 15px 40px #123e2a12}.product-top{padding:29px;background:linear-gradient(120deg,#e8f6eb,#f6fbf4);min-height:265px}.product-card.pro .product-top{background:linear-gradient(120deg,#0b413b,#062a2b);color:white}.pill{display:inline-block;background:#c9e9d2;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:900;letter-spacing:1px;color:#165e42}.pro .pill{background:#276f5c;color:#e1f8ec}.product-top h3{font-size:30px;margin:16px 0 3px;letter-spacing:-1px}.product-top h3 span{color:#ed6d23}.product-top p{font-size:14px;margin:0}.product-symbol{margin-top:19px;color:#155f47;font-size:43px;font-weight:900;line-height:1}.product-symbol small{font-size:10px;letter-spacing:1px;margin-left:10px;vertical-align:middle}.pro .product-symbol{color:#d7f1e2}.connection{color:#ff7726}.product-body{padding:28px}.product-body ul{list-style:none;padding:0;margin:0 0 25px}.product-body li{padding:9px 0 9px 26px;position:relative;font-size:14px}.product-body li:before{content:'✓';position:absolute;left:0;color:#158154;font-weight:900}.comparison{margin-top:38px;background:white;padding:28px;border-radius:17px}.comparison h3{margin:0 0 18px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px}th,td{padding:15px;text-align:left;border-bottom:1px solid #e4e9e6;font-size:13px}thead{background:#0b3b35;color:white}tbody th{font-weight:750}.steps-section{background:#062b2a;color:white}.steps-section .section-lead{color:#bcd5cc}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:42px}.steps>div{border-top:2px solid #48776a;padding-top:20px}.steps span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--orange);font-weight:900}.steps h3{font-size:16px;margin:17px 0 8px}.steps p{font-size:12px;color:#c4dcd5}.important{margin-top:35px;background:#194d43;border-left:4px solid var(--orange);padding:18px 23px;font-size:13px}.roadmap{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.roadmap p{color:#607976}.roadmap-card{background:#eaf2e9;padding:30px;border-radius:18px}.roadmap-card h3{font-size:17px}.roadmap-card p{font-size:14px}.roadmap-card a{color:#c85b19;font-weight:800}.narrow{max-width:870px}.faq-section{background:white}.faq-section details{border-bottom:1px solid #dce6df;padding:19px 0}.faq-section summary{font-size:17px;font-weight:800;cursor:pointer;list-style-position:outside}.faq-section details p{font-size:14px;color:#58716c}.closing{background:radial-gradient(ellipse at 60% 30%,#145b4a,#061f25 75%);color:white;padding:100px 0;text-align:center}.closing h2{font-size:clamp(35px,5vw,60px);line-height:1.13;letter-spacing:-2px;margin:10px 0}.closing h2 span{color:#ff8a3c}.closing p{color:#c7ddd5;max-width:570px;margin:0 auto 25px}.closing .micro{margin:20px auto 0}footer{background:#041820;color:#c3d8d5;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-grid p{font-size:12px}.footer-grid h3{font-size:14px;color:white}.footer-grid>div:not(:first-child) a{display:block;font-size:12px;margin:9px 0}.footer-bottom{border-top:1px solid #254448;margin-top:45px;padding-top:23px;font-size:10px;color:#91aaa6}.footer-bottom p:first-child{max-width:900px}@media(max-width:1050px){nav{gap:11px}nav a{font-size:11px}.header .btn.small{display:none}.hero-grid{grid-template-columns:1fr 1fr}.situations{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.wrap{padding:0 20px}.nav{height:68px}.brand{font-size:19px}.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:68px;background:#071e24;flex-direction:column;padding:18px 25px;gap:17px}nav.open{display:flex}nav a{font-size:15px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:64px 0 5px}.hero h1{letter-spacing:-2px}.hero-art{height:520px}.hero-tag{right:0;bottom:15px}.trust-grid{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}.features-grid{grid-template-columns:repeat(2,1fr)}.demo-layout,.roadmap{grid-template-columns:1fr}.demo-stage{min-height:540px}.product-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:490px){.hero h1{font-size:46px}.hero-copy>p{font-size:16px}.actions .btn{width:100%}.trust-grid,.features-grid,.situations{grid-template-columns:1fr}.situation{height:280px}.steps{grid-template-columns:1fr 1fr}.demo-stage{flex-direction:column;gap:10px;padding:30px 10px}.demo-note{max-width:270px;text-align:center}.demo-device{transform:scale(.9);margin:-20px 0}.product-top h3{font-size:26px}.hero-art{height:535px}.hero-tag{bottom:0}.section h2{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
