html,body{overflow-x:clip;}
@keyframes orbDrift1{0%,to{transform:translate(0);}
25%{transform:translate(80px, -40px);}
50%{transform:translate(-30px, 60px);}
75%{transform:translate(50px, 20px);}}
@keyframes orbDrift2{0%,to{transform:translate(0);}
25%{transform:translate(-60px, 50px);}
50%{transform:translate(40px, -30px);}
75%{transform:translate(-20px, -60px);}}
@keyframes orbDrift3{0%,to{transform:translate(0);}
25%{transform:translate(30px, 70px);}
50%{transform:translate(-70px, -20px);}
75%{transform:translate(60px, -40px);}}
.bg-system{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}
.bg-texture{position:absolute;inset:0;background-image:radial-gradient(
circle,rgba(255, 255, 255, 0.03) 1px,transparent 1px
);background-size:24px 24px;opacity:0.5;}
.bg-orb{position:absolute;border-radius:50%;filter:blur(140px);will-change:transform;}
.bg-orb--acid{width:600px;height:600px;background:var(--acid);opacity:0.1;top:-10%;left:20%;animation:orbDrift1 25s ease-in-out infinite;}
.bg-orb--poppy{width:500px;height:500px;background:var(--poppy);opacity:0.08;top:40%;right:10%;animation:orbDrift2 30s ease-in-out infinite;}
.bg-orb--sky{width:450px;height:450px;background:var(--sky);opacity:0.07;bottom:10%;left:40%;animation:orbDrift3 22s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){.bg-orb{animation:none;}}
@media (max-width:600px){.bg-orb{filter:blur(80px);will-change:auto;animation-duration:40s;}
.bg-orb--acid{width:280px;height:280px;opacity:0.08;}
.bg-orb--poppy{width:240px;height:240px;opacity:0.06;}
.bg-orb--sky{width:200px;height:200px;opacity:0.05;}
.bg-texture{background-size:20px 20px;}}
@media (max-width:380px){.bg-orb{filter:blur(60px);}
.bg-orb--acid{width:200px;height:200px;}
.bg-orb--poppy{width:180px;height:180px;}
.bg-orb--sky{width:160px;height:160px;}}
.hero{position:relative;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px var(--pad) 80px;overflow:hidden;}
.hero-content{max-width:900px;z-index:1;display:flex;flex-direction:column;align-items:center;}
.hero-icon-scene{position:relative;margin-bottom:24px;opacity:0;animation:iconEntrance 0.8s var(--spring) 0.1s forwards;perspective:400px;perspective-origin:50% 50%;transform-style:preserve-3d;cursor:pointer;width:112px;height:112px;display:flex;align-items:center;justify-content:center;}
.hero-icon-shadow{position:absolute;width:80px;height:80px;border-radius:var(--r-small);background:radial-gradient(
ellipse,rgba(0, 0, 0, 0.5) 0%,transparent 70%
);filter:blur(10px);transform:translateZ(-20px) translateY(6px);opacity:0.3;pointer-events:none;transition:opacity 0.3s ease;}
.hero-icon-card{position:absolute;transform-style:preserve-3d;will-change:transform;}
.hero-icon{width:80px;height:80px;border-radius:var(--r-small);background:var(--bg);display:flex;align-items:center;justify-content:center;gap:5px;overflow:hidden;box-shadow:0 0 40px #e0ff4f1f,0 4px 20px #0006;transition:box-shadow 0.4s ease;}
.hero-icon-scene.tilting .hero-icon{box-shadow:0 0 60px #e0ff4f4d,0 8px 32px #00000080;}
.hero-bar{width:12.5px;border-radius:6px;will-change:transform;transform-origin:center center;}
.hero-bar--poppy{height:28px;background:var(--poppy);box-shadow:0 0 10px #ff336659;animation:barPoppy 3.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
.hero-bar--acid{height:66px;background:var(--acid);box-shadow:0 0 12px #e0ff4f59;animation:barAcid 2.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
.hero-bar--sky{height:47px;background:var(--sky);box-shadow:0 0 10px #33ccff59;animation:barSky 3.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
.hero-icon-glare{position:absolute;width:80px;height:80px;border-radius:var(--r-small);pointer-events:none;transform:translateZ(6px);will-change:transform, opacity;opacity:0;mix-blend-mode:overlay;}
@keyframes barPoppy{0%{transform:scaleY(1);}
15%{transform:scaleY(1.35);}
30%{transform:scaleY(0.9);}
50%{transform:scaleY(1.2);}
70%{transform:scaleY(0.85);}
85%{transform:scaleY(1.15);}
to{transform:scaleY(1);}}
@keyframes barAcid{0%{transform:scaleY(1);}
12%{transform:scaleY(0.75);}
28%{transform:scaleY(1.1);}
45%{transform:scaleY(0.85);}
62%{transform:scaleY(1.05);}
80%{transform:scaleY(0.9);}
to{transform:scaleY(1);}}
@keyframes barSky{0%{transform:scaleY(1);}
18%{transform:scaleY(1.25);}
35%{transform:scaleY(0.8);}
55%{transform:scaleY(1.35);}
75%{transform:scaleY(0.95);}
90%{transform:scaleY(1.1);}
to{transform:scaleY(1);}}
@keyframes iconEntrance{0%{opacity:0;transform:scale(0.5) translateY(20px);}
to{opacity:1;transform:scale(1) translateY(0);}}
.hero-headline{font-size:clamp(40px, 7vw, 72px);color:var(--ink);margin-bottom:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:0 0.3em;}
.hero-word{display:inline-block;opacity:0;transform:translateY(20px);animation:fadeUp 0.6s var(--expo) forwards;}
.hero-subhead-static{font-size:clamp(16px, 2.5vw, 20px);color:var(--dim);margin-bottom:12px;opacity:0;animation:fadeUp 0.6s var(--expo) 0.4s forwards;}
.hero-subhead-wrapper{display:flex;align-items:center;justify-content:center;gap:2px;min-height:32px;margin-bottom:28px;}
.hero-subhead{font-size:clamp(14px, 2vw, 16px);color:var(--dim2);font-style:italic;}
.hero-cursor{color:var(--acid);font-weight:300;animation:breathe 1s ease-in-out infinite;}
.hero-badges{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:32px;}
.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:var(--acid);color:var(--bg);border-radius:var(--r-button);font-size:12px;text-decoration:none;position:relative;overflow:hidden;opacity:0;transform:translateY(16px);animation:fadeUp 0.6s var(--expo) 0.6s forwards;transition:transform 0.25s var(--spring),box-shadow 0.3s;}
.hero-cta:hover{transform:scale(1.05) translateY(-2px);text-decoration:none;}
.hero-cta:active{transform:scale(0.97);}
.hero-cta:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(
105deg,transparent 20%,rgba(255, 255, 255, 0.35) 50%,transparent 80%
);animation:btnShimmerSweep 3.5s ease-in-out infinite;pointer-events:none;}
.hero-cta-icon{flex-shrink:0;}
.hero-cta-text{position:relative;z-index:1;}
.hero-badge{font-size:11px;color:var(--dim);padding:6px 14px;border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--r-badge);background:#ffffff08;}
.hero-badge-dot{color:var(--dim);font-size:8px;}
.hero-scroll-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:var(--dim2);opacity:0;animation:scrollHintFade 1s ease 2.5s forwards;}
.hero-scroll-hint svg{animation:scrollHint 2s ease-in-out infinite;}
@keyframes fadeUp{0%{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}}
@keyframes scrollHint{0%,to{opacity:0.4;transform:translateY(0);}
50%{opacity:0.8;transform:translateY(8px);}}
@keyframes scrollHintFade{to{opacity:0.5;}}
@media (max-width:600px){.hero{min-height:auto;padding:60px var(--pad) 48px;}
.hero-scroll-hint{bottom:12px;}
.hero-icon-scene{width:88px;height:88px;margin-bottom:16px;}
.hero-icon,.hero-icon-shadow,.hero-icon-glare{width:64px;height:64px;}
.hero-icon{gap:4px;}
.hero-bar{width:10px;border-radius:5px;}
.hero-bar--poppy{height:22px;}
.hero-bar--acid{height:52px;}
.hero-bar--sky{height:38px;}
.hero-headline{font-size:clamp(36px, 9vw, 48px);margin-bottom:12px;}
.hero-subhead-static{font-size:16px;margin-bottom:6px;}
.hero-subhead-wrapper{margin-bottom:20px;min-height:24px;}
.hero-subhead{font-size:14px;}
.hero-badges{gap:8px;margin-bottom:20px;}
.hero-badge-dot{display:none;}
.hero-badge{font-size:10px;padding:5px 10px;min-height:44px;display:flex;align-items:center;}
.hero-cta{padding:16px 32px;font-size:12px;min-height:48px;}}
@media (max-width:380px){.hero{padding:52px var(--pad) 40px;}
.hero-headline{font-size:32px;}
.hero-subhead-static{font-size:14px;}
.hero-subhead{font-size:13px;}
.hero-icon-scene{width:76px;height:76px;margin-bottom:12px;}
.hero-icon,.hero-icon-shadow,.hero-icon-glare{width:56px;height:56px;}
.hero-bar{width:9px;}
.hero-bar--poppy{height:20px;}
.hero-bar--acid{height:46px;}
.hero-bar--sky{height:33px;}}
@media (prefers-reduced-motion:reduce){.hero-bar--poppy,.hero-bar--acid,.hero-bar--sky{animation:none;}
.hero-word{animation:none;opacity:1;transform:none;}
.hero-icon-scene{animation:none;opacity:1;}
.hero-scroll-hint{animation:none;opacity:0.5;}
.hero-scroll-hint svg{animation:none;}
.hero-cursor,.hero-subhead-static{animation:none;opacity:1;}
.hero-cta{animation:none;opacity:1;transform:none;}
.hero-cta:before{animation:none;}}
.hiw{padding:120px 0;}
.hiw .section-tag{text-align:center;display:block;margin-bottom:20px;}
.hiw-steps{display:flex;gap:24px;}
.hiw-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;border-radius:var(--r-card);background:#ffffff08;border:1px solid rgba(255, 255, 255, 0.06);transition:border-color 0.4s ease,background 0.4s ease;}
.hiw-step:hover{border-color:color-mix(in srgb, var(--step-accent) 20%, transparent);background:color-mix(in srgb, var(--step-accent) 3%, transparent);}
.hiw-num{font-size:48px;line-height:1;margin-bottom:12px;opacity:0.9;}
.hiw-title{font-family:Space Mono,monospace;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.1em;color:var(--ink);margin-bottom:8px;}
.hiw-desc{font-size:14px;line-height:1.5;color:var(--dim);max-width:240px;}
@media (max-width:600px){.hiw{padding:64px 0;}
.hiw .section-tag{margin-bottom:16px;}
.hiw-steps{flex-direction:column;gap:10px;}
.hiw-step{flex-direction:row;text-align:left;align-items:flex-start;gap:14px;padding:18px;}
.hiw-num{font-size:32px;margin-bottom:0;flex-shrink:0;min-width:28px;}
.hiw-desc{max-width:none;}}
@media (max-width:380px){.hiw{padding:48px 0;}
.hiw-step{padding:14px;gap:10px;}
.hiw-num{font-size:24px;min-width:22px;}
.hiw-title{font-size:12px;}
.hiw-desc{font-size:14px;}}
.ecosystem{padding:120px 0;overflow-x:hidden;}
.ecosystem-header{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;}
.ecosystem-header .section-tag{margin-bottom:20px;}
.eco-headline{font-size:clamp(32px, 5vw, 48px);color:var(--ink);margin-bottom:16px;}
.eco-subtitle{font-size:18px;max-width:500px;margin:0 auto;text-align:center;}
.ecosystem-scroll{max-width:1200px;margin:0 auto;padding:0 var(--pad);}
.ecosystem-track{display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto;gap:20px;align-items:center;}
.ecosystem-card{position:relative;padding:40px 28px;text-align:center;overflow:hidden;transition:transform 0.4s var(--spring),box-shadow 0.4s ease;box-shadow:0 0 #e0ff4f00;}
.eco-iphone{--card-accent:var(--acid);}
.eco-iphone .eco-icon{color:var(--acid);}
.eco-iphone:before{background:linear-gradient(135deg, #e0ff4f1f, #ffffff0a);}
.eco-iphone:hover{box-shadow:0 16px 40px #0000004d,0 0 60px #e0ff4f14;}
.eco-mac{--card-accent:var(--sky);}
.eco-mac .eco-icon{color:var(--sky);}
.eco-mac:before{background:linear-gradient(135deg, #33ccff1f, #ffffff0a);}
.eco-mac:hover{box-shadow:0 16px 40px #0000004d,0 0 60px #33ccff14;}
.ecosystem-card:hover{transform:translateY(-6px) scale(1.02);}
.ecosystem-card:hover .eco-icon{border-color:color-mix(in srgb, var(--card-accent) 30%, transparent);background:color-mix(in srgb, var(--card-accent) 8%, transparent);transform:scale(1.08);}
.ecosystem-card:hover .eco-icon svg{filter:drop-shadow(
0 0 6px color-mix(in srgb, var(--card-accent) 50%, transparent)
);}
.ecosystem-card:hover .eco-silhouette{opacity:1;transform:scale(1.02);}
.eco-silhouette{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0.6;transition:opacity 0.6s var(--fluid),transform 0.6s var(--fluid);color:var(--card-accent);}
.eco-silhouette svg{width:auto;height:75%;max-height:200px;}
.eco-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 20px;border-radius:var(--r-small);background:#ffffff0d;border:1px solid rgba(255, 255, 255, 0.08);transition:border-color 0.3s,background 0.3s,transform 0.4s var(--spring);}
.eco-icon svg{transition:filter 0.3s ease;}
.eco-title{position:relative;z-index:1;font-size:28px;color:var(--ink);margin-bottom:12px;}
.eco-desc{position:relative;z-index:1;font-size:15px;}
@media (max-width:900px){.ecosystem-track{grid-template-columns:1fr;max-width:480px;margin:0 auto;gap:16px;}}
@media (max-width:600px){.ecosystem{padding:64px 0;}
.ecosystem-header{margin-bottom:28px;}
.eco-headline{font-size:clamp(28px, 7vw, 36px);}
.eco-subtitle{font-size:16px;}
.ecosystem-card{display:flex;flex-direction:row;align-items:flex-start;text-align:left;padding:20px;gap:16px;border-left:2px solid
color-mix(in srgb, var(--card-accent) 40%, transparent);}
.eco-icon{width:44px;height:44px;margin:0;flex-shrink:0;border-radius:10px;}
.eco-card-body{flex:1;min-width:0;}
.eco-title{font-size:20px;margin-bottom:6px;}
.eco-desc{font-size:14px;line-height:1.5;}}
@media (max-width:380px){.ecosystem{padding:48px 0;}
.ecosystem-card{padding:16px;gap:12px;}
.eco-headline{font-size:24px;}
.eco-icon{width:40px;height:40px;}
.eco-title{font-size:18px;}
.eco-desc{font-size:13px;}}
.privacy{padding:120px var(--pad);position:relative;overflow:hidden;}
.privacy-glow{position:absolute;top:50%;left:50%;width:min(400px,100vw);height:400px;transform:translate(-50%, -50%);border-radius:50%;background:radial-gradient(
circle,rgba(51, 204, 255, 0.06) 0%,transparent 70%
);pointer-events:none;}
.privacy-inner{text-align:center;display:flex;flex-direction:column;align-items:center;}
.privacy-icon{position:relative;z-index:1;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#33ccff14;border:1px solid rgba(51, 204, 255, 0.15);margin-bottom:24px;}
.privacy-headline{font-size:clamp(28px, 4.5vw, 44px);color:var(--ink);margin-bottom:16px;}
.privacy-body{font-size:18px;max-width:500px;text-align:center;}
@media (max-width:600px){.privacy{padding:56px var(--pad);}
.privacy-headline{font-size:clamp(24px, 6vw, 32px);}
.privacy-body{font-size:16px;}
.privacy-icon{width:48px;height:48px;margin-bottom:20px;}}
@media (max-width:380px){.privacy{padding:48px var(--pad);}
.privacy-headline{font-size:22px;}
.privacy-body{font-size:15px;}}
.pullquote{position:relative;padding:120px var(--pad);text-align:center;max-width:800px;margin:0 auto;overflow:visible;}
.pullquote-mark-wrap{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:max-content;overflow:visible;pointer-events:none;z-index:0;}
.pullquote-mark{display:block;font-family:Bodoni Moda,Georgia,serif;font-size:clamp(200px, 30vw, 400px);font-weight:900;font-style:italic;line-height:0.9;padding:0 0.08em 0.08em;background:linear-gradient(180deg, var(--acid), var(--sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.06;user-select:none;animation:breatheMark 6s ease-in-out infinite;}
@keyframes breatheMark{0%,to{opacity:0.06;transform:scale(1);}
50%{opacity:0.11;transform:scale(1.02);}}
.pullquote-text{position:relative;z-index:1;font-size:clamp(24px, 4vw, 40px);color:var(--ink);line-height:1.3;text-wrap:pretty;}
.pq-word{display:inline-block;opacity:0;transform:translateY(8px);filter:blur(4px);transition:opacity 0.35s var(--fluid) calc(var(--wi) * 0.06s),transform 0.4s var(--spring) calc(var(--wi) * 0.06s),filter 0.35s var(--fluid) calc(var(--wi) * 0.06s);}
.pullquote.revealed .pq-word{opacity:1;transform:none;filter:none;}
.pullquote-line{display:inline;}
.pullquote-aside{position:relative;z-index:1;margin-top:24px;font-size:12px;color:var(--dim2);letter-spacing:0.06em;text-wrap:balance;}
@media (max-width:600px){.pullquote{padding:56px var(--pad);}
.pullquote-text{font-size:clamp(22px, 5.5vw, 28px);line-height:1.35;}
.pullquote-aside{margin-top:16px;font-size:11px;}
.pullquote-mark{font-size:clamp(140px, 40vw, 220px);}
.pullquote-mark-wrap{top:16px;}}
@media (max-width:380px){.pullquote{padding:48px var(--pad);}
.pullquote-text{font-size:20px;}
.pullquote-aside{font-size:10px;}}
@media (prefers-reduced-motion:reduce){.pq-word{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;}
.pullquote-mark{animation:none;}}
.pro{padding:120px 0;}
.pro-headlines{text-align:center;margin-bottom:48px;}
.pro-rotator{position:relative;min-height:120px;display:flex;align-items:center;justify-content:center;}
.pro-rotator-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(12px) scale(0.97);transition:opacity 0.6s var(--expo),transform 0.6s var(--expo);pointer-events:none;}
.pro-rotator-slide.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.pro-rotator-headline{font-size:clamp(32px, 6vw, 56px);color:var(--ink);margin-bottom:8px;}
.pro-rotator-sub{font-size:clamp(15px, 2vw, 18px);color:var(--dim);max-width:400px;}
.pro-indie{font-size:11px;letter-spacing:0.15em;color:var(--dim2);text-align:center;margin-bottom:32px;}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false;}
.pro-card-wrapper{position:relative;padding:2px;border-radius:var(--r-card);background:conic-gradient(
from var(--angle),var(--acid),var(--poppy),var(--sky),var(--acid)
);animation:borderRotate 4s linear infinite;box-shadow:0 0 80px #e0ff4f14,0 0 40px #ff33660f;}
@keyframes borderRotate{to{--angle:360deg;}}
.pro-card{background:var(--surface);border-radius:calc(var(--r-card) - 2px);padding:40px 32px;position:relative;overflow:hidden;}
.pro-columns{display:flex;gap:0;align-items:stretch;}
.pro-col{flex:1;position:relative;}
.pro-col--free{padding-right:32px;}
.pro-col--pro{padding-left:32px;position:relative;}
.pro-glow{position:absolute;top:-40px;right:-40px;width:240px;height:240px;border-radius:50%;background:radial-gradient(
circle,rgba(224, 255, 79, 0.1) 0%,transparent 70%
);animation:proGlowPulse 4s ease-in-out infinite;pointer-events:none;}
@keyframes proGlowPulse{0%,to{opacity:0.6;transform:scale(1);}
50%{opacity:1;transform:scale(1.15);}}
.pro-divider{width:1px;align-self:stretch;background:linear-gradient(
180deg,transparent,rgba(224, 255, 79, 0.2) 20%,rgba(255, 51, 102, 0.15) 50%,rgba(51, 204, 255, 0.2) 80%,transparent
);flex-shrink:0;margin-top:8px;margin-bottom:8px;}
.pro-col-header{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;}
.pro-col-title{font-size:13px;color:var(--dim2);display:flex;align-items:center;gap:8px;}
.pro-col-price{font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:var(--dim2);font-weight:400;}
.pro-col-badge{font-size:8px;padding:3px 8px;background:#e0ff4f1f;color:var(--acid);border-radius:var(--r-badge);letter-spacing:0.1em;animation:breathe 3s ease-in-out infinite;}
.pro-col-price--pro{color:var(--acid);font-weight:600;font-size:15px;}
.pro-list{list-style:none;display:flex;flex-direction:column;gap:14px;}
.pro-list li{font-size:15px;color:var(--dim);display:flex;align-items:flex-start;gap:10px;line-height:1.4;}
.pro-check{flex-shrink:0;font-size:12px;font-weight:700;color:#ffffff59;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;margin-top:1px;}
.pro-check--acid{color:var(--acid);background:#e0ff4f1a;box-shadow:0 0 8px #e0ff4f1a;}
.pro-x{flex-shrink:0;font-size:10px;font-weight:700;color:var(--dim2);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff08;margin-top:1px;}
.pro-missing{opacity:0.45;}
.pro-missing span:last-child{text-decoration:line-through;}
.pro-list--pro li{color:var(--ink);font-size:15px;}
.pro-stat{color:var(--acid);font-weight:700;}
.pro-stat--big{font-size:1.1em;}
.pro-feature-hero{background:#e0ff4f0a;border:1px solid rgba(224, 255, 79, 0.08);border-radius:var(--r-small);padding:12px;margin-left:-12px;margin-right:-4px;transition:background 0.3s,border-color 0.3s;}
.pro-feature-hero:hover{background:#e0ff4f12;border-color:#e0ff4f26;}
.pro-feature-hero--star{background:#ff33660d;border-color:#ff33661f;}
.pro-feature-hero--star:hover{background:#ff336614;border-color:#f363;}
.pro-feature-icon{flex-shrink:0;font-size:16px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.pro-feature-content{display:flex;flex-direction:column;gap:4px;}
.pro-feature-label{color:var(--ink);font-weight:500;}
.pro-feature-tag{font-size:9px;color:var(--acid);letter-spacing:0.12em;display:inline-flex;align-items:center;gap:4px;}
.pro-feature-tag--poppy{color:var(--poppy);}
.pro-cta-wrap{text-align:center;margin-top:36px;position:relative;display:flex;justify-content:center;}
.pro-cta-glow{position:absolute;width:200px;height:60px;top:50%;left:50%;transform:translate(-50%, -50%);background:radial-gradient(
ellipse,rgba(224, 255, 79, 0.12) 0%,transparent 70%
);border-radius:50%;animation:ctaGlow 3s ease-in-out infinite;pointer-events:none;}
@keyframes ctaGlow{0%,to{opacity:0.4;transform:translate(-50%, -50%) scale(1);}
50%{opacity:1;transform:translate(-50%, -50%) scale(1.2);}}
.pro-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:14px 36px;border:1px solid var(--acid);border-radius:var(--r-badge);color:var(--acid);text-decoration:none;position:relative;overflow:hidden;z-index:1;cursor:pointer;transition:background 0.3s var(--spring),color 0.3s,transform 0.2s var(--spring),box-shadow 0.3s;min-height:48px;letter-spacing:0.12em;}
.pro-badge:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(
90deg,transparent,rgba(224, 255, 79, 0.2),transparent
);animation:badgeShimmer 3s ease-in-out infinite;}
@keyframes badgeShimmer{0%,60%{left:-100%;}
to{left:200%;}}
.pro-badge:hover{background:#e0ff4f1a;transform:scale(1.04);box-shadow:0 0 30px #e0ff4f26;}
.pro-badge:active{transform:scale(0.97);}
@media (max-width:600px){.pro{padding:64px 0;}
.pro-headlines{margin-bottom:28px;}
.pro-rotator{min-height:90px;}
.pro-rotator-headline{font-size:clamp(28px, 8vw, 40px);}
.pro-rotator-sub{font-size:14px;padding:0 8px;}
.pro-columns{flex-direction:column;gap:0;}
.pro-col--free{padding-right:0;padding-bottom:20px;}
.pro-col--pro{padding-left:0;padding-top:20px;}
.pro-divider{width:100%;height:1px;margin-top:0;margin-bottom:0;background:linear-gradient(
90deg,transparent,rgba(224, 255, 79, 0.2) 20%,rgba(255, 51, 102, 0.15) 50%,rgba(51, 204, 255, 0.2) 80%,transparent
);}
.pro-card{padding:24px 16px;}
.pro-col-header{margin-bottom:18px;}
.pro-list{gap:10px;}
.pro-list li{font-size:14px;}
.pro-feature-hero{margin-left:0;margin-right:0;padding:10px 12px;}
.pro-glow{top:-20px;right:-20px;width:140px;height:140px;}
.pro-cta-wrap{margin-top:24px;}
.pro-badge{min-height:48px;padding:14px 32px;font-size:12px;width:100%;justify-content:center;}}
@media (max-width:380px){.pro{padding:56px 0;}
.pro-card{padding:20px 14px;}
.pro-list li{font-size:13px;}
.pro-feature-hero{padding:8px;}
.pro-rotator-headline{font-size:clamp(24px, 7vw, 32px);}
.pro-rotator{min-height:80px;}}
@media (prefers-reduced-motion:reduce){.pro-col-badge,.pro-glow{animation:none;}
.pro-badge:after{animation:none;}
.pro-card-wrapper,.pro-cta-glow{animation:none;}
.pro-rotator-slide{transition:none;}}
.roadmap{padding:120px 0;}
.roadmap-label{font-size:11px;letter-spacing:0.2em;color:var(--dim2);text-transform:uppercase;margin-bottom:12px;}
.roadmap-title{font-size:clamp(32px, 6vw, 52px);color:var(--ink);margin-bottom:56px;}
.roadmap-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:40px;margin-left:8px;}
.roadmap-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(
180deg,var(--acid) 0%,rgba(224, 255, 79, 0.4) 50%,rgba(131, 131, 131, 0.15) 100%
);}
.roadmap-item{position:relative;padding:28px 0;border-bottom:1px solid rgba(255, 255, 255, 0.04);transition:transform 0.3s var(--fluid);}
.roadmap-item:last-child{border-bottom:none;}
.roadmap-item:hover{transform:translate(4px);}
.roadmap-dot{position:absolute;left:-44px;top:34px;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px #e0ff4f66;animation:dotPulse 3s ease-in-out infinite;}
.roadmap-dot--dim{background:var(--dim2);box-shadow:none;animation:none;}
@keyframes dotPulse{0%,to{box-shadow:0 0 6px #e0ff4f4d;}
50%{box-shadow:0 0 16px #e0ff4f99;}}
.roadmap-tag{display:inline-block;font-size:10px;letter-spacing:0.12em;color:var(--acid);background:#e0ff4f14;border:1px solid rgba(224, 255, 79, 0.12);padding:4px 12px;border-radius:var(--r-badge);margin-bottom:12px;}
.roadmap-tag--dim{color:var(--dim2);background:#ffffff08;border-color:#ffffff0f;}
.roadmap-feature{font-family:system-ui,-apple-system,sans-serif;font-size:18px;font-weight:600;color:var(--ink);margin-bottom:6px;letter-spacing:-0.01em;}
.roadmap-feature--dim{color:var(--dim);}
.roadmap-content p{font-size:15px;color:var(--dim);line-height:1.55;max-width:460px;}
.roadmap-list{list-style:none;display:flex;flex-direction:column;gap:6px;max-width:460px;}
.roadmap-list li{font-size:15px;color:var(--dim);line-height:1.5;}
.roadmap-list strong{color:var(--ink);font-weight:600;}
.roadmap-item--later .roadmap-content p{color:var(--dim2);}
@media (max-width:600px){.roadmap{padding:64px 0;}
.roadmap-title{margin-bottom:36px;}
.roadmap-timeline{padding-left:28px;margin-left:4px;}
.roadmap-dot{left:-32px;width:7px;height:7px;}
.roadmap-item{padding:20px 0;}
.roadmap-item:hover{transform:none;}
.roadmap-feature{font-size:16px;}
.roadmap-content p{font-size:14px;}}
@media (prefers-reduced-motion:reduce){.roadmap-dot{animation:none;}
.roadmap-item{transition:none;}}
.faq{padding:120px 0;}
.faq-label{font-size:11px;letter-spacing:0.2em;color:var(--dim2);text-transform:uppercase;margin-bottom:12px;}
.faq-title{font-size:clamp(32px, 6vw, 52px);color:var(--ink);margin-bottom:48px;}
.faq-list{display:flex;flex-direction:column;gap:0;}
.faq-item{border-bottom:1px solid rgba(255, 255, 255, 0.06);}
.faq-item:first-child{border-top:1px solid rgba(255, 255, 255, 0.06);}
.faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;cursor:pointer;list-style:none;transition:color 0.2s;}
.faq-question::-webkit-details-marker{display:none;}
.faq-question-text{font-size:13px;letter-spacing:0.04em;color:var(--ink);text-transform:uppercase;line-height:1.5;}
.faq-question:hover .faq-question-text{color:var(--acid);}
.faq-chevron{flex-shrink:0;color:var(--dim2);transition:transform 0.3s var(--fluid),color 0.2s;display:flex;align-items:center;}
.faq-item[open] .faq-chevron{transform:rotate(180deg);color:var(--acid);}
.faq-answer{padding:0 0 24px;max-width:560px;}
.faq-answer p{font-size:15px;color:var(--dim);line-height:1.6;}
@media (max-width:600px){.faq{padding:64px 0;}
.faq-title{margin-bottom:32px;}
.faq-question{padding:18px 0;}
.faq-question-text{font-size:12px;}
.faq-answer p{font-size:14px;}}
@media (max-width:380px){.faq{padding:48px 0;}
.faq-question-text{font-size:11px;}
.faq-answer p{font-size:14px;}}
@media (prefers-reduced-motion:reduce){.faq-chevron{transition:none;}}
.cta{padding:120px 0;position:relative;}
.cta:before{content:"";position:absolute;top:20%;left:50%;width:500px;height:300px;transform:translate(-50%);border-radius:50%;background:radial-gradient(
ellipse,rgba(224, 255, 79, 0.05) 0%,transparent 70%
);pointer-events:none;}
.cta-headline{font-size:clamp(36px, 6vw, 64px);color:var(--ink);margin-bottom:16px;}
.cta-em{background:linear-gradient(135deg, var(--acid), var(--sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 0.15em;margin:0 -0.15em;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
.cta-sub{font-size:18px;margin-bottom:36px;}
.cta-button-group{display:flex;justify-content:center;margin-bottom:20px;}
.cta-button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:var(--acid);color:var(--bg);border:none;border-radius:var(--r-button);font-size:12px;text-decoration:none;position:relative;overflow:hidden;transition:transform 0.25s var(--spring),box-shadow 0.3s;}
.cta-button:hover{transform:scale(1.05) translateY(-2px);text-decoration:none;}
.cta-button:active{transform:scale(0.97);}
.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(
105deg,transparent 20%,rgba(255, 255, 255, 0.35) 50%,transparent 80%
);animation:btnShimmerSweep 3.5s ease-in-out infinite;pointer-events:none;}
@keyframes btnShimmerSweep{0%,65%{left:-100%;}
to{left:200%;}}
.cta-button-icon{flex-shrink:0;position:relative;z-index:1;}
.cta-button-text{position:relative;z-index:1;}
.cta-fine{font-size:14px;color:var(--dim2);margin-bottom:24px;}
.cta-quip{font-size:11px;color:var(--dim2);text-wrap:balance;}
@media (max-width:600px){.cta{padding:64px 0;}
.cta-headline{font-size:clamp(28px, 7vw, 40px);margin-bottom:12px;}
.cta-sub{font-size:16px;margin-bottom:24px;}
.cta-button-group{padding:0 var(--pad);}
.cta-button{padding:16px 32px;font-size:12px;min-height:48px;width:100%;justify-content:center;}
.cta-fine{font-size:13px;margin-bottom:16px;}
.cta-quip{margin-top:0;}}
@media (max-width:380px){.cta{padding:48px 0;}
.cta-headline{font-size:26px;}
.cta-sub{font-size:15px;}}
@media (prefers-reduced-motion:reduce){.cta-button:before{animation:none;}}
@keyframes shimmer{0%{transform:translate(-100%);}
to{transform:translate(200%);}}
.footer{padding:0 0 40px;}
.footer-divider{height:1px;margin-bottom:40px;position:relative;overflow:hidden;}
.footer-divider-line{position:absolute;inset:0;background:linear-gradient(
90deg,transparent 5%,var(--acid),var(--poppy),transparent 95%
);opacity:0.6;}
.footer-divider-shimmer{position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(
90deg,transparent,rgba(255, 255, 255, 0.7),transparent
);animation:shimmer 3s ease-in-out infinite;}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;}
.footer-icon{display:flex;align-items:center;justify-content:center;gap:3px;width:40px;height:40px;background:var(--bg);border-radius:8px;border:1px solid rgba(255, 255, 255, 0.06);margin-bottom:4px;}
.footer-bar{width:6px;border-radius:3px;}
.footer-bar--poppy{height:12px;background:var(--poppy);}
.footer-bar--acid{height:26px;background:var(--acid);}
.footer-bar--sky{height:18px;background:var(--sky);}
.footer-brand{font-size:clamp(16px, 2.5vw, 22px);color:var(--dim);max-width:400px;line-height:1.3;margin-bottom:8px;}
.footer-links{display:flex;align-items:center;gap:12px;}
.footer-dot{width:3px;height:3px;border-radius:50%;background:var(--dim2);opacity:0.4;}
.footer-link{font-size:11px;color:var(--dim2);text-decoration:none;padding:8px 4px;min-height:44px;display:flex;align-items:center;transition:color 0.25s var(--fluid),text-shadow 0.25s var(--fluid);}
.footer-link:hover{color:var(--ink);text-decoration:none;text-shadow:0 0 12px rgba(247, 245, 240, 0.2);}
.footer-copy{font-size:13px;color:var(--dim2);}
.footer-closer{margin-top:4px;font-size:9px;color:#767676;letter-spacing:0.12em;transition:color 0.5s var(--fluid),letter-spacing 0.5s var(--fluid);cursor:default;}
.footer-closer:hover{color:var(--dim2);letter-spacing:0.18em;}
@supports (padding-bottom:env(safe-area-inset-bottom)){.footer{padding-bottom:calc(40px + env(safe-area-inset-bottom));}}
@media (max-width:600px){.footer{padding:0 0 32px;}
.footer-divider{margin-bottom:24px;}
.footer-inner{gap:10px;}
.footer-links{gap:6px;flex-wrap:wrap;justify-content:center;}
.footer-link{font-size:11px;padding:8px;min-height:44px;}
.footer-brand{font-size:16px;padding:0 var(--pad);}
.footer-copy{font-size:12px;}
.footer-closer{font-size:10px;}}
@media (prefers-reduced-motion:reduce){.footer-divider-shimmer{animation:none;}}