:root{--bg:#030b1f;--bg-2:#06122d;--surface:#0b1733;--surface-2:#101f42;--surface-3:#152a54;--text:#f7f9ff;--muted:#a9b8d4;--border:#223a68;--accent:#42a5ff;--accent-strong:#77c7ff;--blue:#3d7dff;--violet:#8b6cff;--red:#ff3d48;--amber:#ffc857;--danger:#ff7d87;--shadow:0 28px 80px rgba(0,0,0,.38);--radius:22px;--header:76px;color-scheme:dark}
html[data-theme="light"]{--bg:#f5f8ff;--bg-2:#edf3ff;--surface:#fff;--surface-2:#f2f6ff;--surface-3:#e8efff;--text:#0b1730;--muted:#5f6f8d;--border:#d3def3;--accent:#126fe8;--accent-strong:#0f59bd;--blue:#265fd8;--violet:#7048c8;--red:#d92736;--amber:#9a6900;--danger:#c83242;--shadow:0 22px 60px rgba(17,48,104,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 14px)}body{margin:0;background:radial-gradient(circle at 12% 0,rgba(45,118,255,.20),transparent 34rem),radial-gradient(circle at 92% 8%,rgba(255,61,72,.11),transparent 30rem),linear-gradient(rgba(29,75,148,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(29,75,148,.035) 1px,transparent 1px),var(--bg);background-size:auto,auto,42px 42px,42px 42px,auto;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}.section-shell{width:min(1240px,calc(100% - 36px));margin-inline:auto}.site-header{height:var(--header);position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 clamp(18px,4vw,58px);border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:max-content}.brand img{width:52px;height:42px;object-fit:contain}.brand span{display:grid}.brand strong{font-size:1rem}.brand small{font-size:.71rem;color:var(--muted);letter-spacing:.02em}.main-nav{display:flex;justify-content:center;align-items:center;gap:3px}.main-nav a{padding:9px 10px;border-radius:10px;text-decoration:none;font-size:.88rem;font-weight:700;color:var(--muted)}.main-nav a:hover{background:var(--surface-2);color:var(--text)}.header-actions{display:flex;align-items:center;gap:9px}.theme-toggle,.nav-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;width:42px;height:42px;cursor:pointer;font-size:1rem}.nav-toggle{display:none}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:43px;padding:10px 16px;border:1px solid transparent;border-radius:12px;text-decoration:none;font-weight:800;cursor:pointer;font:inherit;font-size:.92rem;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#228cff,#51b8ff);color:#031226;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 20%,transparent)}html[data-theme="light"] .btn-primary{color:#fff}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.btn-lg{min-height:50px;padding:13px 20px}.hero{min-height:calc(86vh - var(--header));display:grid;grid-template-columns:minmax(0,1.03fr) minmax(400px,.97fr);align-items:center;gap:54px;padding-block:82px 70px}.eyebrow,.kicker{font-size:.76rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));padding:7px 11px;border-radius:999px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent)}.hero h1{font-size:clamp(3.2rem,6.6vw,6.5rem);line-height:.91;letter-spacing:-.065em;margin:22px 0 24px;max-width:850px}.hero h1 span{display:block;background:linear-gradient(100deg,#75caff,#4f83ff 56%,#ff4d58);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.7;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.hero-badges span{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 86%,transparent);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:750;color:var(--muted)}.hero-console{position:relative;overflow:hidden;padding:22px;border:1px solid var(--border);border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,#041108),color-mix(in srgb,var(--surface-2) 90%,#071727));box-shadow:var(--shadow)}.hero-console:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(66,165,255,.13),transparent,rgba(255,61,72,.08),transparent);animation:spin 20s linear infinite}.hero-console>*{position:relative}.console-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--border);font-size:.68rem;font-weight:900;letter-spacing:.12em;color:var(--accent)}.dots{display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dots i:first-child{background:#ff6969}.dots i:nth-child(2){background:#ffc956}.dots i:last-child{background:var(--accent)}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.metric,.console-card,.timeline{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 89%,transparent);border-radius:16px;padding:15px}.metric small,.console-card small{display:block;color:var(--muted);font-size:.72rem}.metric strong{display:block;margin:6px 0 10px;font-size:1.08rem}.tag{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;font-size:.68rem;font-weight:850}.tag.blue{background:rgba(74,168,255,.14);color:#79bdff}.tag.amber{background:rgba(244,201,93,.13);color:#ffd876}.tag.green{background:rgba(72,226,125,.13);color:#86f4a7}.console-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:11px}.console-card strong{display:block;margin-top:5px}.console-card p{margin:5px 0 0;color:var(--muted);font-size:.77rem}.timeline{display:grid;gap:0;margin-top:11px}.timeline>div{display:grid;grid-template-columns:27px 1fr;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--border)}.timeline>div:last-child{border-bottom:0}.timeline i{font-style:normal;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);font-size:.75rem}.timeline .done i{background:rgba(72,226,125,.14);color:var(--accent)}.timeline .active i{background:rgba(74,168,255,.14);color:var(--blue)}.timeline strong{display:block;font-size:.84rem}.timeline small{display:block;color:var(--muted);font-size:.71rem;margin-top:2px}.trust-strip{border-block:1px solid var(--border);background:color-mix(in srgb,var(--surface) 55%,transparent)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:25px 22px;border-right:1px solid var(--border)}.trust-grid>div:last-child{border-right:0}.trust-grid strong{display:block;font-size:1.08rem}.trust-grid small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}.content-section{padding:88px 0}.content-section.alternate{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 72%,transparent),color-mix(in srgb,var(--surface) 45%,transparent));border-block:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.section-heading{max-width:780px;margin-bottom:36px}.section-heading.center{text-align:center;margin-inline:auto}.section-heading h2{font-size:clamp(2.15rem,4.2vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:11px 0 14px}.section-heading p{color:var(--muted);font-size:1.04rem;line-height:1.7;margin:0}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);min-height:415px;box-shadow:0 12px 35px rgba(0,0,0,.05)}.module-card .icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--border));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 12%,var(--surface-2)),color-mix(in srgb,var(--accent) 8%,var(--surface)));color:#8fc8ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.16)}.module-card h3{font-size:1.25rem;margin:17px 0 9px}.module-card>p{color:var(--muted);margin:0;line-height:1.6;font-size:.92rem}.module-card ul,.experience-card ul,.requirements-grid ul,.price-card ul{list-style:none;padding:0;margin:16px 0}.module-card li,.experience-card li,.requirements-grid li,.price-card li{position:relative;padding:6px 0 6px 18px;color:color-mix(in srgb,var(--text) 86%,var(--muted));font-size:.86rem}.module-card li:before,.experience-card li:before,.requirements-grid li:before,.price-card li:before{content:"";position:absolute;left:0;top:12px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.tech-note{margin-top:auto;padding:11px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font-size:.76rem;line-height:1.5;color:var(--muted)}.experience-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:14px}.experience-card{padding:27px;border:1px solid var(--border);border-radius:22px;background:var(--surface);min-height:360px}.experience-card.featured{background:radial-gradient(circle at 15% 15%,rgba(72,226,125,.12),transparent 42%),var(--surface)}.card-label{font-size:.7rem;font-weight:900;letter-spacing:.12em;color:var(--accent)}.blue-label{color:var(--blue)}.violet-label{color:var(--violet)}.experience-card h3{font-size:1.6rem;line-height:1.16;margin:15px 0 10px}.experience-card>p{color:var(--muted);line-height:1.65}.feature-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tech-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:44px;align-items:start}.stack-list{display:grid;gap:9px}.stack-list>div{display:grid;grid-template-columns:62px 185px 1fr;gap:15px;align-items:center;padding:14px;border:1px solid var(--border);background:var(--surface);border-radius:14px}.stack-list span{font-size:.7rem;font-weight:900;color:var(--accent);letter-spacing:.1em}.stack-list strong{font-size:.92rem}.stack-list small{color:var(--muted);line-height:1.4}.architecture-card{position:sticky;top:calc(var(--header) + 22px);padding:27px;border:1px solid var(--border);border-radius:25px;background:radial-gradient(circle at 50% 0,rgba(74,168,255,.1),transparent 45%),var(--surface);box-shadow:var(--shadow);text-align:center}.architecture-card>i{display:block;font-style:normal;color:var(--muted);margin:8px}.arch-node{padding:16px;border-radius:15px;border:1px solid var(--border);background:var(--surface-2)}.arch-node strong,.arch-node small{display:block}.arch-node small,.arch-services small{color:var(--muted);font-size:.74rem;margin-top:3px}.arch-node.public{border-color:color-mix(in srgb,var(--accent) 38%,var(--border))}.arch-node.app{border-color:color-mix(in srgb,var(--blue) 38%,var(--border))}.arch-split{display:flex;justify-content:space-around;color:var(--muted);padding:8px}.arch-services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.arch-services>div{padding:12px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.arch-services strong{font-size:.78rem}.architecture-card>p{color:var(--muted);font-size:.82rem;margin:18px 0 0;line-height:1.55}.requirements-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.requirements-grid article{padding:21px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.requirements-grid h3{margin:0;font-size:1.15rem}.cpanel-note{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:center;margin-top:18px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--border));border-radius:17px;background:color-mix(in srgb,var(--blue) 6%,var(--surface))}.cpanel-note span{font-size:.7rem;font-weight:900;letter-spacing:.11em;color:var(--blue)}.cpanel-note strong{display:block;font-size:1.15rem;margin-top:4px}.cpanel-note p{margin:0;color:var(--muted);line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.price-card{position:relative;display:flex;flex-direction:column;padding:25px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 15px 45px rgba(0,0,0,.06)}.price-card.recommended{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 22px 55px color-mix(in srgb,var(--accent) 10%,transparent)}.plan-highlight{width:max-content;max-width:100%;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border))}.price-card h3{font-size:1.25rem;margin:16px 0 7px}.plan-desc{min-height:70px;color:var(--muted);font-size:.9rem;line-height:1.55;margin:0}.price{display:flex;align-items:baseline;gap:8px;padding:19px 0;border-bottom:1px solid var(--border)}.price strong{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1;letter-spacing:-.05em}.price span{color:var(--muted);font-size:.8rem}.price-card ul{margin-bottom:20px}.price-card .btn{margin-top:auto}.pricing-footnotes{margin-top:18px;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.pricing-footnotes p{margin:6px 0;color:var(--muted);font-size:.83rem;line-height:1.5}.pricing-footnotes code,.section-heading code,.form-note code,.faq-list code{padding:2px 5px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.faq-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:54px;align-items:start}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid var(--border);border-radius:15px;background:var(--surface);padding:0 17px}.faq-list summary{cursor:pointer;font-weight:800;padding:17px 24px 17px 0;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;color:var(--accent)}.faq-list details[open] summary:after{content:"–"}.faq-list p{margin:0;padding:0 0 17px;color:var(--muted);line-height:1.6}.contact-section{background:radial-gradient(circle at 20% 40%,rgba(72,226,125,.12),transparent 34rem),radial-gradient(circle at 90% 70%,rgba(74,168,255,.1),transparent 32rem)}.contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:54px;align-items:start}.contact-copy h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.045em;margin:12px 0}.contact-copy>p{color:var(--muted);line-height:1.7}.contact-cards{display:grid;gap:9px;margin-top:24px}.contact-cards a{display:grid;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface);text-decoration:none}.contact-cards a:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.contact-cards small{color:var(--muted);font-size:.73rem}.contact-cards strong{font-size:.92rem;margin-top:3px;overflow-wrap:anywhere}.contact-form{padding:26px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label{display:grid;gap:7px;margin-bottom:13px;font-size:.8rem;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);font:inherit;padding:11px 12px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.contact-form textarea{resize:vertical;min-height:135px}.consent{grid-template-columns:18px 1fr!important;align-items:start!important;font-weight:500!important;color:var(--muted)}.consent input{width:16px;height:16px;margin-top:2px}.form-note{display:block;color:var(--muted);margin-top:11px;line-height:1.5}.form-alert{padding:12px 13px;border-radius:11px;margin-bottom:14px;font-size:.85rem;font-weight:700}.form-alert.success{border:1px solid rgba(72,226,125,.35);background:rgba(72,226,125,.1);color:var(--accent-strong)}.form-alert.error{border:1px solid rgba(255,125,125,.35);background:rgba(255,125,125,.1);color:var(--danger)}.hp-field{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.site-footer{border-top:1px solid var(--border);background:var(--bg-2)}.footer-grid{min-height:110px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:46px;height:38px;object-fit:contain}.footer-brand span{display:grid}.footer-brand small,.site-footer p{color:var(--muted);font-size:.76rem}.site-footer p{text-align:center}.site-footer>a,.footer-grid>a{font-size:.8rem;font-weight:750;text-decoration:none;color:var(--muted)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.site-header{grid-template-columns:auto 1fr auto}.main-nav{position:absolute;top:calc(100% + 8px);right:18px;width:min(330px,calc(100vw - 36px));display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px}.nav-toggle{display:block;justify-self:end}.header-actions{grid-column:3}.desktop-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center}.hero-copy .eyebrow{margin-inline:auto}.hero-actions,.hero-badges{justify-content:center}.hero-console{width:min(760px,100%);margin-inline:auto}.module-grid{grid-template-columns:repeat(2,1fr)}.experience-grid{grid-template-columns:1fr 1fr}.experience-card.featured{grid-column:1/-1}.tech-layout{grid-template-columns:1fr}.architecture-card{position:relative;top:auto}.requirements-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:760px;margin-inline:auto}.plan-desc{min-height:auto}.faq-layout,.contact-layout{grid-template-columns:1fr}.faq-layout .section-heading{margin-bottom:0}.contact-copy{max-width:700px}}
@media(max-width:720px){:root{--header:66px}.section-shell{width:min(100% - 24px,1240px)}.site-header{padding-inline:12px;gap:8px}.brand img{width:44px;height:36px}.brand small{display:none}.theme-toggle,.nav-toggle{width:38px;height:38px}.header-actions{gap:6px}.hero{padding-block:50px 46px;gap:30px}.hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.hero-copy>p{font-size:.98rem}.hero-actions .btn{width:100%}.console-grid,.module-grid,.experience-grid,.requirements-grid,.field-row{grid-template-columns:1fr}.experience-card.featured{grid-column:auto}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{border-bottom:1px solid var(--border)}.trust-grid>div:nth-child(2){border-right:0}.trust-grid>div:nth-last-child(-n+2){border-bottom:0}.content-section{padding:60px 0}.module-card{min-height:auto}.feature-columns{grid-template-columns:1fr}.stack-list>div{grid-template-columns:52px 1fr}.stack-list small{grid-column:2}.architecture-card{padding:18px}.arch-services{grid-template-columns:1fr}.cpanel-note{grid-template-columns:1fr;gap:10px}.contact-form{padding:18px}.footer-grid{grid-template-columns:1fr;text-align:center;padding:24px 0}.footer-brand{justify-content:center}.site-footer p{margin:0}}
@media(max-width:470px){.brand strong{font-size:.88rem}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid var(--border)!important}.trust-grid>div:last-child{border-bottom:0!important}.console-card{align-items:flex-start;flex-direction:column}.price strong{font-size:2.25rem}.main-nav{right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-console:before{animation:none}.reveal{opacity:1;transform:none;transition:none}}


.hero-brand-mark{display:block;width:min(430px,100%);height:auto;margin:0 0 18px;filter:drop-shadow(0 16px 35px rgba(0,0,0,.18))}
.brand img{width:52px;height:52px;object-fit:cover;border-radius:14px}
.footer-brand img{width:48px;height:48px;object-fit:cover;border-radius:12px}
.module-card .icon,.contact-card-icon{display:grid;place-items:center}
.module-card .icon svg,.contact-card-icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}
.contact-cards a{grid-template-columns:52px 1fr;column-gap:12px;align-items:center}
.contact-card-icon{grid-row:1/span 2;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--blue) 10%,var(--surface-2));color:var(--blue)}
.contact-cards small{margin-top:0}
.contact-cards strong{margin-top:0}
@media(max-width:720px){.hero-brand-mark{margin-inline:auto}.contact-cards a{grid-template-columns:48px 1fr}.contact-card-icon{width:48px;height:48px}}


