@charset "UTF-8";

:root{
  --bg:#08040b;
  --bg-2:#0d0712;
  --panel:rgba(255,255,255,.055);
  --panel-strong:rgba(255,255,255,.085);
  --line:rgba(255,255,255,.11);
  --line-soft:rgba(255,255,255,.065);
  --text:#f6f1fb;
  --muted:#b8aebf;
  --muted-2:#817788;
  --violet:#a64dff;
  --violet-2:#d3a9ff;
  --violet-3:#6e2dd8;
  --ink:#14091a;
  --success:#7df3bf;
  --danger:#ff8fab;
  --shadow:0 26px 80px rgba(0,0,0,.45);
  --radius:28px;
  --radius-sm:18px;
  --container:min(1180px,calc(100vw - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(1200px 800px at 52% -10%,rgba(111,39,145,.16),transparent 63%),
    linear-gradient(180deg,#09040c 0%,#08040b 55%,#0a050d 100%);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  overflow-x:hidden;
}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
img{max-width:100%;display:block}
::selection{background:rgba(166,77,255,.35);color:white}
.page-noise{
  position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.035;
  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='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.22;z-index:-1;will-change:transform}
.ambient-a{width:540px;height:540px;background:#541879;left:-230px;top:28vh}
.ambient-b{width:620px;height:620px;background:#401362;right:-280px;top:65vh}
.ambient-c{width:500px;height:500px;background:#321d7f;left:42%;top:150vh;opacity:.12}
.section-shell{width:var(--container);margin-inline:auto}
.section{position:relative;padding:130px 0}
.glass-panel,.glass-card,.glass-nav{
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),var(--shadow);
  backdrop-filter:blur(22px) saturate(128%);
  -webkit-backdrop-filter:blur(22px) saturate(128%);
}
.glass-card{
  position:relative;overflow:hidden;border-radius:var(--radius);
}
.glass-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 20%,transparent 72%,rgba(184,88,255,.05));
}
.site-header{
  position:fixed;z-index:70;top:18px;left:50%;transform:translateX(-50%);
  width:min(1180px,calc(100vw - 28px));height:64px;border-radius:22px;
  display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 17px;
  background:rgba(10,5,13,.66);box-shadow:0 12px 42px rgba(0,0,0,.35);
}
.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.06em}
.brand img{width:30px;height:30px}
.brand small{font-size:9px;letter-spacing:.08em;color:var(--muted-2);font-weight:600;margin-left:2px;text-transform:uppercase}
.desktop-nav{display:flex;gap:28px;font-size:13px;color:#cec5d3}
.desktop-nav a,.footer-col a{transition:.2s ease}
.desktop-nav a:hover,.footer-col a:hover{color:#fff}
.nav-actions{display:flex;align-items:center;gap:8px}
.btn{
  appearance:none;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);
  color:white;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;
  cursor:pointer;font-weight:700;font-size:13px;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.22)}
.btn-primary{
  background:linear-gradient(135deg,#f4eff9 0%,#fff 52%,#e9d9ff 100%);
  color:#120817;border-color:white;box-shadow:0 0 0 1px rgba(255,255,255,.32),0 0 32px rgba(171,63,255,.28);
}
.btn-primary span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#9a35ff;color:#fff}
.btn-secondary{background:rgba(255,255,255,.075)}
.btn-ghost{background:rgba(255,255,255,.035)}
.btn-large{padding:15px 21px;font-size:14px}
.btn-small{padding:10px 15px}
.btn.full{width:100%}
.menu-btn{display:none;border:0;background:transparent;font-size:21px;padding:9px}
.mobile-menu{
  display:none;position:fixed;z-index:69;top:92px;left:14px;right:14px;border-radius:22px;padding:16px;
  background:rgba(13,7,17,.92);flex-direction:column;gap:5px;
}
.mobile-menu a{padding:13px 14px;border-radius:14px;color:#d9d0df}
.mobile-menu a:hover{background:rgba(255,255,255,.05)}
.mobile-menu.open{display:flex}
.hero{
  min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-top:130px;padding-bottom:70px;
}
.hero-copy{position:relative;z-index:2}
.eyebrow,.section-kicker{
  display:inline-flex;align-items:center;min-height:36px;padding:0 15px;border-radius:999px;
  border:1px solid rgba(222,187,255,.14);
  background:linear-gradient(120deg,rgba(145,62,208,.18),rgba(255,255,255,.035));
  color:#ded1e6;font-size:12px;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.section-kicker{margin-bottom:28px}
.hero-title{
  margin:25px 0 21px;font-size:clamp(54px,6.3vw,92px);line-height:.96;letter-spacing:-.055em;font-weight:680;
}
.gradient-text{
  background:linear-gradient(110deg,#ffffff 0%,#e8d5ff 35%,#c791ff 70%,#8d4ad9 110%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-lead{max-width:660px;color:#bcb1c2;font-size:18px;line-height:1.65;margin:0}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.hero-trust{display:flex;gap:20px;flex-wrap:wrap;color:#918795;font-size:12px;margin-top:27px}
.hero-trust span{display:flex;align-items:center;gap:7px}
.hero-trust i{width:6px;height:6px;border-radius:50%;background:#b35cff;box-shadow:0 0 14px #b35cff}
.hero-stage{height:670px;position:relative;perspective:1200px}
.hero-halo{
  position:absolute;width:550px;height:550px;border-radius:50%;left:51%;top:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle at 50% 45%,rgba(195,110,255,.20),rgba(113,38,158,.10) 35%,transparent 67%);
  filter:blur(18px);
}
.core-stack{position:absolute;inset:90px 30px 70px 35px;transform-style:preserve-3d;will-change:transform}
.core-card{
  position:absolute;left:50%;top:50%;width:min(440px,90%);height:460px;border-radius:42px;
  border:1px solid rgba(255,255,255,.13);transform-style:preserve-3d;
}
.core-back{background:linear-gradient(145deg,rgba(102,49,120,.22),rgba(20,10,26,.2));backdrop-filter:blur(18px)}
.c3{transform:translate(-46%,-54%) rotate(-13deg) translateZ(-110px);opacity:.28}
.c2{transform:translate(-48%,-52%) rotate(-8deg) translateZ(-70px);opacity:.45}
.c1{transform:translate(-50%,-50%) rotate(-4deg) translateZ(-35px);opacity:.62}
.core-main{
  transform:translate(-50%,-50%) rotate(2.5deg);
  background:linear-gradient(145deg,rgba(47,31,52,.82),rgba(21,13,25,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 100px rgba(0,0,0,.55),0 0 70px rgba(132,45,198,.11);
  overflow:hidden;
}
.core-grid{
  position:absolute;inset:0;opacity:.13;
  background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent);
}
.liquid-logo{position:absolute;inset:38px;display:grid;place-items:center;transform-style:preserve-3d}
.liquid-logo img{width:112px;height:112px;z-index:5;filter:drop-shadow(0 0 28px rgba(182,91,255,.45))}
.liquid-ring{
  position:absolute;border-radius:44% 56% 58% 42% / 48% 44% 56% 52%;border:2px solid rgba(235,216,255,.34);
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(153,62,224,.10) 35%,rgba(255,255,255,.02));
  box-shadow:inset 7px 9px 20px rgba(255,255,255,.08),inset -12px -20px 28px rgba(87,25,125,.25),0 0 34px rgba(146,47,221,.14);
}
.ring-a{width:280px;height:280px;animation:morph 8s ease-in-out infinite,spin 20s linear infinite}
.ring-b{width:218px;height:218px;transform:rotate(28deg);animation:morph 10s ease-in-out -2s infinite,spin2 17s linear infinite}
.ring-c{width:160px;height:160px;transform:rotate(-15deg);animation:morph 7s ease-in-out -4s infinite}
@keyframes morph{0%,100%{border-radius:44% 56% 58% 42% / 48% 44% 56% 52%}50%{border-radius:57% 43% 40% 60% / 39% 58% 42% 61%}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin2{to{transform:rotate(-360deg)}}
.core-caption{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;align-items:center;color:#c9bdce}
.core-caption b{font-size:28px;color:#fff}.core-caption span{font-size:13px}
.float-chip{
  position:absolute;z-index:3;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;
  background:rgba(28,17,33,.72);backdrop-filter:blur(15px);font-size:12px;color:#e9dff0;box-shadow:0 18px 50px rgba(0,0,0,.3);
  animation:float 5s ease-in-out infinite;
}
.chip-a{left:0;top:220px}.chip-b{right:2px;top:180px;animation-delay:-1.7s}.chip-c{right:18px;bottom:125px;animation-delay:-3.2s}
.chip-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8dffc9;margin-right:7px;box-shadow:0 0 12px rgba(89,255,178,.55)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.metric-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-28px}
.metric-card{border-radius:24px;padding:24px 25px;min-height:125px;display:flex;flex-direction:column;justify-content:center}
.metric-card strong{font-size:32px;font-weight:620;color:#dcb7ff;letter-spacing:-.03em}
.metric-card span{color:#aaa0ae;font-size:13px;line-height:1.4;margin-top:8px}
.split-heading,.pricing-head,.styles-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:55px}
.split-heading h2,.pricing-head h2,.styles-head h2,.manifesto h2,.supporters-section h2,.faq-head h2,.final-cta h2,.ideas-copy h2{
  font-size:clamp(38px,4.4vw,66px);line-height:1.03;letter-spacing:-.045em;font-weight:610;margin:0;
}
.split-heading p,.pricing-head p,.ideas-copy>p{color:#a99fad;line-height:1.7;font-size:16px;margin:0;max-width:480px}
.feature-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;perspective:1000px}
.feature-card{min-height:510px;padding:29px;display:flex;flex-direction:column;transition:border-color .3s ease,transform .25s ease}
.feature-card.accent{background:linear-gradient(150deg,rgba(97,34,126,.26),rgba(255,255,255,.05))}
.card-index{color:#877e8c;font-size:12px;margin-bottom:85px}
.feature-card h3{font-size:27px;margin:0 0 13px;letter-spacing:-.03em}
.feature-card p{margin:0;color:#a99fad;line-height:1.62;font-size:14px}
.feature-visual{margin-top:auto;min-height:165px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}
.visual-model{display:grid;place-items:center}
.visual-model>span{position:absolute;bottom:16px;left:18px;font-size:11px;color:#8f8495}
.mini-core{width:100px;height:100px;border:1px solid rgba(255,255,255,.17);border-radius:31px;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,rgba(213,169,255,.22),rgba(77,28,107,.15) 45%,rgba(10,8,13,.4));transform:rotate(-9deg);box-shadow:0 0 40px rgba(143,51,205,.18)}
.mini-core img{width:53px}
.visual-rag{display:flex;align-items:center;justify-content:center;gap:7px}
.visual-rag i{width:13%;height:64px;border-radius:10px;background:linear-gradient(180deg,rgba(232,202,255,.25),rgba(125,55,172,.08));border:1px solid rgba(255,255,255,.08);transform:translateY(var(--dy,0))}
.visual-rag i:nth-child(1){--dy:13px;height:52px}.visual-rag i:nth-child(2){--dy:-4px;height:83px}.visual-rag i:nth-child(3){height:112px;background:linear-gradient(180deg,rgba(209,150,255,.55),rgba(107,37,157,.18));box-shadow:0 0 28px rgba(168,69,238,.17)}.visual-rag i:nth-child(4){--dy:6px;height:76px}.visual-rag i:nth-child(5){--dy:18px;height:45px}
.visual-rag b{position:absolute;bottom:14px;font-size:10px;color:#9f95a5;font-weight:500}
.visual-style{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;padding:24px}
.visual-style span{padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:11px;color:#c7bccd}
.slider-arrows{display:flex;justify-content:flex-end;gap:9px}
.round-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.07);cursor:pointer;font-size:18px;transition:.2s}
.round-btn:hover{background:#fff;color:#100714}
.style-track{
  display:grid;grid-auto-flow:column;grid-auto-columns:min(720px,82vw);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 1px 35px;
  scrollbar-width:none;perspective:1200px;
}
.style-track::-webkit-scrollbar{display:none}
.style-card{scroll-snap-align:center;min-height:500px;padding:34px;display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:end;opacity:.54;transform:scale(.94) rotateY(-3deg);transition:.45s cubic-bezier(.2,.8,.2,1)}
.style-card.is-active{opacity:1;transform:scale(1) rotateY(0)}
.style-number{position:absolute;top:30px;right:30px;color:#7f7585;font-size:12px}
.style-tag{font-size:11px;color:#c59de6;padding:8px 10px;border-radius:999px;border:1px solid rgba(210,167,245,.12);background:rgba(128,55,173,.12)}
.style-card h3{font-size:34px;margin:16px 0 12px;letter-spacing:-.04em}
.style-card p{color:#aaa0ae;line-height:1.6;margin:0}
.chat-demo{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.16)}
.bubble{max-width:88%;padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.45}
.bubble.user{align-self:flex-end;background:#f5eff9;color:#17101a;border-bottom-right-radius:5px}
.bubble.ai{align-self:flex-start;background:linear-gradient(140deg,rgba(167,72,230,.2),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:5px;color:#ddd2e4}
.architecture{overflow:visible}
.flow-stage{position:relative;min-height:560px;margin-top:10px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:13px}
.flow-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(183,104,239,.75),transparent);left:7%;right:7%;top:50%;box-shadow:0 0 18px rgba(187,85,255,.35)}
.flow-node{z-index:2;border-radius:24px;min-height:175px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(21,13,25,.72)}
.flow-node span{position:absolute;top:18px;right:18px;color:#766c7c;font-size:11px}
.flow-node b{font-size:18px}.flow-node small{color:#8f8594;margin-top:7px;line-height:1.4}
.flow-node.main-node{min-height:260px;transform:translateY(-12px);background:linear-gradient(145deg,rgba(106,43,139,.27),rgba(255,255,255,.055));box-shadow:0 0 70px rgba(143,50,209,.11)}
.flow-node.main-node img{width:62px;margin:auto auto 38px}
.manifesto-box{border-radius:38px;padding:70px;min-height:470px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.manifesto-box::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-150px;top:-190px;background:radial-gradient(circle at 40% 40%,rgba(211,159,255,.25),rgba(96,30,130,.12),transparent 68%);filter:blur(4px)}
.manifesto-box h2{max-width:800px}
.manifesto-box>p{max-width:740px;color:#aaa0ae;font-size:17px;line-height:1.7;margin:25px 0 0}
.manifesto-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}
.manifesto-pills span{padding:10px 13px;border:1px solid var(--line-soft);background:rgba(255,255,255,.035);border-radius:999px;font-size:12px;color:#c4b9ca}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.price-card{padding:26px;min-height:560px;display:flex;flex-direction:column}
.price-card.featured{border-color:rgba(200,131,255,.4);background:linear-gradient(150deg,rgba(107,37,144,.38),rgba(255,255,255,.055));box-shadow:0 25px 90px rgba(101,33,145,.18),inset 0 1px 0 rgba(255,255,255,.12)}
.plan-badge{position:absolute;right:18px;top:18px;font-size:10px;padding:7px 9px;border-radius:999px;background:#ae48ff;color:#fff}
.plan-icon{font-size:27px;color:#c88cff;height:42px}
.price-card h3{font-size:22px;margin:8px 0 5px}.plan-sub{color:#8f8495;font-size:12px;margin:0}
.price{font-size:30px;margin:29px 0 22px;letter-spacing:-.03em}.price small{font-size:11px;color:#918795;font-weight:500;letter-spacing:0}
.price-card ul{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line-soft);padding-top:20px;display:grid;gap:12px}
.price-card li{font-size:12px;color:#beb4c3;display:flex;gap:8px;line-height:1.35}
.price-card li::before{content:"✓";color:#ba72f0}
.support-note{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;padding:20px 24px;border:1px solid var(--line-soft);border-radius:20px;margin-top:16px;background:rgba(255,255,255,.025)}
.support-note span{color:#d1a1f3;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.support-note p{margin:0;color:#938999;font-size:13px;line-height:1.6}
.ideas-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.idea-stats{margin-top:30px;padding:18px;border-radius:20px;display:grid;gap:8px;box-shadow:none}
.idea-stats span{font-size:12px;color:#a99fad;display:flex;justify-content:space-between;gap:18px;padding:8px}
.idea-stats b{color:#e7dced}
.idea-form{padding:30px}
.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.form-head span{font-size:20px;font-weight:700}.form-head small{color:#7f7584}
label{display:grid;gap:8px;color:#bdb2c3;font-size:12px;margin-bottom:15px}
label>span{color:#786e7d;font-weight:400}
input,textarea,select{
  width:100%;border:1px solid rgba(255,255,255,.09);outline:none;border-radius:14px;background:rgba(255,255,255,.045);
  color:#f6f1f9;padding:13px 14px;transition:border .2s,background .2s;resize:vertical;
}
input:focus,textarea:focus,select:focus{border-color:rgba(194,120,247,.45);background:rgba(255,255,255,.06)}
textarea{min-height:120px}
.form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.form-message{min-height:20px;color:#a999b3;font-size:12px;line-height:1.5;margin:14px 0 0}
.form-message.error{color:var(--danger)}.form-message.success{color:var(--success)}
.supporters-section h2{margin:0 0 35px}
.supporters-cloud{border-radius:28px;padding:28px;display:flex;flex-wrap:wrap;gap:9px;min-height:120px;box-shadow:none}
.supporter-chip{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--line-soft);font-size:12px;color:#cfc3d5}
.supporter-chip.sponsor{border-color:rgba(203,130,255,.24);background:rgba(151,67,204,.12)}
.supporter-placeholder{color:#766d7a;font-size:12px;margin:auto}
.faq-head{margin-bottom:35px}
.faq-list{display:grid;border-top:1px solid var(--line-soft)}
.faq-list details{border-bottom:1px solid var(--line-soft);padding:0}
.faq-list summary{list-style:none;cursor:pointer;padding:26px 8px;font-size:18px;display:flex;justify-content:space-between;align-items:center}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{width:35px;height:35px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.25s}
.faq-list details[open] summary span{transform:rotate(45deg);background:rgba(255,255,255,.06)}
.faq-list p{color:#9d92a2;max-width:820px;line-height:1.7;font-size:14px;padding:0 8px 25px;margin:0}
.final-cta{min-height:700px;display:grid;place-items:center;text-align:center;overflow:hidden}
.cta-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.cta-content p{color:#9b909f;max-width:560px;line-height:1.6}
.cta-orb{
  position:absolute;width:620px;height:620px;border-radius:50%;left:50%;top:53%;transform:translate(-50%,-50%);
  background:
    radial-gradient(circle at 50% 34%,rgba(251,236,255,.24),transparent 16%),
    radial-gradient(circle at 48% 43%,rgba(167,75,226,.42),rgba(74,23,104,.22) 42%,rgba(24,10,30,.2) 64%,transparent 71%);
  box-shadow:inset 0 0 80px rgba(255,255,255,.08),0 0 100px rgba(146,42,207,.14);
  filter:saturate(120%);
}
.site-footer{padding:20px 0 60px}
.footer-card{border-radius:28px;padding:36px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;box-shadow:none}
.footer-brand p{color:#776e7c;font-size:12px;line-height:1.6}
.footer-col{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#8e8494}.footer-col b{color:#d8cddf;margin-bottom:5px}
.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line-soft);padding-top:18px;margin-top:12px;display:flex;justify-content:space-between;color:#675f6b;font-size:10px}
.modal-backdrop{
  position:fixed;inset:0;z-index:100;background:rgba(2,1,3,.72);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;
  opacity:0;pointer-events:none;transition:.25s;
}
.modal-backdrop.open{opacity:1;pointer-events:auto}
.donate-modal{width:min(620px,100%);max-height:min(90vh,850px);overflow:auto;border-radius:30px;padding:32px;position:relative;background:rgba(16,9,20,.92)}
.donate-modal h2{font-size:38px;letter-spacing:-.04em;margin:18px 0 8px}.modal-copy{color:#9e93a4;line-height:1.55;font-size:13px;margin:0 0 24px}
.modal-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);font-size:21px;cursor:pointer}
.amount-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.amount-row button{padding:11px;border:1px solid var(--line-soft);border-radius:13px;background:rgba(255,255,255,.04);cursor:pointer;color:#c8bdce}
.amount-row button:hover{border-color:rgba(201,126,255,.36)}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.check-row{display:flex;align-items:center;gap:9px}.check-row input{width:16px;height:16px;margin:0}.check-row span{color:#a69baa}
.payment-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 18px}
.payment-types label{display:flex;align-items:center;gap:9px;border:1px solid var(--line-soft);border-radius:14px;padding:12px;margin:0;background:rgba(255,255,255,.035)}
.payment-types input{width:auto}
.thanks-page,.admin-page{min-height:100vh;display:grid;place-items:center;padding:25px}
.thanks-shell,.admin-login{width:min(620px,100%);border-radius:30px;padding:36px;background:rgba(18,10,22,.8)}
.thanks-shell h1,.admin-login h1{font-size:42px;letter-spacing:-.04em}.lead{color:#a99fad;line-height:1.65}
.status-box{border:1px solid var(--line-soft);border-radius:16px;padding:15px 16px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:10px;color:#c4b9ca;font-size:13px}
.status-box.success{border-color:rgba(125,243,191,.18);color:#c9f5e2}.status-dot{width:8px;height:8px;border-radius:50%;background:#be75ef;box-shadow:0 0 13px rgba(190,117,239,.6)}
.success .status-dot{background:var(--success);box-shadow:0 0 13px rgba(125,243,191,.5)}
.download-area{margin-top:14px}.micro{color:#817789;font-size:10px}.thanks-actions{margin-top:24px}
.admin-page{display:block;background:#09040c}.admin-top{width:min(1280px,calc(100% - 32px));margin:20px auto;display:flex;justify-content:space-between;align-items:center}
.admin-wrap{width:min(1280px,calc(100% - 32px));margin:0 auto 50px}.admin-login{margin:10vh auto}.admin-login form{margin-top:25px}
.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{border-radius:22px;padding:24px;box-shadow:none}.stat b{font-size:28px;color:#d4a6f9}.stat span{display:block;color:#817788;font-size:11px;margin-top:7px}
.admin-table-card{margin-top:12px;border-radius:26px;padding:26px;box-shadow:none}.section-head.compact h2{font-size:28px;margin:13px 0 22px}
.table-scroll{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{padding:13px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top;text-align:left}.admin-table th{color:#766d7b;font-weight:500}.admin-table td{color:#bfb4c5}
.priority-badge{display:inline-flex;padding:6px 8px;border-radius:999px;border:1px solid var(--line-soft);font-size:10px}.priority-badge.p1{color:#cf96ff;border-color:rgba(207,150,255,.22)}.priority-badge.p2{color:#fff;background:rgba(161,71,222,.24);border-color:rgba(220,170,255,.28)}
.inline-form select{min-width:120px;padding:8px}.form-error{color:var(--danger)}
.legal-drawer{border-top:1px solid rgba(255,255,255,.04);padding:0 0 24px}.legal-drawer details{color:#716876;font-size:11px}.legal-drawer summary{cursor:pointer;padding:15px 0}.legal-drawer p{max-width:900px;line-height:1.6}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
[data-tilt]{transform-style:preserve-3d;will-change:transform}
@media (max-width:1050px){
  .desktop-nav{display:none}.menu-btn{display:block}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:150px}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}
  .hero-stage{height:590px;max-width:680px;width:100%;margin:auto}
  .metric-ribbon{grid-template-columns:repeat(2,1fr)}
  .feature-deck{grid-template-columns:1fr 1fr}.feature-card:nth-child(3){grid-column:1/-1;min-height:420px}
  .pricing-grid{grid-template-columns:1fr 1fr}
  .flow-stage{grid-template-columns:repeat(3,1fr);min-height:auto;gap:12px}.flow-line{display:none}.flow-node.main-node{transform:none}.flow-node:nth-child(4),.flow-node:nth-child(5){grid-column:auto}
}
@media (max-width:760px){
  :root{--container:min(100% - 26px,1180px)}
  .section{padding:88px 0}.site-header{top:8px;height:58px}.brand small,.hide-sm{display:none}
  .hero{padding-top:120px}.hero-title{font-size:clamp(48px,16vw,72px)}.hero-lead{font-size:15px}
  .hero-stage{height:450px}.core-stack{inset:50px 0}.core-card{height:350px;width:78%;border-radius:32px}.liquid-logo{inset:28px}.ring-a{width:210px;height:210px}.ring-b{width:165px;height:165px}.ring-c{width:120px;height:120px}.liquid-logo img{width:82px}
  .chip-a{top:140px}.chip-b{top:85px}.chip-c{bottom:70px;right:2px}.float-chip{font-size:10px;padding:9px 10px}
  .metric-ribbon{grid-template-columns:1fr 1fr}.metric-card{padding:18px;min-height:110px}.metric-card strong{font-size:26px}
  .split-heading,.pricing-head,.styles-head,.ideas-grid{grid-template-columns:1fr;gap:20px}.split-heading p,.pricing-head p{max-width:none}
  .feature-deck{grid-template-columns:1fr}.feature-card:nth-child(3){grid-column:auto}.feature-card{min-height:440px}.card-index{margin-bottom:50px}
  .styles-head{margin-bottom:20px}.slider-arrows{justify-content:flex-start}.style-track{grid-auto-columns:90vw}.style-card{grid-template-columns:1fr;min-height:570px;padding:25px}.chat-demo{min-height:210px}
  .flow-stage{grid-template-columns:1fr 1fr}.flow-node{min-height:150px}.flow-node.main-node{grid-row:2;grid-column:1/-1;min-height:210px}.flow-node.main-node img{margin-bottom:20px}
  .manifesto-box{padding:36px 25px;min-height:500px}.manifesto-box h2{font-size:42px}.manifesto-box>p{font-size:14px}
  .pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.price-card ul{margin-bottom:8px}
  .ideas-grid{gap:42px}.idea-form{padding:22px}.form-actions{display:grid}.form-actions .btn{width:100%}
  .footer-card{grid-template-columns:1fr 1fr;padding:25px;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}
  .two-cols,.payment-types{grid-template-columns:1fr}.amount-row{grid-template-columns:1fr 1fr 1fr}
  .donate-modal{padding:25px 20px}.donate-modal h2{font-size:32px}
  .admin-stat-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .nav-actions .btn-primary{padding:9px 12px;font-size:11px}
  .metric-ribbon{grid-template-columns:1fr}
  .hero-stage{height:390px}.core-card{width:83%;height:310px}.ring-a{width:180px;height:180px}.ring-b{width:142px;height:142px}.ring-c{width:104px;height:104px}.liquid-logo img{width:72px}
  .chip-a{left:-3px;top:130px}.chip-b{right:-5px}.chip-c{right:-6px;bottom:50px}
  .flow-stage{grid-template-columns:1fr}.flow-node.main-node{grid-column:auto;grid-row:auto}
  .footer-card{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}