@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');

:root{--ink:#173b36;--ink-2:#244b45;--cream:#f3f1e9;--paper:#fbfaf5;--gold:#e8bc73;--mint:#a8d7ca;--line:rgba(23,59,54,.16);--radius:28px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.site-header{height:96px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:-.02em}
.brand-mark{display:flex;align-items:flex-end;gap:3px;height:22px}
.brand-mark i{display:block;width:6px;border-radius:4px;background:var(--ink);transform:rotate(18deg)}
.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:20px;background:#4e8e82}.brand-mark i:nth-child(3){height:15px;background:var(--gold)}
nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}
.nav-pill{border:1px solid var(--line);padding:11px 18px;border-radius:999px}
.hero{min-height:690px;max-width:1240px;margin:auto;padding:92px 32px 80px;position:relative;overflow:hidden}
.eyebrow,.kicker{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(232,188,115,.2)}
h1,h2,h3,blockquote{font-family:"Manrope",sans-serif;letter-spacing:-.055em;margin:0}
h1{font-size:clamp(64px,9vw,126px);line-height:.9;max-width:900px;margin:36px 0 34px;font-weight:600}
h1 em{font-style:normal;color:#4e8e82}
.hero-copy{font-size:20px;line-height:1.6;max-width:560px;color:#49655f}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:40px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-radius:999px;padding:17px 22px;font-size:14px;font-weight:700;transition:.2s ease}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--ink);color:#fff}.button.light{background:var(--paper);color:var(--ink)}
.text-link{font-weight:700;border-bottom:1px solid var(--line);padding:10px 0}.text-link span,.button span{font-size:18px}
.orbital{position:absolute;right:0;top:80px;width:400px;height:400px;opacity:.85;pointer-events:none}
.orbit{position:absolute;border:1px solid rgba(78,142,130,.28);border-radius:50%;inset:20px;animation:spin 24s linear infinite}.orbit-two{inset:70px;border-color:rgba(232,188,115,.5);animation-direction:reverse;animation-duration:16s}
.core{position:absolute;inset:134px;border-radius:46% 54% 51% 49%;background:var(--ink);display:grid;place-items:center;color:var(--gold);font-weight:700;letter-spacing:.15em;box-shadow:0 24px 80px rgba(23,59,54,.25)}
.spark{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--gold)}.spark-one{right:20px;top:190px}.spark-two{left:83px;bottom:61px;background:#4e8e82;width:10px;height:10px}
@keyframes spin{to{transform:rotate(360deg)}}
.principles{max-width:1176px;margin:0 auto 130px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}
.principles div{padding:24px 0;display:flex;gap:18px;align-items:center}.principles div+div{border-left:1px solid var(--line);padding-left:32px}.principles strong{color:#4e8e82;font-size:12px}.principles span{font-weight:600}
.featured{background:var(--ink);color:#fff;padding:120px max(32px,calc((100vw - 1176px)/2));overflow:hidden}
.section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end;margin-bottom:80px}.section-heading .kicker,.app-copy .status{color:var(--gold)}
h2{font-size:clamp(48px,6vw,78px);line-height:1.02}.section-heading h2{margin-top:22px}.section-heading>p{color:#b7cac6;font-size:18px;line-height:1.65;max-width:480px}
.app-showcase{background:#214740;border:1px solid rgba(255,255,255,.13);border-radius:44px;min-height:690px;padding:58px;display:grid;grid-template-columns:.85fr 1.5fr;gap:20px;overflow:hidden;position:relative}
.app-icon{width:74px;height:74px;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.25)}
.status{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;margin:32px 0 18px}.status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px}
.app-copy h3{font-size:68px;line-height:.95}.app-copy>p:not(.status){color:#b7cac6;font-size:17px;line-height:1.5;max-width:310px}
.app-copy ul{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:13px;color:#e0e9e7}.app-copy li span{color:var(--gold);margin-right:10px}
.phones{position:relative;min-height:590px}.phone{position:absolute;margin:0;width:290px;height:630px;border:7px solid #101b1a;border-radius:52px;overflow:hidden;background:#eef0f4;box-shadow:0 35px 70px rgba(0,0,0,.35)}.phone img{width:100%;height:100%;object-fit:cover}.phone-main{left:50%;transform:translateX(-50%);top:10px;z-index:3}.phone-left{left:3%;top:105px;transform:rotate(-8deg);z-index:1;opacity:.85}.phone-right{right:3%;top:105px;transform:rotate(8deg);z-index:2;opacity:.9}
.manifesto{padding:130px 32px;max-width:1176px;margin:auto}.manifesto .kicker{color:#4e8e82}.manifesto blockquote{font-size:clamp(50px,7vw,88px);line-height:1.05;margin:35px 0 70px;max-width:1080px}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-left:34%}.manifesto-grid p{font-size:17px;line-height:1.7;color:#49655f}
.privacy-callout{max-width:1176px;margin:0 auto 130px;padding:54px;background:#e7bd78;border-radius:36px;display:grid;grid-template-columns:80px 1.3fr 1fr;gap:32px;align-items:center}.privacy-icon{width:65px;height:65px;border:1px solid rgba(23,59,54,.3);border-radius:50%;display:grid;place-items:center;font-size:32px}.privacy-callout h2{font-size:44px;margin-top:10px}.privacy-callout>p{line-height:1.6}.privacy-callout .button{grid-column:3;justify-self:start;background:var(--ink);color:#fff}
.closing{text-align:center;padding:80px 32px 140px}.closing .kicker{color:#4e8e82}.closing h2{font-size:clamp(72px,10vw,130px);line-height:.9;margin:26px 0 50px}.text-link.large{font-size:18px}
footer{max-width:1176px;margin:auto;padding:28px 0 46px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#58706b}.footer-brand{color:var(--ink)}footer div{display:flex;gap:24px}
.legal-hero{max-width:900px;margin:auto;padding:100px 32px 45px}.legal-hero h1{font-size:clamp(56px,8vw,96px)}.legal-hero p{font-size:19px;color:#58706b;line-height:1.6}.legal-card{max-width:900px;margin:0 auto 120px;background:var(--paper);padding:50px;border-radius:32px}.legal-card h2{font-size:30px;margin:40px 0 13px}.legal-card h2:first-child{margin-top:0}.legal-card p,.legal-card li{line-height:1.75;color:#425d58}.legal-card a{text-decoration:underline}.back-link{display:inline-block;margin-bottom:30px;font-weight:700}
@media(max-width:900px){nav a:not(.nav-pill){display:none}.orbital{opacity:.18;right:-170px}.principles{margin-left:24px;margin-right:24px}.section-heading,.app-showcase{grid-template-columns:1fr}.phones{margin-top:30px}.manifesto-grid{margin-left:0}.privacy-callout{margin-left:24px;margin-right:24px;grid-template-columns:65px 1fr}.privacy-callout>p,.privacy-callout .button{grid-column:2}.app-showcase{padding:38px 24px}.phone{width:230px;height:500px}.phones{min-height:510px}}
@media(max-width:620px){.site-header{height:78px;padding:0 20px}.brand>span:last-child{font-size:14px}.hero{padding:70px 20px 60px;min-height:620px}h1{font-size:58px}.hero-copy{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column}.principles{grid-template-columns:1fr;margin-bottom:80px}.principles div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.featured{padding:80px 20px}.section-heading{gap:20px;margin-bottom:50px}.app-copy h3{font-size:54px}.phone{width:190px;height:410px;border-width:5px;border-radius:38px}.phone-left{left:-18%}.phone-right{right:-18%}.phones{min-height:430px}.manifesto{padding:90px 20px}.manifesto blockquote{font-size:42px}.manifesto-grid{grid-template-columns:1fr;gap:10px}.privacy-callout{padding:30px 24px;grid-template-columns:1fr}.privacy-callout>*,.privacy-callout>p,.privacy-callout .button{grid-column:1}.privacy-callout h2{font-size:36px}.closing{padding-bottom:90px}.closing h2{font-size:60px}footer{margin:0 20px;align-items:flex-start;gap:25px;flex-direction:column}.legal-card{margin-left:18px;margin-right:18px;padding:30px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.button{transition:none}}