:root{--night:#030a12;--navy:#071725;--panel:#0b2032;--blue:#168fe5;--electric:#4cc9ff;--sky:#91ddff;--ice:#f7fbff;--silver:#c0cfda;--slate:#8095a6;--border:rgba(144,190,218,.17);--max:1220px;--mint:#63edc5;--radius:24px;--shadow:0 30px 90px rgba(0,0,0,.38)}
html{background:#030a12}body{min-height:100vh;background:radial-gradient(ellipse 80% 50% at 75% 0,rgba(16,116,177,.17),transparent 66%),linear-gradient(180deg,#050e18 0,#030a12 70%);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;letter-spacing:-.008em}body:before{z-index:0;opacity:.7;background:linear-gradient(rgba(125,193,230,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(125,193,230,.028) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 72%)}main,.footer{position:relative;z-index:1}.topbar{position:sticky;z-index:20}.wrap{width:min(var(--max),calc(100% - 56px))}
.topbar{top:0;border:0;background:rgba(3,10,18,.72);backdrop-filter:blur(24px) saturate(140%)}.topbar:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(76,201,255,.28),transparent)}.nav{height:76px}.logo img{width:202px}.links{gap:8px}.links a{padding:9px 13px;border-radius:999px;color:#9dafbc;font-size:13px;transition:color .2s,background .2s}.links a:hover,.links a.active{color:var(--ice);background:rgba(143,205,237,.09)}.links a[href*="printful"]{color:var(--sky)}.button,.links .button{min-height:48px;padding:0 22px;border:1px solid rgba(92,205,255,.5);border-radius:999px;background:linear-gradient(135deg,#0da1ec,#2277e6);box-shadow:0 10px 28px rgba(14,129,221,.25);letter-spacing:0}.button:hover{border-color:#8de1ff;background:linear-gradient(135deg,#35c4ff,#2a89f0);box-shadow:0 15px 36px rgba(14,129,221,.35);transform:translateY(-2px)}.button.secondary{border-color:var(--border);background:rgba(255,255,255,.035);box-shadow:none}.button.secondary:hover{border-color:rgba(76,201,255,.48);background:rgba(76,201,255,.08)}
.hero{min-height:760px;padding:88px 0 100px;grid-template-columns:1.15fr .85fr;gap:90px}.kicker{color:var(--mint);font-size:11px;letter-spacing:.19em}.kicker:before{width:24px;background:var(--mint)}.hero h1,.page-hero h1{margin:22px 0 28px;color:#fff;font-weight:720;line-height:.89;letter-spacing:-.072em;text-wrap:balance}.hero h1{font-size:clamp(66px,8vw,112px)}.hero h1 span,.page-hero h1 span,.accent{background:linear-gradient(110deg,#4cc9ff,#7de7ff 48%,#63edc5);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:720}.lede{max-width:670px;color:#aebfcb;font-size:clamp(18px,1.7vw,22px);line-height:1.55}.actions{margin-top:38px}.trust{gap:12px;margin-top:38px}.trust span{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);color:#8fa3b2;font-size:11px}.trust span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);vertical-align:1px}
.device{padding:9px;border-radius:56px;background:linear-gradient(145deg,#aac1d0,#31495c 25%,#07111a 70%,#7897aa);box-shadow:0 60px 130px rgba(0,0,0,.58),0 0 100px rgba(24,156,230,.14)}.real-device{width:min(350px,72vw);transform:rotate(1.5deg)}.real-device:after{content:"";position:absolute;z-index:-1;inset:13% -30%;border-radius:50%;background:radial-gradient(circle,rgba(61,196,255,.22),transparent 67%);filter:blur(25px)}.screen{border-color:rgba(160,203,226,.35)}.radar-device{transform:rotate(-2deg)}
.signal-bar{position:relative;margin-top:-30px;padding-bottom:54px}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--border);border-radius:20px;background:rgba(7,23,37,.72);box-shadow:0 24px 80px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.signal-item{padding:20px 23px;border-right:1px solid var(--border)}.signal-item:last-child{border:0}.signal-item small,.signal-item strong{display:block}.signal-item small{color:var(--slate);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.signal-item strong{margin-top:5px;color:var(--ice);font-size:14px}.signal-item strong:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}
.section{padding:120px 0}.section.alt{border-block:1px solid var(--border);background:linear-gradient(180deg,rgba(8,26,41,.66),rgba(5,17,28,.48))}.section-head{max-width:760px;margin-bottom:58px}.section h2{font-weight:690;letter-spacing:-.055em;text-wrap:balance}.section-head p,.muted{color:#9db0bd}.grid-3{gap:20px}.card{position:relative;overflow:hidden;padding:34px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,rgba(14,40,61,.84),rgba(6,21,34,.74));box-shadow:0 20px 60px rgba(0,0,0,.13);transition:transform .25s,border-color .25s,box-shadow .25s}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(76,201,255,.055),transparent 70%);transform:translateX(-100%);transition:transform .6s}.card:hover{border-color:rgba(76,201,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.25);transform:translateY(-4px)}.card:hover:after{transform:translateX(100%)}.icon{width:48px;height:48px;margin-bottom:48px;border-color:rgba(76,201,255,.3);border-radius:15px;background:rgba(76,201,255,.07);color:var(--electric)}.card h3{font-size:21px;letter-spacing:-.025em}.card p{color:#9dafbc;line-height:1.65}.feature-link{position:relative;z-index:1;color:var(--sky)}
.split{gap:100px}.checklist li{padding:16px 0;border-color:var(--border)}.checklist li:before{color:var(--mint)}.screenshots{gap:28px}.shot{border-color:var(--border);border-radius:38px;background:var(--panel);box-shadow:0 35px 100px rgba(0,0,0,.42)}.shot:nth-child(2){margin-top:55px}.shot:hover{border-color:rgba(76,201,255,.45);transform:translateY(-8px)}.product-pair img,.hero-product img,.detail-shot img{border-color:var(--border);box-shadow:var(--shadow)}.cta{overflow:hidden;padding:92px 30px;border-color:rgba(76,201,255,.22);border-radius:32px;background:radial-gradient(circle at 50% 120%,rgba(56,195,255,.3),transparent 56%),linear-gradient(145deg,#0b2941,#061624);box-shadow:0 30px 90px rgba(0,0,0,.25)}
.page-hero{overflow:hidden;padding:125px 0 100px;border-color:var(--border);background:radial-gradient(ellipse 50% 100% at 80% 30%,rgba(37,154,220,.15),transparent 70%)}.page-hero:after{content:"";position:absolute;width:480px;height:480px;right:-170px;top:-260px;border:1px solid rgba(80,196,255,.14);border-radius:50%;box-shadow:0 0 0 70px rgba(80,196,255,.025),0 0 0 140px rgba(80,196,255,.018)}.page-hero h1{font-size:clamp(58px,7.5vw,94px)}.feature-row{grid-template-columns:320px 1fr;gap:80px;margin:0;padding:78px 30px;border-color:var(--border);transition:background .2s}.feature-row:hover{background:linear-gradient(90deg,rgba(76,201,255,.035),transparent)}.feature-row h2{font-size:34px}.notice{border-radius:0 16px 16px 0;background:rgba(12,42,65,.65)}.comparison{overflow:hidden;border:1px solid var(--border);border-radius:20px;border-collapse:separate;border-spacing:0}.comparison th{background:#0b2840;color:var(--sky)}.comparison th,.comparison td{border-color:var(--border)}.faq details{padding:24px 0;border-color:var(--border)}
.comparison-wrap{overflow-x:auto}.access-comparison{min-width:720px}.access-comparison th{width:50%}.access-comparison td{vertical-align:top;padding:24px 28px}.access-comparison ul{margin:0;padding-left:20px}.access-comparison li{margin:0 0 10px}.access-comparison li:last-child{margin-bottom:0}.access-comparison code{color:var(--sky)}.access-comparison .comparison-category th{width:auto;padding:12px 20px;background:rgba(22,143,229,.13);color:var(--electric);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.availability-note{margin:18px 0 0;color:var(--slate);font-size:12px}.page-hero .actions{position:relative;z-index:1}@media(max-width:600px){.comparison-wrap{overflow:visible}.access-comparison{display:block;min-width:0}.access-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.access-comparison tbody,.access-comparison tr,.access-comparison td,.access-comparison .comparison-category th{display:block;width:100%}.access-comparison td{padding:18px 16px}.access-comparison td+td{border-top:1px dashed var(--border)}.access-comparison td:before{display:block;margin-bottom:12px;color:var(--sky);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.access-comparison td:first-child:before{content:"Free"}.access-comparison td:nth-child(2):before{content:"Mammatus Weather Pro"}.access-comparison .comparison-category th{padding:12px 16px}}
.footer{padding-top:72px;border-color:var(--border);background:linear-gradient(180deg,transparent,rgba(7,23,37,.7))}.footer a{transition:color .2s}.copyright{border-color:var(--border)}
.roadmap-layout{gap:70px}.request-panel{top:100px;padding:34px;border-color:var(--border);border-radius:26px;background:linear-gradient(150deg,rgba(14,43,65,.95),rgba(6,20,33,.92));box-shadow:0 30px 80px rgba(0,0,0,.24)}.field input,.field select,.field textarea,.filters select{border-color:var(--border);border-radius:12px;background:rgba(3,14,24,.72)}.request-card{padding:28px;border-color:var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(11,34,52,.82),rgba(5,18,30,.74));transition:transform .2s,border-color .2s}.request-card:hover{border-color:rgba(76,201,255,.3);transform:translateY(-2px)}.vote{border-color:var(--border);border-radius:14px;background:rgba(2,13,22,.7)}.badge{border-radius:999px}.empty,.loading{border-radius:20px}
@media(max-width:900px){.wrap{width:min(var(--max),calc(100% - 38px))}.menu{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;cursor:pointer;line-height:1}.menu:focus-visible{outline:2px solid var(--electric);outline-offset:2px}.menu[aria-expanded="true"]{border-color:var(--border);background:rgba(76,201,255,.07)}.links{top:76px;z-index:1;max-height:calc(100dvh - 76px);gap:5px;padding:20px;overflow-y:auto;border-color:var(--border);background:#04101b;box-shadow:0 24px 60px rgba(0,0,0,.55);backdrop-filter:blur(20px)}.links a{width:100%;padding:12px 14px}.links .button{margin-top:7px}.hero,.split{grid-template-columns:1fr}.hero{min-height:auto;padding-top:80px}.signal-grid{grid-template-columns:1fr 1fr}.signal-item:nth-child(2){border-right:0}.signal-item:nth-child(-n+2){border-bottom:1px solid var(--border)}.grid-3{grid-template-columns:1fr 1fr}.feature-row{grid-template-columns:1fr;gap:24px}.roadmap-layout{gap:45px}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.logo img{width:180px}.hero{padding:65px 0 85px;gap:75px}.hero h1,.page-hero h1{font-size:clamp(50px,16vw,70px)}.section{padding:85px 0}.section h2{font-size:40px}.grid-3{grid-template-columns:1fr}.signal-item{padding:17px}.signal-item strong{font-size:12px}.cta{padding:64px 18px;border-radius:24px}.request-panel{padding:24px 18px}.feature-row{padding:52px 6px}.page-hero{padding:85px 0 70px}.shot:nth-child(2){margin-top:0}}
.copyright{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:12px 40px}.product-pair{grid-template-columns:repeat(2,minmax(0,360px));gap:clamp(28px,5vw,64px)}@media(max-width:700px){.product-pair{grid-template-columns:minmax(0,1fr);gap:34px}.product-pair figure,.product-pair figure:nth-child(2){width:min(100%,340px);margin:0 auto}.screenshots{grid-template-columns:minmax(0,1fr)}.shot,.shot:nth-child(2){width:min(100%,420px);margin:0 auto}.real-device,.radar-device{width:min(78vw,340px);transform:none}}

/* Keep the mobile layout full-width while preserving readable edge gutters. */
@media(max-width:600px){
  .wrap{width:100%;max-width:none;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .hero{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
}