@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#061718;--panel:#0b2021;--line:#ffffff17;--text:#eef2e9;--muted:#99aaa5;--mint:#c5efda;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:wait}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.nav{height:105px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font:700 23px 'Manrope',sans-serif;letter-spacing:4px}.wordmark img{width:38px;height:38px;object-fit:cover;border-radius:50%}.wordmark>span{font:9px 'DM Sans';letter-spacing:2px;margin-left:17px;border-left:1px solid #ffffff38;padding-left:24px;color:var(--muted)}nav{display:flex;gap:34px;font-size:12px;color:#c6cfc7}nav a{transition:color .25s}nav a:hover{color:white}.button{border:1px solid var(--mint);background:var(--mint);color:#102725;padding:18px 23px;font-weight:600;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:3px;transition:transform .3s,background .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);background:#e2ffed;box-shadow:0 10px 40px #94e6b322}.button.small{padding:13px 18px;font-size:11px}.button.outline{background:transparent;color:var(--mint);border-color:#c5efda55}.button.full{width:100%;justify-content:space-between}.text-button{border:0;background:transparent;color:var(--text);padding:16px 0;display:flex;gap:20px;font-size:12px}.text-button span{transition:transform .3s}.text-button:hover span{transform:translateX(6px)}.hero{position:relative;isolation:isolate;min-height:850px;overflow:hidden}.hero-image{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,var(--bg) 1%,#061718ee 12%,#06171818 48%,#06171800 100%),url('hero.png') right center/cover no-repeat;animation:surface 20s ease-in-out infinite alternate}#tides{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.4;pointer-events:none}.hero-copy{padding-top:89px;position:relative}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:500;color:var(--mint);line-height:1.7}.eyebrow i,.desk-aside-note i{display:inline-block;background:var(--mint);height:5px;width:5px;border-radius:50%;margin-right:9px;box-shadow:0 0 15px #b9efbb66}h1{font:400 clamp(76px,7.9vw,120px)/.98 var(--serif);letter-spacing:-5px;margin:38px 0 30px;animation:emerge 1.3s cubic-bezier(.2,.7,.2,1) both}h1 em,h2 em{font-weight:400;color:var(--mint)}.hero-copy>p{font-size:14px;line-height:1.9;color:#b0bdb4;animation:emerge 1.5s .15s both}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:32px;animation:emerge 1.6s .25s both}.hero-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:20px;margin-top:65px;font-size:8px;letter-spacing:1.6px;color:#bccdc3}.scroll-cue{position:absolute;right:36px;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;display:flex;gap:20px;color:#d7e2d388}.manifesto{padding:145px 0 120px;text-align:center;max-width:940px}.manifesto h2{font-size:67px;margin:25px 0}.manifesto h2 span{color:#90a69c}.manifesto>p{max-width:580px;margin:30px auto;color:var(--muted);line-height:1.9;font-size:16px}h2{font:400 66px/1.08 var(--serif);letter-spacing:-2px;margin:23px 0 30px}h3{font:400 29px/1.25 var(--serif);letter-spacing:-.5px}.principles{display:flex;justify-content:center;gap:25px;font-size:8px;letter-spacing:1.4px;margin-top:50px}.principles span+span{border-left:1px solid var(--line);padding-left:25px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.section-number{font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:35px}.method{padding:40px 0 120px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid #b9e0cb55;padding-top:20px}.step-index{font-size:9px;letter-spacing:2px;color:var(--muted)}.step-art{height:210px;margin:25px 0 35px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#2c4f3c66,transparent 65%),#0a1d1e;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.art-one div{width:75px;height:96px;border:1px solid #bdddc577;border-radius:12px;transform:rotate(-15deg);box-shadow:inset 0 0 45px #b0ddbc22,12px 10px 0 #0b2020,13px 11px 0 #bdddc555;animation:float 7s ease-in-out infinite}.art-one>span{position:absolute;bottom:24px;font-size:8px;letter-spacing:2px;color:var(--muted)}.art-two>span{font:10px monospace;border:1px solid #b5d0bd55;border-radius:30px;padding:15px 22px;background:#061718;z-index:1}.art-two b{font-weight:400;color:var(--mint)}.art-two i{position:absolute;width:200px;height:200px;border:1px solid #c5efda22;border-radius:50%;animation:pulse 4s ease-in-out infinite}.art-three>span{font-size:8px;letter-spacing:2px;width:64px;height:64px;display:grid;place-items:center;border:1px solid #bde3c677;border-radius:50%;background:#ffffff05}.art-three i{font:35px var(--serif);padding:0 25px;color:var(--mint);animation:float 6s ease-in-out infinite}.steps h3{margin-bottom:14px}.steps p{color:var(--muted);font-size:13px;line-height:1.9;max-width:330px}.impact-section{background:#dbe3d7;color:#172e2a;padding:105px 0}.impact{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.impact .eyebrow{color:#526e5f}.impact h2{font-size:58px}.impact h2 em{color:#64816f}.impact p{line-height:1.9;color:#5f7268;max-width:420px}.range-label{display:flex;justify-content:space-between;margin-top:35px;font-size:11px}.range-label output{font-weight:700}.impact input{width:100%;accent-color:#315c48;margin:20px 0}.impact small{font-size:10px;line-height:1.8;color:#6c7f73;display:block;max-width:420px}.impact-card{background:#eff2e9;border:1px solid #244c3622;border-radius:4px;padding:32px;box-shadow:0 35px 60px #25402b14}.impact-heading{font-size:8px;letter-spacing:2px;color:#6b8072}.chart{height:210px;margin-top:45px;position:relative}.chart-grid{position:absolute;inset:0;background:linear-gradient(#4d715322 1px,transparent 1px);background-size:100% 40px}.chart svg{width:100%;height:100%;overflow:visible}.chart path{fill:none;stroke-width:2}.pool-line{stroke:#b39c82;stroke-dasharray:5 5}.otc-line{stroke:#2d6b48}.chart-label{position:absolute;left:10px;top:20px;font-size:8px;letter-spacing:1px;color:#2d6b48}.impact-metrics{display:flex;gap:40px;border-top:1px solid #193d2922;padding-top:25px}.impact-metrics span{display:block;font-size:7px;letter-spacing:1px;color:#5a7163}.impact-metrics strong{font:40px var(--serif);display:block;margin-top:13px;font-weight:400}.impact-metrics .mint{color:#36734d}.impact-card>p{font-size:9px}.privacy{padding:150px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.privacy-symbol{height:480px;position:relative;display:grid;place-items:center}.privacy-symbol>span{font:9px/2 'DM Sans';letter-spacing:3px;text-align:center;color:var(--mint)}.orbit{border:1px solid #b3dbc02e;border-radius:50%;position:absolute;width:360px;height:360px;box-shadow:inset 0 0 60px #a8d3aa05;animation:orbit 20s linear infinite}.orbit.one{transform:rotateX(55deg) rotate(20deg)}.orbit.two{transform:rotateY(55deg) rotate(50deg);animation-delay:-7s}.orbit.three{transform:rotateX(40deg) rotateY(50deg);animation-delay:-14s}.privacy h2{font-size:59px}.privacy-row{border-top:1px solid var(--line);padding:23px 0;display:flex;gap:25px}.privacy-row>span{font-size:9px;color:#7f9e90}.privacy-row h4{font-weight:500;margin:0 0 10px;font-size:13px}.privacy-row p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:400px}.desk-section{padding:20px 0 110px;scroll-margin-top:20px}.mode-tabs{display:flex;border:1px solid #b9dcc633;border-radius:30px;padding:4px;gap:4px;margin-bottom:33px}.mode-tabs button{border:0;background:transparent;color:var(--muted);border-radius:25px;padding:11px 22px;font-size:10px}.mode-tabs button.active{background:var(--mint);color:#183a2b}.desk-shell{border:1px solid #bbdbc338;border-radius:6px;display:grid;grid-template-columns:300px 1fr;overflow:hidden;background:#0b2021}.desk-shell aside{padding:35px 25px;background:#071b1c;border-right:1px solid var(--line)}.desk-shell aside>.eyebrow{display:block;font-size:8px;margin-bottom:30px;color:#839f90}.desk-nav{display:flex;justify-content:space-between;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:20px 10px;color:var(--muted);font-size:11px;text-align:left}.desk-nav.active{color:var(--mint);background:#c5efda08}.desk-aside-note{margin:100px 5px 25px;font-size:8px;letter-spacing:1px}.desk-aside-note p{font-size:10px;letter-spacing:0;line-height:1.7;color:var(--muted)}aside .button{width:100%;font-size:10px;justify-content:center}aside>small{display:block;font-size:9px;color:#7f9b8c;line-height:1.7;margin-top:15px;overflow-wrap:anywhere}.desk-main{padding:36px 50px}.notice{border-left:2px solid var(--mint);padding:12px 16px;background:#c5efda08;font-size:11px;line-height:1.6;color:#acc7b8;margin-bottom:35px}.notice.error{border-color:#f1ad91;color:#f1cbb9}.panel-heading>span{font-size:8px;letter-spacing:2px;color:#8fa99a}.panel-heading h3{font-size:35px;margin:15px 0 35px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-size:10px;color:#b9ccbe;margin:20px 0}input,select,textarea{width:100%;border:1px solid #bed8c326;background:#06171888;color:var(--text);padding:15px 14px;border-radius:3px;margin-top:9px;min-width:0}textarea{resize:vertical;overflow-wrap:anywhere}input::placeholder,textarea::placeholder{color:#678373}input:focus,select:focus,textarea:focus{outline:1px solid #badcc0;border-color:transparent}input[type=range]{padding:0;background:transparent;min-height:18px}.swap-divider{text-align:center;color:#789d84;border-top:1px solid var(--line);padding-top:10px;margin-top:25px;font-size:22px}.optional{font-size:8px;color:#748f7d;display:block;margin-top:5px}.fee-note{background:#bfd7bc08;color:#8faa97;font-size:10px;line-height:1.8;padding:15px;margin:30px 0 22px}.fee-note b{color:var(--mint)}.hidden{display:none!important}.muted{font-size:12px;color:var(--muted);line-height:1.8}.deal-card,.escrow-card{padding:25px;border:1px solid #b5dab52e;background:#06171855;margin:25px 0;border-radius:3px;overflow-wrap:anywhere}.deal-card h4{font:28px var(--serif);margin:10px 0}.deal-line{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.deal-line span{color:var(--muted)}.deal-card code,.escrow-card code{font:10px/1.6 monospace;overflow-wrap:anywhere}.deal-card a{color:var(--mint);text-decoration:underline}.escrow-card .button{font-size:10px;margin:15px 8px 0 0}.faq{border-top:1px solid var(--line);padding:105px 0;display:grid;grid-template-columns:1fr 1fr;gap:110px}.faq h2{font-size:55px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';color:var(--mint)}details[open] summary:after{content:'−'}details p{font-size:12px;line-height:1.9;color:var(--muted)}.closing{text-align:center;padding:90px 0 130px}.closing h2{font-size:87px}footer{border-top:1px solid var(--line);padding:35px 0 45px;display:flex;justify-content:space-between;align-items:center}footer>span,footer>a:last-child{font-size:8px;letter-spacing:1.5px;color:var(--muted)}dialog{background:#0b2021;border:1px solid #b9ddc455;border-radius:6px;color:var(--text);width:min(590px,calc(100% - 30px));padding:30px;max-height:90vh;overflow-y:auto;box-shadow:0 50px 180px #000a}dialog::backdrop{background:#010909bb;backdrop-filter:blur(12px)}.modal-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px}.modal-head button{border:0;background:none;color:var(--text);font-size:27px}.modal-note{font-size:10px;color:var(--muted);line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--mint);color:#143529;padding:16px 24px;max-width:90%;z-index:30;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes emerge{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes surface{from{transform:scale(1.01)}to{transform:scale(1.055)}}@keyframes float{50%{translate:0 -12px}}@keyframes pulse{50%{scale:1.22;opacity:.3}}@keyframes orbit{50%{rotate:180deg}100%{rotate:360deg}}@media(min-width:1700px){.hero-image{background-size:auto 110%;background-position:95% center}}@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.wordmark>span{display:none}.hero{min-height:820px}.hero-image{background-position:65% center;opacity:.65}.impact,.privacy{gap:45px}.steps{gap:20px}h2{font-size:54px}.impact h2,.privacy h2{font-size:48px}.orbit{width:280px;height:280px}.desk-shell{grid-template-columns:230px 1fr}.desk-main{padding:30px}.desk-shell aside{padding:30px 18px}.faq{gap:50px}.principles{font-size:7px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{height:80px}.nav nav{display:none}.nav>.button{padding:11px;font-size:9px}.wordmark{font-size:18px;gap:6px;letter-spacing:3px}.wordmark img{width:28px;height:28px}.hero{min-height:840px}.hero-copy{padding-top:65px}.hero-image{inset:0 -230px 0 -150px;background-position:64% center;opacity:.48;filter:brightness(.7)}h1{font-size:86px;letter-spacing:-4px;margin-top:35px}.eyebrow{font-size:7px;letter-spacing:1.7px}.hero-copy>p{font-size:12px}.hero-actions{gap:14px;align-items:flex-start;flex-direction:column}.hero-actions>.button{min-width:220px}.hero-footer{margin-top:47px;font-size:6px;gap:10px;line-height:1.8}.scroll-cue{display:none}.manifesto{padding:85px 0}.manifesto h2{font-size:43px}.manifesto>p{font-size:13px;padding:0 15px}.principles{gap:12px;font-size:6px}.principles span+span{padding-left:12px}.method{padding:20px 0 70px}.section-top h2{font-size:45px}.section-number{font-size:7px}.steps{grid-template-columns:1fr;gap:38px}.step-art{height:220px;margin-bottom:20px}.steps p{max-width:none}.steps h3{font-size:30px}.impact-section{padding:65px 0}.impact{grid-template-columns:1fr;gap:35px}.impact h2{font-size:45px}.impact p{font-size:12px}.impact-card{padding:22px}.privacy{padding:50px 0 70px;grid-template-columns:1fr;gap:15px}.privacy-symbol{height:320px}.orbit{width:280px;height:280px}.privacy h2{font-size:45px}.privacy-row{gap:20px}.desk-section{padding-bottom:70px}.desk-section>.section-top{display:block}.mode-tabs{display:inline-flex;margin-bottom:10px}.desk-shell{grid-template-columns:1fr}.desk-shell aside{border-right:0;border-bottom:1px solid var(--line);padding:20px}.desk-shell aside>.eyebrow{margin-bottom:10px}.desk-nav{padding:14px 8px;font-size:10px}.desk-aside-note{margin:25px 5px 16px}.desk-shell aside>.button{max-width:100%}.desk-main{padding:25px 19px}.field-row{gap:12px}.panel-heading h3{font-size:30px}.optional{font-size:7px}.faq{grid-template-columns:1fr;padding:65px 0;gap:10px}.faq h2{font-size:43px}.closing{padding:50px 0 80px}.closing h2{font-size:62px}footer{display:flex;flex-wrap:wrap;gap:25px;padding:30px 0}footer .wordmark{width:100%}footer>span,footer>a:last-child{font-size:6px}.impact-metrics strong{font-size:34px}.impact-metrics{gap:30px}.notice{font-size:10px}.deal-line{font-size:10px;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}#tides{display:none}}
.deal-line b{text-align:right;max-width:68%;overflow-wrap:anywhere;font-weight:500}.escrow-card{word-break:break-word}