.brand.brand-horizontal{min-width:auto}
.brand.brand-horizontal .site-logo{width:190px;height:auto;object-fit:contain;border-radius:0}
.footer-brand .footer-logo{width:180px;height:auto;object-fit:contain;border-radius:0}
.hero-brand-mark{width:min(460px,100%)}
.module-card .icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 82%,#0f2f79),color-mix(in srgb,var(--surface) 90%,#081431));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.22);border:1px solid color-mix(in srgb,var(--blue) 34%,var(--border));color:#8dc7ff}
.module-card .icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.module-card:nth-child(3n+1) .icon{color:#8dc7ff;border-color:color-mix(in srgb,var(--blue) 38%,var(--border))}
.module-card:nth-child(3n+2) .icon{color:#87f0ad;border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 82%,#0a5031),color-mix(in srgb,var(--surface) 90%,#061d14))}
.module-card:nth-child(3n) .icon{color:#ffb6a1;border-color:color-mix(in srgb,#ff6d42 38%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 82%,#5d1d12),color-mix(in srgb,var(--surface) 90%,#261009))}
.contact-card-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.18)}
@media(max-width:720px){.brand.brand-horizontal .site-logo{width:150px}.footer-brand .footer-logo{width:150px}}


/* Premium 1.0.3 */
.site-header{box-shadow:0 10px 40px rgba(0,0,0,.14)}
.hero{position:relative}
.hero:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;left:-220px;top:40px;background:radial-gradient(circle,rgba(51,131,255,.16),transparent 68%);pointer-events:none}
.hero-brand-mark{filter:drop-shadow(0 22px 55px rgba(0,0,0,.30))}
.hero-console{border-color:color-mix(in srgb,var(--blue) 32%,var(--border));background:radial-gradient(circle at 85% 4%,rgba(255,61,72,.10),transparent 34%),radial-gradient(circle at 5% 95%,rgba(61,125,255,.14),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#061744),color-mix(in srgb,var(--surface-2) 94%,#160b25))}
.trust-strip{background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 68%,transparent),color-mix(in srgb,var(--surface-2) 48%,transparent))}
.content-section.alternate{background:radial-gradient(circle at 8% 15%,rgba(61,125,255,.07),transparent 28rem),radial-gradient(circle at 94% 85%,rgba(255,61,72,.045),transparent 25rem),linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 76%,transparent),color-mix(in srgb,var(--surface) 48%,transparent))}
.module-card{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 96%,#0d2457),var(--surface))}
.module-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue),transparent 55%);opacity:.7}
.module-card:nth-child(3n+2):before{background:linear-gradient(90deg,#42c7ff,transparent 55%)}
.module-card:nth-child(3n):before{background:linear-gradient(90deg,var(--red),transparent 55%)}
.module-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--blue) 45%,var(--border));box-shadow:0 24px 55px rgba(0,0,0,.22)}
.module-card .icon{position:relative;isolation:isolate;overflow:hidden}
.module-card .icon:before{content:"";position:absolute;width:36px;height:36px;border-radius:50%;background:currentColor;opacity:.11;filter:blur(7px);z-index:-1}
.module-card .icon:after{content:"";position:absolute;inset:5px;border-radius:12px;border:1px solid rgba(255,255,255,.07);z-index:-1}
.module-card .icon svg{filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
.price-card{overflow:hidden}
.price-card.recommended:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2e94ff,#ff3d48)}

.access-section{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(56,125,255,.10),transparent 34rem)}
.domain-showcase{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;overflow:hidden;margin:4px auto 28px;padding:30px 34px;border:1px solid color-mix(in srgb,var(--blue) 42%,var(--border));border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,#081e50),color-mix(in srgb,var(--surface-2) 91%,#1d0c27));box-shadow:var(--shadow)}
.domain-glow{position:absolute;width:380px;height:380px;border-radius:50%;right:-130px;top:-180px;background:radial-gradient(circle,rgba(255,61,72,.19),transparent 65%);pointer-events:none}
.domain-copy{position:relative;z-index:2}
.mini-label{font-size:.69rem;font-weight:900;letter-spacing:.14em;color:var(--accent-strong)}
.domain-copy h3{margin:9px 0 10px;font-size:clamp(1.9rem,4vw,3.7rem);letter-spacing:-.045em;line-height:1.05;overflow-wrap:anywhere}
.domain-copy>p{max-width:820px;color:var(--muted);margin:0;line-height:1.65}
.domain-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.domain-options span{display:grid;gap:3px;padding:10px 13px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.035);font-size:.8rem;color:var(--text)}
.domain-options b{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.domain-brand{position:relative;z-index:2;width:150px;height:150px;padding:9px;border-radius:34px;background:rgba(255,255,255,.035);border:1px solid var(--border);box-shadow:0 22px 50px rgba(0,0,0,.28)}
.domain-brand img{width:100%;height:100%;object-fit:cover;border-radius:27px}
.access-flow{display:grid;grid-template-columns:1fr 46px 1fr 46px 1fr;gap:0;align-items:stretch}
.access-card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--border);border-radius:23px;background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface-2) 88%,#071735));box-shadow:0 16px 42px rgba(0,0,0,.10)}
.access-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#3c8cff,transparent 72%)}
.order-card:before{background:linear-gradient(90deg,#5cc8ff,#665cff,transparent 80%)}
.panel-card:before{background:linear-gradient(90deg,#ff3d48,#7c4dff,transparent 80%)}
.access-number{position:absolute;right:17px;top:12px;font-size:3.1rem;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.045)}
.access-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;border:1px solid color-mix(in srgb,var(--blue) 42%,var(--border));background:linear-gradient(145deg,rgba(61,125,255,.18),rgba(61,125,255,.05));color:#88c8ff;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.panel-card .access-icon{color:#ff8c95;border-color:rgba(255,61,72,.35);background:linear-gradient(145deg,rgba(255,61,72,.15),rgba(124,77,255,.07))}
.access-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.access-audience{display:block;margin-top:18px;font-size:.67rem;font-weight:900;letter-spacing:.13em;color:var(--accent-strong)}
.panel-card .access-audience{color:#ff8b94}
.access-card h3{font-size:1.45rem;margin:7px 0 8px}
.access-card>p{color:var(--muted);font-size:.91rem;line-height:1.62;margin:0 0 16px}
.access-card ul{list-style:none;padding:0;margin:16px 0 0}
.access-card li{position:relative;padding:5px 0 5px 18px;color:color-mix(in srgb,var(--text) 86%,var(--muted));font-size:.82rem}
.access-card li:before{content:"";position:absolute;left:1px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px rgba(61,125,255,.55)}
.browser-mini{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--bg-2);margin-top:17px}
.browser-top{display:flex;align-items:center;gap:5px;padding:9px 10px;border-bottom:1px solid var(--border);background:var(--surface-2)}
.browser-top i{width:7px;height:7px;border-radius:50%;background:#ff5e67}.browser-top i:nth-child(2){background:#ffc857}.browser-top i:nth-child(3){background:#43da77}
.browser-top span{min-width:0;margin-left:5px;padding:4px 7px;border-radius:7px;background:rgba(0,0,0,.14);color:var(--muted);font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.browser-body{display:grid;gap:4px;padding:15px}.browser-body strong{font-size:.88rem}.browser-body small{color:var(--muted);line-height:1.45}
.url-chip{display:grid;gap:4px;padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:rgba(0,0,0,.10)}
.url-chip span{font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.url-chip strong{font-size:.78rem;overflow-wrap:anywhere;color:var(--accent-strong)}
.panel-card .url-chip strong{color:#ff9aa2}
.flow-arrow{display:grid;place-items:center;color:var(--accent);font-size:1.45rem;font-weight:900;opacity:.65}
.flow-arrow.secure{color:var(--red)}
.access-summary{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:19px;padding:13px 16px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface) 70%,transparent);font-size:.82rem}
.access-summary span{font-size:.63rem;font-weight:900;letter-spacing:.11em;color:var(--muted)}
.access-summary strong{font-weight:800}.access-summary i{width:1px;height:22px;background:var(--border);margin:0 6px}

@media(max-width:1100px){.access-flow{grid-template-columns:1fr 1fr;gap:14px}.flow-arrow{display:none}.panel-card{grid-column:1/-1}.domain-showcase{grid-template-columns:1fr auto}}
@media(max-width:720px){.domain-showcase{grid-template-columns:1fr;padding:22px}.domain-brand{width:110px;height:110px;grid-row:1;justify-self:start}.domain-copy h3{font-size:2rem}.access-flow{grid-template-columns:1fr}.panel-card{grid-column:auto}.access-summary{align-items:flex-start;justify-content:flex-start}.access-summary i{width:100%;height:1px;margin:2px 0}.domain-options{display:grid}.domain-options span{width:100%}}

/* Premium refinements 1.0.4 — header + pricing */
.site-header{
  top:10px;
  width:min(1360px,calc(100% - 24px));
  height:68px;
  margin:10px auto 0;
  padding:8px 10px 8px 14px;
  border:1px solid color-mix(in srgb,var(--blue) 20%,var(--border));
  border-radius:20px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 86%,transparent),color-mix(in srgb,var(--bg-2) 82%,transparent));
  box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  grid-template-columns:auto 1fr auto;
  gap:18px;
}
.site-header:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(46,148,255,.08),transparent 36%,transparent 64%,rgba(255,61,72,.055));
}
.brand.brand-horizontal{position:relative;z-index:1;padding:2px 7px 2px 2px}
.brand.brand-horizontal .site-logo{width:164px;max-height:50px;filter:drop-shadow(0 7px 16px rgba(0,0,0,.2))}
.main-nav{
  position:relative;
  z-index:1;
  justify-self:center;
  display:flex;
  align-items:center;
  gap:3px;
  padding:4px;
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent);
  border-radius:15px;
  background:color-mix(in srgb,var(--surface-2) 52%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.main-nav a{
  position:relative;
  padding:8px 10px;
  border-radius:11px;
  color:color-mix(in srgb,var(--text) 72%,var(--muted));
  font-size:.78rem;
  font-weight:780;
  letter-spacing:.005em;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.main-nav a:after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:3px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue),#7a76ff,var(--red));
  transition:left .18s ease,right .18s ease;
  opacity:0;
}
.main-nav a:hover{
  color:var(--text);
  background:linear-gradient(135deg,rgba(46,148,255,.13),rgba(255,61,72,.055));
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  transform:translateY(-1px);
}
.main-nav a:hover:after{left:22%;right:22%;opacity:1}
.header-actions{position:relative;z-index:1;gap:7px}
.theme-toggle,.nav-toggle{
  border-color:color-mix(in srgb,var(--blue) 20%,var(--border));
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 80%,#102b62),var(--surface));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.desktop-cta{
  min-height:42px;
  padding:9px 15px;
  border-radius:12px;
  background:linear-gradient(135deg,#238dff 0%,#586dff 58%,#f3475a 125%);
  color:#fff;
  box-shadow:0 10px 24px rgba(39,112,255,.22);
}
.desktop-cta:hover{box-shadow:0 14px 30px rgba(39,112,255,.30)}

.pricing-grid{gap:18px}
.price-card{
  border-width:1px;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.price-card:hover{transform:translateY(-5px)}
.price-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
}
.price-card .price{
  position:relative;
  overflow:hidden;
  margin:16px -7px 0;
  padding:18px 16px;
  border:1px solid var(--border);
  border-radius:17px;
  background:var(--surface-2);
}
.price-card .price:after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  right:-46px;
  top:-62px;
  opacity:.18;
  filter:blur(2px);
}
.price strong{white-space:nowrap;font-size:clamp(1.95rem,3vw,2.95rem);letter-spacing:-.055em}
.price span{white-space:nowrap}

.plan-shared{
  border-color:color-mix(in srgb,#2d8cff 42%,var(--border));
  background:radial-gradient(circle at 100% 0,rgba(45,140,255,.11),transparent 32%),var(--surface);
  box-shadow:0 18px 46px rgba(26,91,180,.10);
}
.plan-shared:before{background:linear-gradient(90deg,#2d8cff,#58c8ff)}
.plan-shared .plan-highlight{color:#70c2ff;border-color:rgba(45,140,255,.30);background:rgba(45,140,255,.09)}
.plan-shared .price{border-color:rgba(45,140,255,.25);background:linear-gradient(135deg,rgba(45,140,255,.16),rgba(45,140,255,.045))}
.plan-shared .price:after{background:#2d8cff}
.plan-shared .price strong{color:#80caff}
.plan-shared li:before{background:#2d8cff}

.plan-dedicated{
  border-color:color-mix(in srgb,#2fca8f 48%,var(--border));
  background:radial-gradient(circle at 100% 0,rgba(47,202,143,.11),transparent 32%),var(--surface);
  box-shadow:0 22px 56px rgba(22,142,102,.13);
}
.plan-dedicated:before,.price-card.recommended:before{background:linear-gradient(90deg,#24c88b,#74e7b8)}
.plan-dedicated .plan-highlight{color:#74e7b8;border-color:rgba(47,202,143,.30);background:rgba(47,202,143,.09)}
.plan-dedicated .price{border-color:rgba(47,202,143,.25);background:linear-gradient(135deg,rgba(47,202,143,.16),rgba(47,202,143,.045))}
.plan-dedicated .price:after{background:#2fca8f}
.plan-dedicated .price strong{color:#80edc2}
.plan-dedicated li:before{background:#2fca8f}

.plan-source{
  border-color:color-mix(in srgb,#ff5662 45%,var(--border));
  background:radial-gradient(circle at 100% 0,rgba(255,86,98,.11),transparent 32%),var(--surface);
  box-shadow:0 18px 46px rgba(174,43,59,.10);
}
.plan-source:before{background:linear-gradient(90deg,#ff5662,#ff9a55)}
.plan-source .plan-highlight{color:#ff9b89;border-color:rgba(255,86,98,.30);background:rgba(255,86,98,.09)}
.plan-source .price{border-color:rgba(255,86,98,.25);background:linear-gradient(135deg,rgba(255,86,98,.16),rgba(255,145,73,.045))}
.plan-source .price:after{background:#ff5662}
.plan-source .price strong{color:#ff9b8e;font-size:clamp(1.72rem,2.45vw,2.55rem)}
.plan-source li:before{background:#ff5662}

@media(max-width:1180px){
  .site-header{width:min(1120px,calc(100% - 20px));gap:10px}
  .brand.brand-horizontal .site-logo{width:148px}
  .main-nav a{padding:8px 8px;font-size:.73rem}
}
@media(max-width:1100px){
  .site-header{top:8px;margin-top:8px;height:64px;grid-template-columns:auto 1fr auto}
  .main-nav{position:absolute;top:calc(100% + 9px);right:0;width:min(350px,calc(100vw - 20px));padding:9px;border-radius:17px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 22px 55px rgba(0,0,0,.30);display:none;flex-direction:column;align-items:stretch}
  .main-nav.open{display:flex}
  .main-nav a{padding:11px 12px;font-size:.84rem}
  .main-nav a:after{display:none}
  .nav-toggle{display:block}
  .header-actions{grid-column:3}
  .desktop-cta{display:none}
}
@media(max-width:720px){
  .site-header{width:calc(100% - 16px);padding:7px 8px 7px 10px;border-radius:17px}
  .brand.brand-horizontal .site-logo{width:138px;max-height:44px}
  .price-card .price{margin-top:13px}
  .price strong{font-size:2.25rem}
  .plan-source .price strong{font-size:2rem}
}
@media(max-width:470px){
  .brand.brand-horizontal .site-logo{width:122px}
  .price{flex-wrap:wrap;row-gap:5px}
  .price strong{font-size:2.05rem}
  .plan-source .price strong{font-size:1.85rem}
}

/* Demo comercial 1.0.5 */
.main-nav a.nav-demo{
  color:#b8dcff;
  border:1px solid rgba(66,165,255,.20);
  background:linear-gradient(135deg,rgba(66,165,255,.13),rgba(139,108,255,.08));
}
.main-nav a.nav-demo:before{
  content:"";
  width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:1px;
  background:#54d69f;box-shadow:0 0 0 4px rgba(84,214,159,.10),0 0 14px rgba(84,214,159,.55);
}
.main-nav a.nav-demo:hover{color:#fff;background:linear-gradient(135deg,rgba(66,165,255,.22),rgba(139,108,255,.14))}
.btn-demo{
  color:#fff;
  border-color:rgba(66,165,255,.34);
  background:linear-gradient(135deg,#167ee9 0%,#665cff 72%,#8b62ff 100%);
  box-shadow:0 12px 28px rgba(55,103,244,.25);
}
.btn-demo:hover{box-shadow:0 16px 34px rgba(55,103,244,.34)}
.btn-panel-demo{
  color:#fff;
  border-color:rgba(255,86,98,.34);
  background:linear-gradient(135deg,#e94155 0%,#ff6259 62%,#ff8b5e 100%);
  box-shadow:0 12px 28px rgba(224,60,78,.22);
}
.btn-panel-demo:hover{box-shadow:0 16px 34px rgba(224,60,78,.32)}
.demo-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 12%,rgba(38,126,255,.17),transparent 31rem),
    radial-gradient(circle at 88% 78%,rgba(255,74,88,.10),transparent 30rem),
    linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 76%,transparent),color-mix(in srgb,var(--surface) 38%,transparent));
  border-block:1px solid color-mix(in srgb,var(--blue) 22%,var(--border));
}
.demo-section:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;
  background-image:linear-gradient(rgba(77,136,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(77,136,235,.045) 1px,transparent 1px);
  background-size:34px 34px;
}
.demo-section>.section-shell{position:relative}
.demo-heading{max-width:900px}
.demo-heading p strong{color:var(--text)}
.demo-hero-card{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;
  padding:30px 32px;margin-bottom:18px;
  border:1px solid color-mix(in srgb,var(--blue) 34%,var(--border));border-radius:26px;
  background:linear-gradient(135deg,rgba(35,102,215,.15),rgba(13,30,66,.78) 56%,rgba(255,61,72,.07));
  box-shadow:0 24px 65px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045);
}
html[data-theme="light"] .demo-hero-card{background:linear-gradient(135deg,rgba(35,102,215,.09),rgba(255,255,255,.88) 60%,rgba(255,61,72,.04))}
.demo-live{display:inline-flex;align-items:center;gap:9px;font-size:.7rem;font-weight:900;letter-spacing:.12em;color:#77e6b4}
.demo-live i{width:9px;height:9px;border-radius:50%;background:#50d79e;box-shadow:0 0 0 5px rgba(80,215,158,.10),0 0 18px rgba(80,215,158,.52)}
.demo-hero-copy h3{font-size:clamp(1.65rem,3vw,2.65rem);letter-spacing:-.035em;margin:12px 0 8px}
.demo-hero-copy>p{color:var(--muted);max-width:760px;line-height:1.65;margin:0}
.demo-main-link{display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:center;margin-top:20px;max-width:650px;padding:12px 15px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 74%,transparent);text-decoration:none}
.demo-main-link span{grid-column:1;color:var(--muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.demo-main-link strong{grid-column:1;margin-top:2px;font-size:.9rem;overflow-wrap:anywhere}
.demo-main-link b{grid-column:2;grid-row:1/3;font-size:1.35rem;color:var(--accent)}
.demo-main-link:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--blue) 8%,var(--surface))}
.demo-version-mark{min-width:190px;padding:22px;border:1px solid rgba(116,159,255,.22);border-radius:22px;background:rgba(4,15,43,.46);text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="light"] .demo-version-mark{background:rgba(235,242,255,.80)}
.demo-version-mark small,.demo-version-mark span{display:block;color:var(--muted)}
.demo-version-mark small{font-size:.66rem;font-weight:900;letter-spacing:.12em}.demo-version-mark strong{display:block;font-size:2.35rem;line-height:1;margin:10px 0;color:#87c7ff;letter-spacing:-.05em}.demo-version-mark span{font-size:.7rem}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.demo-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:500px;padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 18px 48px rgba(0,0,0,.12)}
.demo-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px}
.demo-orders{border-color:color-mix(in srgb,#3e91ff 38%,var(--border));background:radial-gradient(circle at 100% 0,rgba(55,133,255,.13),transparent 33%),var(--surface)}
.demo-orders:before{background:linear-gradient(90deg,#2d8cff,#7469ff)}
.demo-panel{border-color:color-mix(in srgb,#ff5d69 36%,var(--border));background:radial-gradient(circle at 100% 0,rgba(255,86,98,.12),transparent 33%),var(--surface)}
.demo-panel:before{background:linear-gradient(90deg,#f33f55,#ff8c5e)}
.demo-card-top{display:flex;justify-content:space-between;align-items:center}
.demo-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--border);border-radius:17px;background:var(--surface-2)}
.demo-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.demo-orders .demo-icon{color:#82c4ff;border-color:rgba(61,145,255,.26);background:rgba(61,145,255,.09)}
.demo-panel .demo-icon{color:#ff998f;border-color:rgba(255,93,105,.25);background:rgba(255,93,105,.08)}
.demo-version{padding:6px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:.7rem;font-weight:850;letter-spacing:.06em}
.demo-audience{display:block;margin-top:22px;font-size:.69rem;font-weight:900;letter-spacing:.12em;color:var(--muted)}
.demo-card h3{font-size:1.85rem;letter-spacing:-.035em;margin:7px 0 8px}.demo-card>p{color:var(--muted);line-height:1.65;margin:0}
.demo-credentials{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0 12px}
.demo-credentials>div{padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}
.demo-credentials small{display:block;color:var(--muted);font-size:.69rem}.demo-credentials strong{display:block;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;letter-spacing:.01em;overflow-wrap:anywhere}
.demo-card ul{list-style:none;padding:0;margin:11px 0 20px}.demo-card li{position:relative;padding:6px 0 6px 18px;color:color-mix(in srgb,var(--text) 84%,var(--muted));font-size:.86rem}.demo-card li:before{content:"";position:absolute;left:0;top:12px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.demo-panel li:before{background:#ff6570}
.demo-open{margin-top:auto;width:100%}
.demo-note{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}
.demo-note>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(66,165,255,.10);color:#7ec4ff;font-weight:900}.demo-note p{margin:2px 0 0;color:var(--muted);font-size:.8rem;line-height:1.55}.demo-note strong{color:var(--text)}
@media(max-width:900px){.demo-hero-card{grid-template-columns:1fr}.demo-version-mark{min-width:0;text-align:left}.demo-version-mark strong{font-size:2rem}.demo-grid{grid-template-columns:1fr}.demo-card{min-height:auto}}
@media(max-width:600px){.demo-hero-card,.demo-card{padding:20px}.demo-credentials{grid-template-columns:1fr}.demo-main-link strong{font-size:.8rem}.hero-actions .btn-demo{order:-1}}

/* 1.0.7 — cabeçalho sem logomarca gráfica + terceiro tema preto/verde */
.header-wordmark{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:132px;
  padding:4px 8px;
  text-decoration:none;
  line-height:1.04;
}
.header-wordmark strong{
  color:var(--text);
  font-size:.98rem;
  font-weight:900;
  letter-spacing:.045em;
}
.header-wordmark small{
  margin-top:4px;
  color:var(--muted);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.035em;
}
.theme-toggle{
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.theme-toggle [data-theme-icon]{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:1.05rem;
  line-height:1;
  transition:transform .18s ease,opacity .18s ease;
}
.theme-toggle:hover [data-theme-icon]{transform:rotate(12deg) scale(1.08)}
.hero-brand-mark{
  box-sizing:border-box;
  width:min(470px,100%);
  padding:13px 18px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:20px;
  background:rgba(255,255,255,.96);
  box-shadow:0 20px 50px rgba(0,0,0,.24);
  filter:none;
}
.footer-brand .footer-logo{
  box-sizing:border-box;
  padding:7px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.94);
}
html[data-theme="light"] .hero-brand-mark,
html[data-theme="light"] .footer-brand .footer-logo{
  border-color:var(--border);
  background:#fff;
  box-shadow:0 14px 34px rgba(20,49,94,.10);
}

/* Tema preto e verde */
html[data-theme="green"]{
  --bg:#010403;
  --bg-2:#030a06;
  --surface:#07110b;
  --surface-2:#0b1a11;
  --surface-3:#10261a;
  --text:#f3fff7;
  --muted:#92ad9b;
  --border:#193826;
  --accent:#38e879;
  --accent-strong:#78f6a7;
  --blue:#38e879;
  --violet:#78e89d;
  --red:#20bd61;
  --amber:#d1e86c;
  --danger:#ff7f88;
  --shadow:0 28px 80px rgba(0,0,0,.58);
  color-scheme:dark;
}
html[data-theme="green"] body{
  background:
    radial-gradient(circle at 12% 0,rgba(34,220,103,.16),transparent 34rem),
    radial-gradient(circle at 92% 8%,rgba(12,108,53,.12),transparent 30rem),
    linear-gradient(rgba(40,198,99,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(40,198,99,.025) 1px,transparent 1px),
    #010403;
  background-size:auto,auto,42px 42px,42px 42px,auto;
}
html[data-theme="green"] .site-header{
  border-color:rgba(56,232,121,.24);
  background:linear-gradient(135deg,rgba(5,16,10,.92),rgba(2,8,5,.90));
  box-shadow:0 18px 52px rgba(0,0,0,.52),inset 0 1px 0 rgba(91,255,144,.045);
}
html[data-theme="green"] .site-header:before{
  background:linear-gradient(90deg,rgba(56,232,121,.10),transparent 42%,transparent 70%,rgba(40,180,91,.05));
}
html[data-theme="green"] .header-wordmark strong{color:#eafff0}
html[data-theme="green"] .header-wordmark small{color:#83a78f}
html[data-theme="green"] .main-nav{
  border-color:rgba(56,232,121,.13);
  background:rgba(8,26,15,.72);
}
html[data-theme="green"] .main-nav a{color:#9bb8a4}
html[data-theme="green"] .main-nav a:hover{
  color:#f2fff6;
  background:linear-gradient(135deg,rgba(56,232,121,.15),rgba(20,109,54,.08));
  box-shadow:0 6px 18px rgba(0,0,0,.24);
}
html[data-theme="green"] .main-nav a:after{
  background:linear-gradient(90deg,#22c764,#72f3a2,#1b9e50);
}
html[data-theme="green"] .main-nav a.nav-demo{
  color:#aef6c5;
  border-color:rgba(56,232,121,.22);
  background:linear-gradient(135deg,rgba(56,232,121,.12),rgba(20,112,55,.08));
}
html[data-theme="green"] .main-nav a.nav-demo:hover{color:#fff;background:rgba(56,232,121,.18)}
html[data-theme="green"] .theme-toggle,
html[data-theme="green"] .nav-toggle{
  border-color:rgba(56,232,121,.26);
  background:linear-gradient(145deg,#0d2818,#061008);
  color:#72f6a4;
  box-shadow:inset 0 1px 0 rgba(115,255,163,.06),0 0 0 1px rgba(0,0,0,.18);
}
html[data-theme="green"] .desktop-cta,
html[data-theme="green"] .btn-primary{
  color:#001b09;
  background:linear-gradient(135deg,#29dc6d 0%,#5ff493 62%,#8af9ae 100%);
  box-shadow:0 12px 28px rgba(38,220,106,.20);
}
html[data-theme="green"] .desktop-cta:hover,
html[data-theme="green"] .btn-primary:hover{box-shadow:0 16px 36px rgba(38,220,106,.30)}
html[data-theme="green"] .btn-secondary{
  border-color:#1d472d;
  background:#07120b;
}
html[data-theme="green"] .btn-secondary:hover{border-color:#38e879;background:#0a1a10}
html[data-theme="green"] .btn-demo{
  color:#04160a;
  border-color:rgba(56,232,121,.32);
  background:linear-gradient(135deg,#29cc66,#62ee92);
  box-shadow:0 12px 28px rgba(31,189,91,.20);
}
html[data-theme="green"] .btn-panel-demo{
  color:#eafff0;
  border-color:rgba(47,180,91,.30);
  background:linear-gradient(135deg,#0e6b35,#15964b,#22bc60);
  box-shadow:0 12px 28px rgba(10,108,51,.26);
}
html[data-theme="green"] .hero:before{
  background:radial-gradient(circle,rgba(40,222,105,.14),transparent 68%);
}
html[data-theme="green"] .hero h1 span{
  background:linear-gradient(100deg,#8af9ae,#41e77d 52%,#1aa755);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}
html[data-theme="green"] .hero-console{
  border-color:rgba(56,232,121,.28);
  background:
    radial-gradient(circle at 85% 4%,rgba(43,190,95,.09),transparent 34%),
    radial-gradient(circle at 5% 95%,rgba(56,232,121,.12),transparent 38%),
    linear-gradient(145deg,#06110a,#0a1c10);
}
html[data-theme="green"] .hero-console:before{
  background:conic-gradient(from 90deg,transparent,rgba(56,232,121,.15),transparent,rgba(31,126,65,.08),transparent);
}
html[data-theme="green"] .trust-strip{
  background:linear-gradient(90deg,rgba(5,16,9,.74),rgba(8,26,14,.52));
}
html[data-theme="green"] .content-section.alternate{
  background:
    radial-gradient(circle at 8% 15%,rgba(56,232,121,.055),transparent 28rem),
    radial-gradient(circle at 94% 85%,rgba(24,132,61,.045),transparent 25rem),
    linear-gradient(180deg,#030a06,#07110b);
}
html[data-theme="green"] .module-card{
  background:linear-gradient(160deg,#08150d,#050e08);
}
html[data-theme="green"] .module-card:before,
html[data-theme="green"] .module-card:nth-child(3n+2):before,
html[data-theme="green"] .module-card:nth-child(3n):before{
  background:linear-gradient(90deg,#35e678,transparent 58%);
}
html[data-theme="green"] .module-card:hover{
  border-color:rgba(56,232,121,.42);
  box-shadow:0 24px 55px rgba(0,0,0,.42);
}
html[data-theme="green"] .module-card .icon,
html[data-theme="green"] .module-card:nth-child(3n+1) .icon,
html[data-theme="green"] .module-card:nth-child(3n+2) .icon,
html[data-theme="green"] .module-card:nth-child(3n) .icon{
  color:#79f5a4;
  border-color:rgba(56,232,121,.26);
  background:linear-gradient(145deg,#0c2b18,#07140c);
}
html[data-theme="green"] .access-section{
  background:radial-gradient(circle at 50% 0,rgba(56,232,121,.08),transparent 34rem);
}
html[data-theme="green"] .domain-showcase{
  border-color:rgba(56,232,121,.28);
  background:linear-gradient(135deg,#07150c,#0b1d11);
}
html[data-theme="green"] .domain-glow{
  background:radial-gradient(circle,rgba(56,232,121,.13),transparent 65%);
}
html[data-theme="green"] .access-card{
  background:linear-gradient(160deg,#08150d,#07110a);
}
html[data-theme="green"] .access-card:before,
html[data-theme="green"] .order-card:before,
html[data-theme="green"] .panel-card:before{
  background:linear-gradient(90deg,#35e678,#168d49,transparent 80%);
}
html[data-theme="green"] .access-icon,
html[data-theme="green"] .panel-card .access-icon{
  color:#73f5a2;
  border-color:rgba(56,232,121,.28);
  background:rgba(56,232,121,.08);
}
html[data-theme="green"] .panel-card .access-audience,
html[data-theme="green"] .access-audience{color:#74f5a2}
html[data-theme="green"] .panel-card .url-chip strong,
html[data-theme="green"] .url-chip strong{color:#8cf8b1}
html[data-theme="green"] .demo-section{
  background:
    radial-gradient(circle at 12% 12%,rgba(56,232,121,.12),transparent 31rem),
    radial-gradient(circle at 88% 78%,rgba(19,124,57,.08),transparent 30rem),
    linear-gradient(180deg,#020805,#07110b);
  border-color:rgba(56,232,121,.16);
}
html[data-theme="green"] .demo-section:before{
  background-image:linear-gradient(rgba(56,232,121,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(56,232,121,.025) 1px,transparent 1px);
}
html[data-theme="green"] .demo-hero-card{
  border-color:rgba(56,232,121,.24);
  background:linear-gradient(135deg,rgba(28,137,66,.13),rgba(4,15,8,.88) 58%,rgba(50,190,93,.05));
}
html[data-theme="green"] .demo-version-mark{background:rgba(2,10,5,.62);border-color:rgba(56,232,121,.18)}
html[data-theme="green"] .demo-version-mark strong{color:#7ff5a8}
html[data-theme="green"] .demo-orders,
html[data-theme="green"] .demo-panel{
  border-color:rgba(56,232,121,.23);
  background:radial-gradient(circle at 100% 0,rgba(56,232,121,.08),transparent 33%),#07110b;
}
html[data-theme="green"] .demo-orders:before,
html[data-theme="green"] .demo-panel:before{background:linear-gradient(90deg,#31dc70,#1c9e51)}
html[data-theme="green"] .demo-orders .demo-icon,
html[data-theme="green"] .demo-panel .demo-icon{
  color:#79f5a4;
  border-color:rgba(56,232,121,.22);
  background:rgba(56,232,121,.07);
}
html[data-theme="green"] .demo-panel li:before{background:#38e879}
html[data-theme="green"] .demo-note>span{background:rgba(56,232,121,.09);color:#78f4a3}
html[data-theme="green"] .contact-section{
  background:radial-gradient(circle at 20% 40%,rgba(56,232,121,.10),transparent 34rem),radial-gradient(circle at 90% 70%,rgba(20,110,52,.08),transparent 32rem);
}
html[data-theme="green"] .contact-card-icon{color:#72f4a1;border-color:rgba(56,232,121,.25);background:rgba(56,232,121,.07)}

@media(max-width:1180px){
  .header-wordmark{min-width:116px;padding-left:5px}
  .header-wordmark strong{font-size:.88rem}
  .header-wordmark small{font-size:.59rem}
}
@media(max-width:1100px){
  .header-wordmark{min-width:128px}
  .nav-toggle{justify-self:end}
}
@media(max-width:720px){
  .header-wordmark{min-width:110px;padding-left:3px}
  .header-wordmark strong{font-size:.82rem}
  .header-wordmark small{font-size:.56rem}
  .hero-brand-mark{padding:10px 13px;border-radius:16px}
}
@media(max-width:470px){
  .header-wordmark small{display:none}
  .header-wordmark{min-width:88px}
}


/* 1.0.8 — legibilidade da apresentação técnica */
.stack-list>div{grid-template-columns:118px 205px minmax(0,1fr);gap:18px;align-items:center}
.stack-list span{display:block;white-space:nowrap;overflow:visible;line-height:1.25}
.stack-list strong{display:block;line-height:1.35}
.stack-list small{display:block;line-height:1.55}
.arch-services>div{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:82px}
.arch-services strong{display:block;line-height:1.25}
.arch-services small{display:block;margin:0;line-height:1.4}
@media(max-width:720px){
  .stack-list>div{grid-template-columns:1fr;gap:5px;align-items:start;padding:16px}
  .stack-list span,.stack-list strong,.stack-list small{grid-column:1;white-space:normal}
  .stack-list strong{margin-top:2px}
  .stack-list small{margin-top:2px}
}
/* 1.1.0 · Consultor Py / v0.11.0 */
.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.experience-card.featured{grid-column:auto}
.consultant-experience{background:radial-gradient(circle at 92% 8%,rgba(38,195,112,.13),transparent 42%),var(--surface)}
.consultant-label{color:#20b867}
html[data-theme="green"] .consultant-label{color:#67f59f}
@media(max-width:900px){.experience-grid{grid-template-columns:1fr}}


/* Identidade 1.0.10 — logo gráfica PAINEL PY no cabeçalho */
.header-logo-link{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;width:190px;min-width:190px;height:52px;padding:2px 4px;text-decoration:none}
.header-logo-img{display:block;width:100%;height:auto;max-height:50px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 12px rgba(0,0,0,.13))}
html[data-theme="dark"] .header-logo-link,html[data-theme="green"] .header-logo-link{padding:4px 8px;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:inset 0 0 0 1px rgba(12,34,63,.08)}
@media(max-width:1180px){.header-logo-link{width:166px;min-width:166px}}
@media(max-width:1100px){.header-logo-link{width:154px;min-width:154px;height:46px}.header-logo-img{max-height:43px}}
@media(max-width:720px){.header-logo-link{width:138px;min-width:138px;height:42px}.header-logo-img{max-height:38px}}
@media(max-width:470px){.header-logo-link{width:118px;min-width:118px}}

/* 1.1.0 · evolução PAINEL PY 0.11.0 */
.evolution-section{position:relative;overflow:hidden}
.evolution-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 30rem),radial-gradient(circle at 88% 72%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 28rem)}
.evolution-section>.section-shell{position:relative}
.evolution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.evolution-card{position:relative;min-height:300px;padding:24px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--blue) 4%),var(--surface));box-shadow:0 15px 45px rgba(0,0,0,.06);overflow:hidden}
.evolution-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--accent))}
.evolution-card>span{display:inline-flex;font-size:.7rem;line-height:1;font-weight:900;letter-spacing:.11em;color:var(--blue);padding:7px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--border));background:color-mix(in srgb,var(--blue) 7%,var(--surface-2))}
.evolution-card h3{font-size:1.32rem;line-height:1.2;margin:17px 0 9px}
.evolution-card p{margin:0;color:var(--muted);line-height:1.65;font-size:.92rem}
.evolution-card ul{list-style:none;padding:0;margin:16px 0 0;display:flex;gap:7px;flex-wrap:wrap}
.evolution-card li{padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font-size:.74rem;color:color-mix(in srgb,var(--text) 82%,var(--muted))}
html[data-theme="green"] .evolution-card:before{background:linear-gradient(90deg,#24d66d,#7af4a4)}
html[data-theme="green"] .evolution-card>span{color:#75f3a1;border-color:rgba(56,232,121,.26);background:rgba(56,232,121,.07)}
@media(max-width:1000px){.evolution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.evolution-grid{grid-template-columns:1fr}.evolution-card{min-height:auto}}