@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080e19;--panel:#101927;--text:#edf4fc;--muted:#a0afc2;--line:#263348;--accent:#79e3dd;--field:#0b1320;--glow:#164647}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 15% 28%,var(--glow) -50%,transparent 65%),var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.6}body.light{color-scheme:light;--bg:#f6f8fb;--panel:#fff;--text:#152637;--muted:#566879;--line:#dce4ec;--accent:#147b78;--field:#f7f9fc;--glow:#d8eeeb}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.header{max-width:1160px;margin:auto;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:24px;font-weight:800;letter-spacing:-1px}.brand img{width:48px;height:48px;object-fit:contain;margin-right:10px}.accent{color:var(--accent)}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:700}#theme{border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);width:36px;height:36px;font-size:20px}main{max-width:1100px;margin:auto;padding:0 28px}.intro{text-align:center;padding:65px 0 42px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--accent);margin:0 0 18px}h1{font-size:clamp(38px,5.5vw,64px);line-height:1.13;letter-spacing:-3px;margin:0 0 24px}h1 span{color:var(--accent)}.intro>p:not(.eyebrow){color:var(--muted);font-size:16px}.monthly{display:inline-block;margin-top:14px;padding:8px 17px;border:1px solid var(--line);border-radius:24px;font-size:12px}.plan-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.plan,.signup{border:1px solid var(--line);border-radius:22px;padding:36px;background:var(--panel)}.plan{position:relative;overflow:hidden;border-color:var(--accent);background:linear-gradient(145deg,var(--panel),var(--field))}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-top .eyebrow{margin:0;font-size:10px}.pill{color:var(--accent);border:1px solid var(--line);padding:5px 9px;border-radius:6px;letter-spacing:1px;font-size:9px;white-space:nowrap}h2{font-size:25px;line-height:1.3;letter-spacing:-.8px;margin:20px 0 10px}.muted{color:var(--muted);font-size:14px;margin:0 0 24px}.price{font-size:58px;font-weight:800;letter-spacing:-3px;line-height:1.3;margin-top:30px}.price span{display:inline-block;font-size:13px;color:var(--muted);font-weight:500;letter-spacing:0;margin-left:12px}.renewal{font-size:12px;color:var(--muted)}.rule{height:1px;background:var(--line);margin:28px 0}h3{font-size:14px}.features{list-style:none;padding:0;font-size:14px}.features li{margin:17px 0;display:flex;gap:12px}.features li:before{content:'✓';color:var(--accent);font-weight:800}.fine{font-size:11px;color:var(--muted);line-height:1.8}.fine a{text-decoration:underline}.plan-bottom{display:flex;gap:17px;align-items:center;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:12px;color:var(--muted)}.plan-bottom>span{font-size:28px;color:var(--accent)}.plan-bottom strong{color:var(--text);font-weight:500}.signup>.eyebrow{margin:0}.signup h2{margin-top:12px}.google{display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid var(--line);padding:11px;border-radius:9px;font-size:13px;font-weight:700}.google span{font-size:20px}.divider{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin:20px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}label{display:block;font-size:12px;font-weight:700;margin:16px 0}input{display:block;width:100%;background:var(--field);border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--text);font-size:13px;margin-top:7px}label small{font-size:10px;color:var(--muted);font-weight:400}input::placeholder{color:var(--muted)}.primary{display:flex;justify-content:center;gap:16px;width:100%;border:0;border-radius:9px;padding:14px 10px;margin:23px 0 16px;background:#7ce8dd;color:#082d31;font-weight:800;font-size:13px}.primary:hover{background:#a2f1e9}.primary:disabled{opacity:.6;cursor:wait}.error{color:#ed827b;font-size:13px}.login{border-top:1px solid var(--line);padding-top:19px;margin:20px 0 0;font-size:12px;text-align:center;color:var(--muted)}.login a{color:var(--accent);font-weight:800}.back{display:block;text-align:center;font-size:13px;text-decoration:underline}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:75px 0}.faq h2{font-size:30px}.faq .eyebrow{margin:0}details{border-bottom:1px solid var(--line);padding:17px 0;font-size:13px}summary{cursor:pointer;font-weight:700}details p{color:var(--muted);font-size:13px}footer{max-width:1100px;margin:auto;border-top:1px solid var(--line);padding:28px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}footer .brand{font-size:20px}footer nav{font-size:12px}@media(max-width:760px){.header{padding:18px}.header nav{gap:18px}.header nav>a:first-child{display:none}main{padding:0 18px}.intro{padding:45px 0 32px}h1{letter-spacing:-1.8px}.plan-layout{grid-template-columns:1fr}.plan,.signup{padding:26px}.plan-top{flex-wrap:wrap}.price{font-size:50px}.faq{grid-template-columns:1fr;gap:14px;padding:48px 0}footer{flex-wrap:wrap;gap:20px;padding:22px 18px}footer>span{display:none}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Shared DropSquid artwork and website palette. */
:root{--bg:#020914;--panel:rgba(5,19,42,.94);--text:#f0f7ff;--muted:#a9bed3;--line:rgba(67,158,255,.32);--accent:#10d9ed;--field:rgba(18,43,73,.82);--squid-blue:#115df5;--squid-cyan:#10d9ed}
body{background-color:var(--bg);background-image:linear-gradient(rgba(1,8,21,.12),rgba(1,8,21,.26)),url('/assets/brand-main-dark.png');background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
body.light{--bg:#edf8ff;--panel:rgba(218,226,235,.96);--text:#172b43;--muted:#526a82;--line:rgba(89,139,183,.42);--accent:#0966ba;--field:rgba(241,247,253,.95);background-image:linear-gradient(rgba(255,255,255,.08),rgba(236,248,255,.04)),url('/assets/brand-main-light.png')}
.header{max-width:1160px;margin:18px auto 0;padding:14px 24px;border:1px solid var(--line);border-radius:15px;background:rgba(3,16,36,.9);box-shadow:0 10px 30px #00051429;backdrop-filter:blur(16px)}
.header .brand{gap:9px}.brand img{margin:0}.brand img.brand-wordmark{width:185px;height:48px;object-fit:contain;filter:drop-shadow(0 0 8px #009dff33)}
.header nav{color:#eaf5ff}.header #theme{background:#132b47;color:#eaf5ff;border-color:#315577}
.intro{padding-top:52px}.intro h1{color:#f2f9ff;text-shadow:0 4px 24px #00091788}.intro h1 span{color:#10d9ed;background:linear-gradient(180deg,#35edff,#0696ef);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro>p:not(.eyebrow){color:#bfd0e3;text-shadow:0 2px 12px #000c22}.intro .eyebrow{color:#41e7f5}.monthly{background:rgba(7,27,53,.88);color:#e0f1ff;border-color:rgba(53,167,255,.5);box-shadow:0 0 20px #0788e51a}
.plan,.signup{background:linear-gradient(145deg,rgba(9,29,57,.95),rgba(3,15,34,.96));border:1px solid rgba(71,170,255,.55);box-shadow:0 0 28px #0084ff1c,inset 0 1px 0 #ffffff14;backdrop-filter:blur(18px)}
.plan{border-color:rgba(16,217,237,.7)}.pill{background:rgba(12,88,161,.22);border-color:rgba(16,217,237,.32)}
.primary{background:linear-gradient(180deg,#11d8ee,#087ff4);color:#031327;box-shadow:0 5px 18px #0091ff47}.primary:hover{background:linear-gradient(180deg,#39e8fa,#168ffc);box-shadow:0 6px 24px #0091ff66}.google{background:linear-gradient(180deg,rgba(25,52,83,.95),rgba(15,37,65,.95));border-color:rgba(79,128,178,.55);color:#f0f5fc}.google span{color:#25a6ff}input:focus{border-color:#20c9f0}.error{color:#ff8794}
.faq{margin-top:44px;padding:32px;border:1px solid var(--line);border-radius:18px;background:rgba(5,19,42,.93);backdrop-filter:blur(16px)}footer{margin-top:34px;padding:20px 28px;background:rgba(3,16,36,.92);border:1px solid rgba(67,158,255,.3);border-radius:14px 14px 0 0;color:#a9bed3}footer .brand img.brand-wordmark{width:160px;height:40px}
body.light .intro h1{color:#102b49;text-shadow:0 2px 16px #ffffffcc}body.light .intro h1 span{background:linear-gradient(180deg,#087fae,#115df5);background-clip:text;-webkit-background-clip:text}body.light .intro>p:not(.eyebrow){color:#294965;text-shadow:0 1px 10px #ffffff}body.light .intro .eyebrow{color:#126ab0}body.light .monthly{background:rgba(229,240,250,.95);color:#204467;border-color:#83b1d2;box-shadow:none}body.light .plan,body.light .signup,body.light .faq{background:rgba(218,226,235,.96);border-color:rgba(89,139,183,.5);box-shadow:0 14px 38px #1646751c}body.light .plan{border-color:#188ac6}body.light .pill{background:#e8f4ff;border-color:#98bcd8}body.light .google{background:#edf5fc;color:#172b43;border-color:#9bb8d2}body.light .error{color:#b92337}
@media(max-width:760px){.header{margin:10px 12px 0;padding:12px}.header .brand>img:first-child{width:36px;height:36px}.header .brand img.brand-wordmark{width:130px;height:36px}.header nav{gap:12px;font-size:12px}body,body.light{background-position:36% top;background-attachment:scroll;background-size:auto 100vh;background-repeat:no-repeat}.intro{padding-top:38px}.faq{padding:24px;margin-top:30px}footer{margin:28px 18px 0}.primary{min-height:48px}}