html,body{max-width:100%;overflow-x:clip}
.privacy-symbol{overflow:clip}

/* Oh Tea Sea — playful tea and ocean identity */
:root{--mint:#65ead5;--serif:'Manrope','DM Sans',sans-serif}
.wordmark{letter-spacing:-1px;font-size:23px}.wordmark img{width:58px;height:58px}.wordmark>span{letter-spacing:1px}
h1,h2,h3{font-weight:800}h1{font-size:clamp(70px,7.6vw,112px);line-height:1.06;letter-spacing:-5px}h2{letter-spacing:-3px}h1 em,h2 em{font-style:normal}
.hero-image{background:linear-gradient(90deg,#061718 0%,#061718e8 25%,#06171800 60%),url('tea-cup-clean.png') right center/min(65vw,900px) auto no-repeat;background-color:#061718}.hero{min-height:800px}.button{border-radius:30px}.impact-card,.desk-shell,dialog{border-radius:22px}.step-art{border-radius:24px}.tea-sticker{width:160px;height:160px;object-fit:contain;transform:rotate(-9deg);border-radius:50%;animation:float 7s ease-in-out infinite}.manifesto{padding-top:85px}.manifesto,.method,.privacy,.faq,.closing{position:relative}.manifesto:after,.method:after,.closing:before{content:'≈  ≈  ≈';display:block;color:var(--mint);font-size:46px;letter-spacing:18px;opacity:.45;margin:25px auto;text-align:center}.step-art img{width:145px;height:145px;object-fit:contain;border-radius:50%;animation:float 7s ease-in-out infinite}.step-art .step-cup{position:absolute;width:100%;height:100%;opacity:.2;border-radius:0}.art-two>span,.art-three>span,.art-three i{z-index:1}.privacy-symbol>img{width:290px;border-radius:50%;position:absolute;opacity:.8}.privacy-symbol>span{z-index:1;background:#061718dc;border-radius:25px;padding:12px 20px;align-self:end;margin-bottom:35px}.desk-shell aside{background-image:linear-gradient(#071b1cf5,#071b1cdd),url('tea-cup-clean.png');background-size:cover,270px;background-repeat:no-repeat;background-position:center,bottom}.impact-section{background:#e1f3e8}.eyebrow{letter-spacing:1.8px}
@media(max-width:1000px){.wordmark>span{display:none}.hero-image{background-size:85vw;background-position:130% center}.hero h1{font-size:85px}}
@media(max-width:700px){.wordmark{font-size:18px;letter-spacing:-.6px}.wordmark img{width:44px;height:44px}.hero{min-height:850px}.hero-copy{padding-top:35px}.hero h1{font-size:68px;letter-spacing:-3px}.hero-image{inset:0;opacity:.65;filter:none;background:linear-gradient(#061718 5%,#06171800 65%,#061718 100%),url('tea-cup-clean.png') center bottom/105% auto no-repeat}.hero-copy>p{max-width:240px}.hero-footer{margin-top:260px}.hero-actions{gap:8px}.manifesto h2{font-size:38px}.privacy-symbol>img{width:260px}.wordmark>span{display:none}}

.flywheel{padding:85px 0;text-align:center;border-top:1px solid var(--line)}.flywheel p{max-width:650px;margin:20px auto;line-height:1.9}.flywheel h2{font-size:clamp(40px,6vw,66px)}
