/* Folduo site. Ink #141414, lime #C8F04F, Manrope. */
:root{--gutter:24px}
@media (max-width:480px){:root{--gutter:16px}}

body{margin:0;background:#141414}
a:not([class]){color:#C8F04F}
a:not([class]):hover{color:#E2FA94}

.page{background:#141414;color:#F2F2EC;font-family:Manrope,system-ui,sans-serif;min-height:100vh}
.section-inner{max-width:1200px;margin:0 auto}

/* Header */
.header{max-width:1200px;margin:0 auto;padding:24px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#F2F2EC}
.brand-name{font-size:22px;font-weight:800;letter-spacing:-0.02em}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.nav-link{color:#C9C9C0;text-decoration:none;font-weight:600;font-size:15px;padding:12px 14px}
.nav-link[aria-current="page"]{color:#F2F2EC;font-weight:700}
.nav-cta{background:#C8F04F;color:#141414;text-decoration:none;font-weight:700;font-size:15px;padding:12px 20px;border-radius:999px}

/* Buttons */
.btn{display:inline-block;text-decoration:none;font-weight:700;font-size:17px;padding:16px 28px;border-radius:999px}
.btn-lime{background:#C8F04F;color:#141414}
.btn-outline{border:1px solid #3A3A36;color:#F2F2EC}

/* Shared type */
.eyebrow{font-size:14px;font-weight:800;color:#C8F04F;letter-spacing:0.08em}
.h2{margin:0;font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-0.03em}
.body-text{margin:0;font-size:16px;line-height:1.6;color:#B5B5AC}
.stack{display:flex;flex-direction:column}

/* Hero */
.hero{max-width:1200px;margin:0 auto;padding:56px var(--gutter) 96px;display:flex;flex-wrap:wrap;align-items:center;gap:56px}
.hero-copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:24px}
.pill{align-self:flex-start;border:1px solid #3A3A36;color:#C9C9C0;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px}
.hero h1{margin:0;font-size:clamp(40px,6vw,72px);line-height:1.02;font-weight:800;letter-spacing:-0.035em}
.hero-lede{margin:0;font-size:20px;line-height:1.55;color:#B5B5AC;max-width:520px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}
.hero-device{flex:1 1 520px;min-width:0;display:flex;justify-content:center}

/* Drawn device art */
.device{width:100%;max-width:600px;aspect-ratio:1.12;background:#0A0A0A;border:10px solid #2A2A28;border-radius:34px;box-sizing:border-box;position:relative;overflow:hidden;display:flex;gap:6px;padding:30px 8px 8px}
.device-fold{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#262624}
.app{flex:1 1 0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}
.app-a{background:#EDEDE6}
.app-b{background:#E4E4DC}
.bar{height:10px;background:#D6D6CD;border-radius:4px}
.bar-title{height:14px}
.app-a .bar-title{width:55%;background:#CFCFC6}
.app-b .bar-title{width:40%;background:#C9C9C0}
.app-b .bar{background:#D2D2C9}
.app-b .bar-title{background:#C9C9C0}
.block{height:80px;background:#DADAD2;border-radius:10px}
.w-90{width:90%}.w-75{width:75%}.w-95{width:95%}.w-85{width:85%}.w-60{width:60%}
.chips{display:flex;gap:8px;align-items:center}
.chip{height:30px;border-radius:999px}
.chip-dark{width:96px;background:#141414;outline:3px solid #C8F04F;outline-offset:3px}
.chip-light{width:70px;background:#D6D6CD}
.pad{position:absolute;bottom:22px;width:31%;aspect-ratio:1;background:rgba(20,20,20,0.82);border:1px solid #3A3A36;border-radius:22px}
.pad-left{left:22px}
.pad-right{right:22px}
.pad-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#C8F04F}
.pad-v{position:absolute;left:50%;top:14%;bottom:14%;width:2px;margin-left:-1px;background:#4A4A45}
.pad-h{position:absolute;top:50%;left:14%;right:14%;height:2px;margin-top:-1px;background:#4A4A45}
.pad-tap{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:12px;background:#C8F04F;color:#141414;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}

/* Problem */
.problem{max-width:1200px;margin:0 auto;padding:24px var(--gutter) 96px;display:flex;flex-wrap:wrap;align-items:center;gap:56px}
.problem-device{flex:1 1 460px;min-width:0;display:flex;justify-content:center}
.reach{width:100%;max-width:520px;aspect-ratio:1.12;background:#0A0A0A;border:10px solid #2A2A28;border-radius:34px;box-sizing:border-box;position:relative;overflow:hidden}
.reach-hatch{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#1A1A19 0px,#1A1A19 10px,#141413 10px,#141413 20px)}
.reach .device-fold{background:#2C2C2A}
.reach-zone{position:absolute;bottom:-26%;width:56%;aspect-ratio:1;border-radius:50%;background:rgba(200,240,79,0.22);border:2px solid #C8F04F}
.reach-zone-l{left:-22%}
.reach-zone-r{right:-22%}
.reach-label{position:absolute;left:0;right:0;top:30%;display:flex;flex-direction:column;align-items:center;gap:6px}
.reach-label span{background:#141414;border:1px solid #3A3A36;color:#F2F2EC;font-size:15px;font-weight:700;padding:8px 16px;border-radius:999px}
.thumb{position:absolute;bottom:7%;color:#141414;background:#C8F04F;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px}
.thumb-l{left:6%}
.thumb-r{right:6%}
.problem-copy{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:28px}
.problem-head{display:flex;flex-direction:column;gap:14px}
.problem-head .h2{line-height:1.08}
.problem-list{display:flex;flex-direction:column;gap:20px}
.problem-item{display:flex;flex-direction:column;gap:6px}
.problem-item h3{margin:0;font-size:19px;font-weight:700}

/* Bands (features, pricing) */
.band{background:#1B1B1A;border-top:1px solid #262624;border-bottom:1px solid #262624}
.band-inner{max-width:1200px;margin:0 auto;padding:96px var(--gutter);display:flex;flex-direction:column;gap:48px}
.band-inner .h2.narrow{max-width:720px}
.grid-260{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.grid-300{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.card{background:#222220;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:14px}
.card h3{margin:0;font-size:22px;font-weight:700}

/* How it works */
.how{max-width:1200px;margin:0 auto;padding:96px var(--gutter);display:flex;flex-direction:column;gap:48px}
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
.step{display:flex;flex-direction:column;gap:12px;border-top:2px solid #C8F04F;padding-top:20px}
.step-num{font-size:14px;font-weight:800;color:#C8F04F}
.step h3{margin:0;font-size:22px;font-weight:700}

/* Privacy band */
.privacy-band{max-width:1200px;margin:0 auto;padding:0 var(--gutter) 96px}
.privacy-band-box{background:#C8F04F;color:#141414;border-radius:28px;padding:48px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
@media (max-width:480px){.privacy-band-box{padding:32px 24px}}
.privacy-band-copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px}
.privacy-band-copy .h2{font-size:clamp(28px,3.4vw,40px)}
.privacy-band-copy p{margin:0;font-size:18px;line-height:1.55;color:#2E3A10}
.btn-ink{background:#141414;color:#F2F2EC;text-decoration:none;font-weight:700;font-size:16px;padding:16px 26px;border-radius:999px}

/* Pricing */
.plans-head{display:flex;flex-direction:column;gap:14px}
.plans-lede{margin:0;font-size:19px;line-height:1.55;color:#B5B5AC;max-width:620px}
.grid-380{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px;align-items:stretch}
.plan{border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:24px}
.plan-free{background:#1C1C1B;border:1px solid #2C2C2A;color:#F2F2EC}
.plan-pro{background:#C8F04F;color:#141414}
.plan-head{display:flex;flex-direction:column;gap:6px}
.plan h3{margin:0;font-size:24px;font-weight:800}
.price{font-size:40px;font-weight:800}
.price s{font-size:24px;font-weight:700;opacity:0.6;margin-left:6px}
.plan-note{margin:6px 0 0;font-size:16px;line-height:1.5;color:#2E3A10}
.pane-row{display:flex;gap:16px}
.plan-free .pane-art{color:#C8F04F}
.plan-pro .pane-art{color:#141414}
.feat{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px;flex:1}
.feat li{display:flex;gap:12px;align-items:flex-start}
.feat .tick{flex:none;margin-top:1px}
.feat span{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.5}
.feat strong{font-size:16px;font-weight:700}
.plan-free .tick{color:#C8F04F}
.plan-free .feat span{color:#B5B5AC}
.plan-free .feat strong{color:#F2F2EC}
.plan-pro .tick{color:#141414}
.plan-pro .feat span{color:#2E3A10}
.plan-pro .feat strong{color:#141414}
.plan-btn{text-align:center}
.plan .btn{font-size:17px;padding:16px 28px}
.plan-pro .btn-ink{background:#141414;color:#F2F2EC}
@media (max-width:480px){.plan{padding:28px 24px}}

/* Get */
.get{max-width:1200px;margin:0 auto;padding:112px var(--gutter);display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.get h2{margin:0;font-size:clamp(36px,5vw,60px);font-weight:800;letter-spacing:-0.035em}
.get p{margin:0;font-size:19px;line-height:1.55;color:#B5B5AC;max-width:560px}

/* Footer */
.footer{border-top:1px solid #262624}
.footer-inner{max-width:1200px;margin:0 auto;padding:40px var(--gutter);display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;font-size:14px;color:#A3A39A}
.footer-about{display:flex;flex-direction:column;gap:8px;max-width:520px}
.footer-about strong{color:#F2F2EC;font-weight:700}
.footer-nav{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:flex-start}
.footer-nav a{color:#C9C9C0;padding:6px 0}

/* Support */
.support{max-width:1200px;margin:0 auto;padding:56px var(--gutter) 96px;display:flex;flex-wrap:wrap;gap:56px}
.support-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:40px}
.page-head{display:flex;flex-direction:column;gap:16px}
.page-title{margin:0;font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-0.035em}
.page-lede{margin:0;font-size:19px;line-height:1.55;color:#B5B5AC;max-width:600px}
.faq{display:flex;flex-direction:column;border-top:1px solid #2C2C2A}
.faq-item{padding:28px 0;border-bottom:1px solid #2C2C2A;display:flex;flex-direction:column;gap:10px}
.faq-item h2{margin:0;font-size:20px;font-weight:700}
.faq-item p{margin:0;font-size:16px;line-height:1.65;color:#B5B5AC}
.support-aside{flex:1 1 300px;min-width:0}
.mail-card{background:#1E1E1C;border:1px solid #2C2C2A;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:16px}
.mail-card h2{margin:0;font-size:22px;font-weight:800}
.mail-card p{margin:0;font-size:16px;line-height:1.6;color:#B5B5AC}
.mail-card .note{font-size:14px;color:#A3A39A;line-height:normal}
.btn-mail{align-self:flex-start;background:#C8F04F;color:#141414;text-decoration:none;font-weight:700;font-size:16px;padding:14px 24px;border-radius:999px}

/* Privacy */
.policy{max-width:760px;margin:0 auto;padding:56px var(--gutter) 96px;display:flex;flex-direction:column;gap:36px}
.policy-head{display:flex;flex-direction:column;gap:14px}
.policy-date{margin:0;font-size:15px;color:#A3A39A}
.summary{background:#1E1E1C;border:1px solid #2C2C2A;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px}
.summary h2{margin:0;font-size:20px;font-weight:800;color:#C8F04F}
.summary p{margin:0;font-size:17px;line-height:1.6;color:#D6D6CD}
.policy-section{display:flex;flex-direction:column;gap:12px}
.policy-section h2{margin:0;font-size:24px;font-weight:800}
.policy-section p{margin:0;font-size:17px;line-height:1.7;color:#C9C9C0}

/* 404 */
.notfound{max-width:760px;margin:0 auto;padding:96px var(--gutter);display:flex;flex-direction:column;align-items:flex-start;gap:20px}

/* Wordmark and endorsement (Brand board option C) */
.brand-name .duo{color:#C8F04F}
.endorse{display:flex;align-items:center;gap:12px;align-self:flex-start;margin-top:6px;text-decoration:none;color:#A3A39A;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;letter-spacing:0.3em;text-transform:uppercase}
.endorse:hover{color:#F2F2EC}
.endorse img{display:block}

/* Full legal pages (privacy, terms) */
.legal h2{margin:24px 0 0;font-size:24px;font-weight:800;line-height:1.25;scroll-margin-top:24px}
.legal h3{margin:8px 0 0;font-size:19px;font-weight:700}
.legal p,.legal li{margin:0;font-size:17px;line-height:1.7;color:#C9C9C0}
.legal ul,.legal ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.legal strong{color:#F2F2EC}
.legal a{color:#C8F04F;overflow-wrap:anywhere}
.legal table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.legal th,.legal td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid #2C2C2A;color:#C9C9C0;line-height:1.55;min-width:140px}
.legal th{color:#F2F2EC;font-weight:700;background:#1C1C1B}