:root{color-scheme:dark;--bg:#0c0e0d;--surface:#171b19;--text:#f5f5f4;--muted:#adb2ad;--gold:#ffc34e;--line:#4c4936;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.page-shell{max-width:1200px;margin:auto;padding:0 40px}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:700;letter-spacing:.07em;line-height:1.3}.brand img{display:block}.brand small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:400;margin-top:6px}header{height:120px;display:flex;align-items:center;justify-content:space-between}nav{display:flex;gap:32px;font-size:14px}nav a{color:#d3d6d2;transition:color .2s}nav a:hover{color:var(--gold)}nav span{color:var(--gold);margin-left:5px}.panel{border:1px solid var(--line);border-radius:24px;background:linear-gradient(130deg,#191d1a,#111512)}.hero{min-height:580px;position:relative;overflow:hidden;padding:66px 58px 36px;display:grid;grid-template-columns:1.35fr 1fr}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;color:#c7cabf;margin:0 0 24px;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,4.5vw,64px);letter-spacing:-.035em;line-height:1.07;font-weight:650;margin-bottom:26px;text-wrap:balance}h2{font-size:clamp(29px,3vw,38px);line-height:1.2;letter-spacing:-.025em;font-weight:600;margin-bottom:0}h3{font-weight:600;letter-spacing:-.02em}.lead{font-size:19px;line-height:1.6;color:var(--muted);margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:29px;padding:15px 23px;border-radius:12px;font-size:14px;font-weight:600;transition:background .25s,transform .25s var(--ease)}.primary{background:var(--gold);color:#171b19}.primary:hover{background:#ffd174;transform:translateY(-3px)}.button svg{width:20px}.hero-note{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-top:24px}.hero-note svg{width:17px;height:17px}.gate-art{align-self:center;position:relative;perspective:800px;transition:transform 1s var(--ease)}.gate-art>svg{width:100%;height:auto;overflow:visible;stroke-width:.8;transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform 1s var(--ease)}.gate-lines{stroke:url(#line);fill:transparent;animation:gate-intro 1.8s var(--ease) both}.gate-trace{stroke:#ffc34e;stroke-width:1.8;stroke-dasharray:50 950;animation:trace 14s linear infinite;opacity:.8}.gate-trace path:nth-child(2){animation-delay:2s}.art-caption{display:block;text-align:center;font-size:9px;letter-spacing:.25em;color:#8f947d;margin-top:-28px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:42px;border-top:1px solid #363a2c;padding-top:20px;font-size:9px;letter-spacing:.15em;color:#a5aa9c}.hero-bottom a{font-size:23px;line-height:1;color:var(--gold)}.models-section,.questions{padding-top:88px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:14px}.section-heading>p{color:var(--muted);font-size:14px;margin-bottom:4px}.models{display:grid;grid-template-columns:1fr 1fr;gap:20px}.model{padding:32px;border-radius:20px;transition:border-color .4s,background .4s}.model:hover{border-color:#9d8852}.model-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.model-label{font-size:9px;letter-spacing:.1em;color:var(--muted)}.model h3{font-size:24px;line-height:1.2;margin-bottom:9px}.model h3 span{color:var(--gold);font-weight:500}.model>p{font-size:14px;color:var(--muted);margin-bottom:26px}.model-detail{display:flex;align-items:center;gap:12px;border-top:1px solid #3b3d2d;border-bottom:1px solid #3b3d2d;padding:18px 0;font-size:12px}.model-detail svg{color:#d8d3b5;width:21px}.speed{margin-left:auto;font-size:12px;color:var(--gold);white-space:nowrap}.model-purpose{font-size:14px;color:var(--muted);line-height:1.7;margin:23px 0;max-width:42ch}.text-button{background:transparent;border:0;padding:0;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px;transition:color .2s}.text-button:hover{color:var(--gold)}.text-button svg{width:18px}.fineprint{font-size:11px;color:var(--muted);margin:16px 4px 0}.setup{margin-top:72px;padding:38px 36px}.setup-mark{font-size:36px;color:var(--gold)}.setup ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:0;margin:38px 0 0}.setup li{position:relative;padding-top:4px}.setup li:not(:last-child):after{content:"";height:1px;position:absolute;left:65px;right:0;top:28px;background:#4c4936}.step-number{display:grid;place-items:center;width:48px;height:48px;border:1px solid #99804b;border-radius:50%;font-size:12px;margin-bottom:20px}.setup h3{font-size:18px;margin-bottom:8px}.setup li p{font-size:14px;color:var(--muted);max-width:25ch;margin:0}.questions .section-heading{margin-bottom:25px}.questions details{border-top:1px solid #363c31;padding:0 3px}.questions details:last-child{border-bottom:1px solid #363c31}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:16px;padding:23px 0}summary::-webkit-details-marker{display:none}summary span{color:var(--gold);font-size:23px;font-weight:300;transition:transform .3s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;max-width:70ch;margin-bottom:25px}.contacts{margin-top:88px;display:grid;grid-template-columns:1.4fr 1fr;gap:45px;padding:44px 38px}.contacts .eyebrow{margin-bottom:16px}.contacts h2{font-size:36px}.contacts p{color:var(--muted);font-size:14px;margin:20px 0 0}.socials{display:flex;flex-direction:column;justify-content:center;gap:10px}.socials button,.socials a{width:100%;background:#151915;border:1px solid #414536;border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:15px;text-align:left;font-size:14px;transition:border-color .3s,color .3s,transform .3s var(--ease)}.socials button:hover,.socials a:hover{color:var(--gold);border-color:#ab8c46;transform:translateX(4px)}.socials svg{width:21px;height:21px}.social-arrow{margin-left:auto;color:#b3ac90}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;height:130px;font-size:11px;color:var(--muted)}.footer-brand{font-size:12px;color:var(--text)}footer>a:last-child:hover{color:var(--gold)}.mobile-only{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#22271f;border:1px solid #746443;border-radius:12px;padding:14px 22px;max-width:calc(100% - 32px);width:max-content;opacity:0;pointer-events:none;transition:opacity .25s,transform .4s var(--ease);z-index:9;font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes trace{to{stroke-dashoffset:-1000}}@keyframes gate-intro{from{stroke-dasharray:1000;stroke-dashoffset:1000;opacity:.35}to{stroke-dasharray:1000;stroke-dashoffset:0;opacity:1}}@keyframes enter{from{transform:translateY(18px);filter:blur(3px)}to{transform:translateY(0);filter:blur(0)}}.hero-copy{animation:enter 1.2s var(--ease) both}.in-view{animation:enter .8s var(--ease) both}@media(min-width:1600px){.page-shell{max-width:1320px}.hero{min-height:640px}}@media(max-width:900px){.page-shell{padding:0 24px}header{height:100px}nav{gap:20px}nav a:last-child{display:none}.hero{padding:44px 32px 28px;grid-template-columns:1.4fr 1fr;min-height:520px}h1{font-size:48px}.lead{font-size:16px}.model{padding:25px}.model h3{font-size:21px}.model-label{font-size:8px}.model-detail{flex-wrap:wrap}.speed{margin-left:33px}.contacts{gap:28px;padding:34px 28px}.contacts h2{font-size:31px}.setup{padding:32px 28px}.setup ol{gap:22px}.section-heading>p{font-size:12px}}@media(max-width:600px){.page-shell{padding:0 16px}header{height:88px}.brand{font-size:14px;gap:9px}.brand img{width:36px;height:36px}.brand small{font-size:6px}nav{gap:15px;font-size:12px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:35px 25px 24px;border-radius:20px}.hero .eyebrow{font-size:9px;margin-bottom:23px}h1{font-size:43px}.lead{font-size:15px;margin-bottom:26px}.button{padding:14px 18px;gap:23px}.gate-art{position:absolute;width:210px;right:-95px;bottom:85px;opacity:.3;pointer-events:none}.art-caption{display:none}.hero-note{margin-top:22px}.hero-bottom{margin-top:40px;padding-top:18px;font-size:7px}.models-section,.questions{padding-top:56px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:14px;font-size:13px}.section-heading .eyebrow{font-size:9px}h2{font-size:30px}.models{grid-template-columns:1fr;gap:16px}.model{padding:25px}.model-top{margin-bottom:23px}.model h3{font-size:24px}.model-detail{flex-wrap:nowrap}.speed{margin-left:auto}.model-purpose{font-size:14px}.fineprint{font-size:10px;line-height:1.7}.setup{margin-top:48px;padding:28px 25px;border-radius:20px}.setup .section-heading{display:flex;align-items:center}.setup h2{font-size:28px}.setup-mark{font-size:30px}.setup ol{grid-template-columns:1fr;gap:26px;margin-top:28px}.setup li{padding-left:66px;padding-top:0;min-height:70px}.step-number{position:absolute;left:0;top:3px;width:43px;height:43px}.setup li:not(:last-child):after{width:1px;height:32px;left:21px;top:54px}.setup h3{font-size:17px;margin-bottom:4px}.setup li p{max-width:none;font-size:13px}summary{font-size:14px;gap:18px;padding:21px 0}.contacts{margin-top:56px;grid-template-columns:1fr;padding:29px 25px;gap:28px;border-radius:20px}.contacts h2{font-size:30px}.contacts p{font-size:13px}.socials{gap:10px}.socials button,.socials a{padding:15px 17px}footer{height:auto;padding:32px 0;flex-wrap:wrap;gap:20px}footer>span{display:none}.footer-brand img{width:28px;height:28px}.toast{font-size:12px;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.gate-trace{display:none}}
/* ---- Models: prices & specs ---- */
.models{align-items:stretch}.model{display:flex;flex-direction:column}
.model-badge{font-size:9px;font-weight:600;letter-spacing:.1em;color:#171b19;background:var(--gold);border-radius:999px;padding:5px 11px}
.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:22px 0 24px;border-top:1px solid #3b3d2d}
.price-value{font-size:44px;font-weight:650;letter-spacing:-.035em;line-height:1}
.ruble{color:var(--gold);font-weight:500}
.price-note{font-size:12px;color:var(--muted)}
.specs{list-style:none;margin:0;padding:0;border-top:1px solid #3b3d2d}
.specs li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #2c2f25;font-size:14px;line-height:1.4}
.specs li svg{width:20px;height:20px;color:#d8d3b5}
.specs b{margin-left:auto;color:var(--gold);font-weight:600;white-space:nowrap;padding-left:10px}
.model .model-purpose{flex:1;margin:22px 0 26px}
.model .button{justify-content:space-between;width:100%}
.ghost{background:transparent;border:1px solid #6b5f3f;color:var(--text)}
.ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}
.model.pro{border-color:#8a733f;background:radial-gradient(120% 70% at 100% 0,rgba(255,195,78,.12),transparent 60%),linear-gradient(130deg,#1c201b,#111512);box-shadow:0 30px 80px -40px rgba(255,195,78,.35)}
.model.pro:hover{border-color:var(--gold)}
/* ---- How it works ---- */
.setup .section-heading{margin-bottom:0}
.flow{display:grid;grid-template-columns:1fr 70px 1.15fr 70px 1fr;align-items:center;margin-top:38px}
.flow-node{border:1px solid #3d3f30;border-radius:18px;background:#141814;padding:22px 20px;text-align:center;height:100%}
.flow-node h3{font-size:16px;margin:14px 0 6px}
.flow-node p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}
.flow-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid #5a5038;color:var(--gold)}
.flow-core{border-color:#8a733f;background:radial-gradient(90% 90% at 50% 0,rgba(255,195,78,.14),transparent 70%),#161a15}
.flow-core .flow-icon{border:0;width:auto;height:auto}
.flow-core .flow-icon img{display:block;width:52px;height:52px}
.flow-core p svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px;color:var(--gold)}
.flow-link{position:relative;height:1px;background:#4c4936;margin:0 8px}
.flow-link span{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);animation:flow-dot 2.4s linear infinite}
.flow-link:nth-child(4) span{animation-delay:1.2s}
.flow-link:after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:1px solid #8a733f;border-right:1px solid #8a733f;transform:rotate(45deg)}
@keyframes flow-dot{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 7px);opacity:0}}
@media(max-width:900px){.price-value{font-size:38px}.flow{grid-template-columns:1fr 34px 1.1fr 34px 1fr}.flow-node{padding:18px 12px}.flow-link{margin:0 4px}}
@media(max-width:600px){.price-value{font-size:40px}.setup .section-heading{display:block}.flow{grid-template-columns:1fr;margin-top:28px}.flow-link{width:1px;height:34px;margin:0 auto}.flow-link span{left:-3px;top:0;animation-name:flow-dot-v}.flow-link:after{right:auto;left:-4px;top:auto;bottom:-1px;transform:rotate(135deg)}.flow-node{display:grid;grid-template-columns:52px 1fr;column-gap:16px;text-align:left;align-items:center;padding:16px}.flow-node .flow-icon{grid-row:span 2}.flow-node h3{margin:0 0 2px}}
/* ---- Subscription renewal ---- */
.renew{margin-top:88px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:38px;border-color:#8a733f;background:radial-gradient(70% 120% at 0 50%,rgba(255,195,78,.13),transparent 65%),linear-gradient(130deg,#1c201b,#111512)}
.renew-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;border:1px solid #8a733f;color:var(--gold)}
.renew-icon svg{width:32px;height:32px}
.renew .eyebrow{margin-bottom:12px}
.renew-copy p:last-child{color:var(--muted);font-size:15px;margin:12px 0 0;max-width:52ch}
.renew-button{white-space:nowrap}
.contacts{margin-top:20px}
@media(max-width:900px){.renew{grid-template-columns:auto 1fr;padding:32px 28px;gap:24px}.renew-button{grid-column:1/-1;justify-content:space-between}}
@media(max-width:600px){.renew{margin-top:56px;grid-template-columns:1fr;padding:29px 25px;gap:20px;border-radius:20px}.renew-icon{width:56px;height:56px}.renew-icon svg{width:26px;height:26px}.renew-copy p:last-child{font-size:14px}.renew-button{width:100%}.contacts{margin-top:16px}}
@keyframes flow-dot-v{from{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:calc(100% - 7px);opacity:0}}
/* ---- UI kit from the device panel: buttons, pickers, notices ---- */
:root{--ui-surface:linear-gradient(145deg,#2a2e26,#1b1f1a);--ui-gold:linear-gradient(115deg,#ffc453,#f0a223);--ui-border:#ffffff17;--ui-gold-line:#ffc154;--ui-shadow:0 8px 22px #0004,inset 0 1px 0 #ffffff09;--ui-shadow-gold:0 10px 28px #e8a12624;--ui-ease:.52s ease}
:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ui-gold-line);outline-offset:4px}
.button,.button.primary,.button.ghost{position:relative;isolation:isolate;justify-content:center;gap:14px;min-height:54px;padding:15px 22px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);color:#eceee6;box-shadow:var(--ui-shadow);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px;font-weight:550;line-height:1.5;transform:none;transition:color var(--ui-ease),border-color var(--ui-ease),box-shadow var(--ui-ease)}
.button:before{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;background:var(--ui-gold);opacity:0;pointer-events:none;transition:opacity var(--ui-ease)}
.button:hover,.button:focus-visible,.button.primary:hover,.button.ghost:hover{background:var(--ui-surface);color:#282010;border-color:#ffc15470;box-shadow:var(--ui-shadow-gold);transform:none}
.button:hover:before,.button:focus-visible:before{opacity:1}
.button svg{width:20px;height:20px;stroke-width:1.7}
.model .button{justify-content:center}
/* Accent CTAs keep a gold edge at rest so they read as primary. */
.model.pro .button,.renew-button,.hero .button{border-color:#ffc15470}
/* Messenger buttons = panel toggles: dark, gold border on hover. */
.socials button,.socials a{min-height:54px;padding:15px 18px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);color:#eceee6;box-shadow:var(--ui-shadow);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px;font-weight:550;gap:14px;transform:none;transition:color var(--ui-ease),border-color var(--ui-ease)}
.socials button:hover,.socials a:hover,.socials button:focus-visible,.socials a:focus-visible{color:#eceee6;border-color:var(--ui-gold-line);transform:none}
.socials svg{width:20px;height:20px;stroke-width:1.7}
.social-arrow{color:#ffbf51;transition:transform var(--ui-ease)}
.socials button:hover .social-arrow,.socials a:hover .social-arrow{transform:translate(2px,-2px)}
/* FAQ = panel connection picker. */
.questions details,.questions details:last-child{margin-top:10px;padding:0;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow);transition:border-color var(--ui-ease),box-shadow var(--ui-ease)}
.questions details:hover{border-color:#ffc15470}
.questions details[open]{border-color:#ffc15470;box-shadow:0 0 0 3px #ffc0530c,0 10px 28px #0005}
summary{min-height:54px;padding:15px 18px;gap:14px;font-size:15px;color:#edf4ff}
summary span{flex:0 0 18px;width:18px;height:18px;font-size:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23ffbf51' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--ui-ease)}
details[open] summary span{transform:rotate(180deg)}
.questions details p{margin:0 9px 9px;padding:14px 13px;border:1px solid #ffc05332;border-radius:10px;background:linear-gradient(110deg,#ffc05320,#ffc05308);color:#d8d8c6;font-size:14px;line-height:1.65;max-width:none;animation:panel-open .24s cubic-bezier(.2,.7,.2,1) both}
@keyframes panel-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* Header link to contacts = panel small icon button. */
nav a{transition:color var(--ui-ease)}
nav a:hover{color:var(--ui-gold-line)}
nav a[href="#contacts"]{display:inline-flex;align-items:center;min-height:38px;padding:7px 14px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface);box-shadow:var(--ui-shadow);color:#eceee6;font-size:13px;font-weight:550;transition:border-color var(--ui-ease)}
nav a[href="#contacts"]:hover{color:#eceee6;border-color:var(--ui-gold-line)}
nav{align-items:center}
/* Notices = panel notice box. */
.toast{background:#191c18;border:1px solid #ffbf5140;border-radius:12px;color:#d8d8c6;font-size:13px;line-height:1.65;box-shadow:0 18px 42px #000a}
#choice-message{padding:14px 16px;border:1px solid #ffbf5120;border-radius:12px;background:#ffbf5107;color:#d8d8c6;font-size:13px;line-height:1.65}
.renew-icon{border-color:#5d4d2b;background:var(--ui-surface);box-shadow:var(--ui-shadow)}
.renew-icon svg{stroke-width:1.7}
@media(max-width:600px){.button{width:100%}.hero .button{width:auto}summary{font-size:14px;padding:14px 16px}}
@media(prefers-reduced-motion:reduce){.button:before,.questions details p{transition:none;animation:none}}
/* ---- Page background: warm amber glows over a fine dot grid ---- */
body{position:relative;isolation:isolate;background:#0d0f0e}
body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none}
body:before{inset:-20%;background:radial-gradient(36% 32% at 76% 22%,#ffb53480,transparent 70%),radial-gradient(32% 30% at 20% 40%,#f0791c66,transparent 70%),radial-gradient(30% 26% at 55% 55%,#ffc4533d,transparent 72%),radial-gradient(40% 36% at 62% 92%,#ffd06a48,transparent 72%),radial-gradient(70% 60% at 50% 50%,#33291a,transparent 80%);filter:blur(10px);animation:glow-drift 28s ease-in-out infinite alternate}
body:after{inset:0;background:radial-gradient(#ffd99a40 1px,transparent 1.4px) 0 0/26px 26px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000 20%,transparent 85%);mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000 20%,transparent 85%)}
@keyframes glow-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3%,2%,0) scale(1.06)}100%{transform:translate3d(3%,-2%,0) scale(1.02)}}
/* Panels become frosted glass so the glow shows through. */
.panel{background:linear-gradient(130deg,#1b1f1c99,#111512b8);border-color:#ffffff1c;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 24px 70px #0007,inset 0 1px 0 #ffffff0a}
.model.pro{background:radial-gradient(120% 70% at 100% 0,rgba(255,195,78,.16),transparent 60%),linear-gradient(130deg,#1c201bcc,#111512d9);border-color:#8a733f}
.renew{background:radial-gradient(70% 120% at 0 50%,rgba(255,195,78,.18),transparent 65%),linear-gradient(130deg,#1c201bcc,#111512d9);border-color:#8a733f}
.flow-node{background:#141814b3}
.flow-core{background:radial-gradient(90% 90% at 50% 0,rgba(255,195,78,.16),transparent 70%),#161a15b3}
@media(max-width:600px){body:before{inset:-40%}body:after{background-size:22px 22px}}
@media(prefers-reduced-motion:reduce){body:before{animation:none}}
