@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--transition: .3s;--maxw-content: 880px;--maxw-wide: 1140px;--maxw-narrow: 760px;--maxw-hero: 820px;--fs-hero: clamp(2.4rem, 6vw, 4rem);--fs-h1: clamp(2rem, 4.5vw, 3rem);--fs-h2: clamp(1.5rem, 3vw, 2.1rem);--fs-h3: 1.25rem;--fs-lead: clamp(1.1rem, 1.8vw, 1.3rem);--fs-body: 1.05rem;--space-section: clamp(4rem, 9vw, 7rem);--space-block: clamp(1.6rem, 3.5vw, 2.6rem);--glow-soft: color-mix(in srgb, var(--color-accent) 20%, transparent);--glow-strong: color-mix(in srgb, var(--color-accent) 50%, transparent);--line-soft: color-mix(in srgb, var(--color-accent) 35%, transparent);--surface-tint: color-mix(in srgb, var(--color-surface) 75%, transparent)}[data-accent=green]{--color-accent: #39ff14;--color-accent-contrast: #000000}[data-accent=cyan]{--color-accent: #00e5ff;--color-accent-contrast: #001014}[data-accent=magenta]{--color-accent: #ff2bd6;--color-accent-contrast: #14000f}[data-accent=amber]{--color-accent: #ffb300;--color-accent-contrast: #140d00}[data-accent=blue]{--color-accent: #2563eb;--color-accent-contrast: #ffffff}[data-accent=steel]{--color-accent: #64748b;--color-accent-contrast: #ffffff}[data-accent=teal]{--color-accent: #14b8a6;--color-accent-contrast: #04231f}[data-accent=red]{--color-accent: #ff2e4d;--color-accent-contrast: #000000}[data-accent=orange]{--color-accent: #ff7a00;--color-accent-contrast: #000000}[data-accent=purple]{--color-accent: #b44dff;--color-accent-contrast: #000000}[data-accent=pink]{--color-accent: #ff5ea8;--color-accent-contrast: #000000}[data-accent=lime]{--color-accent: #b6ff2e;--color-accent-contrast: #000000}[data-accent=gold]{--color-accent: #ffd24a;--color-accent-contrast: #000000}[data-accent=ice]{--color-accent: #9fe8ff;--color-accent-contrast: #000000}[data-bg=black]{--color-bg: #000000;--color-surface: #0a0a0a}[data-bg=charcoal]{--color-bg: #12141a;--color-surface: #1b1e27}[data-bg=navy]{--color-bg: #0a1020;--color-surface: #121a30}[data-bg=plum]{--color-bg: #160a1a;--color-surface: #241030}[data-bg=slate]{--color-bg: #2b2f36;--color-surface: #363b44}[data-bg=white]{--color-bg: #ffffff;--color-surface: #f4f5f7}[data-bg=light-grey]{--color-bg: #eceef1;--color-surface: #ffffff}[data-bg=midnight]{--color-bg: #050810;--color-surface: #0a101f}[data-bg=forest]{--color-bg: #051209;--color-surface: #0a1f12}[data-bg=wine]{--color-bg: #14060c;--color-surface: #220b16}[data-bg=deep-teal]{--color-bg: #041416;--color-surface: #082226}[data-bg=cream]{--color-bg: #f4eee2;--color-surface: #eae2d0}[data-bg=lavender]{--color-bg: #ece8f6;--color-surface: #e0daf0}[data-text=green]{--color-text: #39ff14}[data-text=cyan]{--color-text: #00e5ff}[data-text=magenta]{--color-text: #ff2bd6}[data-text=amber]{--color-text: #ffb300}[data-text=blue]{--color-text: #2563eb}[data-text=white]{--color-text: #ffffff}[data-text=light-grey]{--color-text: #c2c7cf}[data-text=grey]{--color-text: #8a909a}[data-text=dark-grey]{--color-text: #454b53}[data-text=black]{--color-text: #16181c}[data-text=orange]{--color-text: #ff9d4d}[data-text=red]{--color-text: #ff6b6b}[data-text=teal]{--color-text: #4dd9c0}[data-text=pink]{--color-text: #ff8ac2}[data-text=lime]{--color-text: #c8ff5e}[data-frame=rounded]{--radius: 10px;--panel-clip: none}[data-frame=sharp]{--radius: 0px;--panel-clip: none}[data-frame=notched]{--radius: 0px;--panel-clip: polygon(14px 0, 100% 0, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 0 100%, 0 14px)}[data-frame=pill]{--radius: 22px;--panel-clip: none}[data-frame=angled]{--radius: 0px;--panel-clip: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px) , 0 10px)}main section{padding:var(--space-section) 1.5rem}.section-inner{max-width:var(--maxw-wide);margin:0 auto;width:100%}.section-inner-narrow{max-width:var(--maxw-narrow)}.section-heading{font-family:var(--font-display);font-size:var(--fs-h2);text-transform:uppercase;letter-spacing:.06em;text-align:center;margin-bottom:1rem}.section-heading:after{content:"";display:block;width:64px;height:2px;background:var(--color-accent);box-shadow:0 0 8px var(--glow-strong);margin:.9rem auto 0}.section-intro{text-align:center;max-width:640px;margin:0 auto;font-size:var(--fs-lead);line-height:1.6;opacity:.85}.reveal{opacity:0;transform:translateY(26px);transition-property:opacity,transform;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.reveal.revealed{opacity:1;transform:none}.btn{position:relative;overflow:hidden;display:inline-block;font-family:var(--font-display);font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;text-align:center;padding:.9rem 2rem;border-radius:var(--radius);clip-path:var(--panel-clip);cursor:pointer;transition:background-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition),letter-spacing var(--transition),filter var(--transition)}.btn:before{content:"";position:absolute;top:0;bottom:0;left:-80%;width:50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-18deg);transition:left .5s ease}.btn:hover:before{left:130%}.btn:hover{transform:translateY(-2px);letter-spacing:.16em}.btn:active{transform:translateY(0) scale(.98)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn-solid{background:linear-gradient(160deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 72%,black));color:var(--color-accent-contrast);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 25%,transparent)}.btn-solid:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,white 35%,transparent),0 0 22px var(--glow-strong);filter:brightness(1.08)}.btn-outline{border:1px solid var(--color-accent);color:var(--color-accent);background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 60%)}.btn-outline:hover{background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:0 0 18px var(--glow-strong)}.btn-ghost{font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#9aa0a8;background:transparent;border:1px dashed #7a8088;border-radius:var(--radius);padding:.55rem 1rem;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.btn-ghost:hover{color:var(--color-accent);border-color:var(--color-accent)}.hero{position:relative;min-height:min(92svh,60rem);display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.4rem;text-align:center;max-width:var(--maxw-hero)}.overline{font-family:var(--font-display);font-size:.8rem;letter-spacing:.35em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--line-soft);border-radius:var(--radius);padding:.45rem 1.1rem .35rem;background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.hero-title{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:900;line-height:1.08;text-transform:uppercase;text-shadow:0 0 24px var(--glow-soft)}.hero-subtitle{font-size:var(--fs-lead);line-height:1.65;max-width:640px;min-height:3.3em;white-space:pre-wrap;opacity:.9}.hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.6rem}.hero-scroll-hint{position:absolute;bottom:1.8rem;left:50%;width:1px;height:3rem;background:linear-gradient(to bottom,var(--color-accent),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.2}50%{opacity:1}}.intro{padding-bottom:0;text-align:center}.intro-rule{display:block;width:76px;height:3px;background:var(--color-accent);box-shadow:0 0 12px var(--glow-strong);margin:0 auto 1.4rem}.intro-title{font-family:var(--font-display);font-size:var(--fs-h1);text-transform:uppercase;margin-bottom:.9rem;text-shadow:0 0 20px var(--glow-soft)}.lead{font-size:var(--fs-lead);line-height:1.6;max-width:680px;margin:0 auto;opacity:.85}.card-grid{display:grid;gap:1.4rem;margin-top:var(--space-block)}.card-grid-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card-grid-services{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.card-grid>.reveal{height:100%}.card{position:relative;height:100%;display:flex;flex-direction:column;gap:.8rem;padding:1.8rem 1.6rem;border:1px solid var(--line-soft);border-radius:var(--radius);clip-path:var(--panel-clip);background:var(--surface-tint);overflow:hidden;transition:border-color var(--transition),transform var(--transition)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent);opacity:.6}.card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.card h3{font-family:var(--font-display);font-size:var(--fs-h3);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.card p{line-height:1.6;opacity:.85}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;color:var(--color-accent);border:1px solid var(--line-soft);border-radius:var(--radius);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.service-card-head{display:flex;align-items:center;gap:.9rem}.check-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:.4rem;padding:0}.check-list li{display:flex;gap:.55rem}.check-list .icon{color:var(--color-accent);flex-shrink:0;position:relative;top:3px}.contact-card a{color:var(--color-accent);text-decoration:none;word-break:break-word}.contact-card a:hover{text-shadow:0 0 10px var(--glow-strong)}.contact-social{text-align:center;margin-top:var(--space-block)}.contact-social h3{font-family:var(--font-display);font-size:1rem;text-transform:uppercase;letter-spacing:.1em}.social-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.9rem}.social-row a{color:var(--color-accent);text-decoration:none;font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line-soft);border-radius:var(--radius);padding:.5rem 1.2rem;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.social-row a:hover{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.4rem;margin-top:var(--space-block);text-align:center}.stats-grid>.reveal{height:100%}.stat{height:100%;display:flex;flex-direction:column;gap:.4rem;padding:1.6rem 1rem;border:1px solid var(--line-soft);border-radius:var(--radius);clip-path:var(--panel-clip);background:var(--surface-tint)}.stat-value{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--color-accent);text-shadow:0 0 16px var(--glow-soft)}.stat-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.testimonial-viewport{overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius);clip-path:var(--panel-clip);background:var(--surface-tint);margin-top:var(--space-block)}.testimonial-track{display:flex;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.testimonial{flex:0 0 100%;display:flex;flex-direction:column;gap:1.4rem;padding:clamp(2rem,5vw,3.5rem);text-align:center;margin:0}.testimonial blockquote{font-size:var(--fs-lead);font-style:italic;line-height:1.7;max-width:700px;margin:0 auto;opacity:.92}.testimonial-name{display:block;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.testimonial-role{display:block;font-size:.9rem;margin-top:.2rem;opacity:.7}.testimonial-dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.2rem}.dot{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid var(--color-accent);background:transparent;cursor:pointer;transition:background-color var(--transition),box-shadow var(--transition)}.dot.active{background:var(--color-accent);box-shadow:0 0 8px var(--glow-strong)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin-top:var(--space-block)}.gallery-tile{margin:0;overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius);clip-path:var(--panel-clip);background:var(--surface-tint);transition:border-color var(--transition),transform var(--transition)}.gallery-tile:hover{border-color:var(--color-accent);transform:translateY(-4px)}.gallery-media{display:block;aspect-ratio:4 / 3;background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.gallery-media img,.gallery-media .art-panel{width:100%;height:100%;object-fit:cover;display:block}.gallery-tile figcaption{padding:.9rem 1.1rem;font-family:var(--font-display);font-size:.9rem;text-transform:uppercase;letter-spacing:.07em;border-top:1px solid var(--line-soft)}.faq-list{display:flex;flex-direction:column;gap:.9rem;margin-top:var(--space-block)}.faq-item{border:1px solid var(--line-soft);border-radius:var(--radius);clip-path:var(--panel-clip);background:var(--surface-tint);transition:border-color var(--transition)}.faq-item.open{border-color:var(--color-accent)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;background:transparent;border:none;color:inherit;font-family:var(--font-body);font-size:1.05rem;font-weight:600;text-align:left;cursor:pointer}.faq-marker{position:relative;width:14px;height:14px;flex-shrink:0}.faq-marker:before,.faq-marker:after{content:"";position:absolute;background:var(--color-accent);transition:transform var(--transition),opacity var(--transition)}.faq-marker:before{left:0;right:0;top:6px;height:2px}.faq-marker:after{top:0;bottom:0;left:6px;width:2px}.faq-item.open .faq-marker:after{transform:scaleY(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer p{overflow:hidden;margin:0 1.3rem;line-height:1.65;opacity:.85;transition:margin-bottom .35s ease}.faq-item.open .faq-answer p{margin-bottom:1.2rem}.cta-band-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem;padding:clamp(2rem,5vw,3rem);border:1px solid var(--color-accent);border-radius:var(--radius);clip-path:var(--panel-clip);background:linear-gradient(120deg,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 60%),var(--surface-tint)}.cta-band h2{font-family:var(--font-display);font-size:var(--fs-h2);text-transform:uppercase;margin-bottom:.6rem}.cta-band p{font-size:var(--fs-lead);opacity:.85}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem;margin-top:var(--space-block);align-items:stretch}.pricing-grid>.reveal{height:100%}.pricing-card{position:relative;height:100%;display:flex;flex-direction:column;gap:1.1rem;padding:2.2rem 1.8rem;border:1px solid var(--line-soft);border-radius:var(--radius);clip-path:var(--panel-clip);background:var(--surface-tint);transition:border-color var(--transition),transform var(--transition)}.pricing-card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.pricing-card.highlight{border-color:var(--color-accent);box-shadow:0 0 24px var(--glow-soft);background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 55%),var(--surface-tint)}.pricing-badge{position:absolute;top:16px;right:16px;font-family:var(--font-display);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-contrast);background:var(--color-accent);padding:.3rem .7rem;border-radius:var(--radius);box-shadow:0 0 10px var(--glow-strong)}.pricing-name{font-family:var(--font-display);font-size:var(--fs-h3);text-transform:uppercase;letter-spacing:.08em}.pricing-price{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;color:var(--color-accent);text-shadow:0 0 16px var(--glow-soft)}.pricing-note{font-size:.9rem;opacity:.7;margin-top:.2rem}.pricing-monthly{font-family:var(--font-display);font-size:.85rem;letter-spacing:.06em;color:var(--color-accent);margin-top:.45rem}.pricing-card{overflow:hidden}.pricing-extras{border-top:1px dashed var(--line-soft);padding-top:.9rem}.pricing-extras-label{display:block;font-family:var(--font-display);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.5rem}.plus-list{list-style:none;display:flex;flex-direction:column;gap:.45rem;padding:0}.plus-list li{display:flex;gap:.55rem}.plus-mark{font-family:var(--font-display);font-weight:700;color:var(--color-accent);flex-shrink:0;text-shadow:0 0 8px var(--glow-strong)}.pricing-actions{margin-top:auto;display:flex;flex-direction:column;gap:.6rem;padding-top:.6rem}.process-steps{list-style:none;position:relative;margin-top:var(--space-block);padding:0}.process-steps:before{content:"";position:absolute;left:26px;top:0;bottom:0;width:1px;background:linear-gradient(var(--line-soft),transparent)}.process-step{display:flex;gap:1.6rem;padding:1.4rem 0}.process-num{position:relative;z-index:1;width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.05rem;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius);background-color:var(--color-bg);box-shadow:0 0 12px var(--glow-soft)}.process-step h3{font-family:var(--font-display);font-size:var(--fs-h3);text-transform:uppercase;margin-bottom:.4rem}.process-step p{line-height:1.6;opacity:.85}.split-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem)}.split-inner.reverse .split-text{order:2}.split-inner.reverse .split-art{order:1}.split-text .section-heading{text-align:left}.split-text .section-heading:after{margin-left:0}.split-text p{line-height:1.7;opacity:.88;margin-bottom:1rem}.art-frame{aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius);clip-path:var(--panel-clip);background:var(--surface-tint)}.art-frame .art-panel{width:100%;height:100%;display:block}@media (max-width: 860px){.split-inner{grid-template-columns:1fr}.split-inner.reverse .split-text{order:1}.split-inner.reverse .split-art{order:2}.cta-band-inner{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){main section{padding:clamp(3rem,12vw,4rem) 1.1rem}.hero{min-height:86svh;padding:4.5rem 1.1rem}.hero-ctas{flex-direction:column;width:100%}.hero-ctas .btn{width:100%;text-align:center}.process-steps:before{left:21px}.process-num{width:42px;height:42px;font-size:.9rem}.process-step{gap:1.1rem}.footer-bottom{flex-direction:column;align-items:center;text-align:center}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}html,body{max-width:100%;overflow-x:clip}[id]{scroll-margin-top:90px}body{background-color:var(--color-bg)}body,#root{color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}.site-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.site-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:56px 56px;opacity:.22;mask-image:radial-gradient(ellipse at 50% 0%,black,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black,transparent 78%)}.site-bg-glow{position:absolute;left:50%;top:0;width:70rem;height:40rem;transform:translate(-50%);background:radial-gradient(ellipse at top,var(--glow-soft),transparent 65%)}.site-bg-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0 3px,color-mix(in srgb,var(--color-accent) 3%,transparent) 3px 4px)}header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--color-bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft)}.header-inner{max-width:var(--maxw-wide);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.5rem}.header-inner.no-nav{position:relative;justify-content:center}.header-inner.no-nav .lang-switcher{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.brand{font-family:var(--font-display);font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);text-decoration:none;text-shadow:0 0 12px var(--glow-soft);white-space:nowrap}.brand img{height:36px;display:block}header nav{flex:1 1 auto;min-width:0;margin-left:clamp(1.5rem,4vw,4rem)}nav ul{list-style:none;display:flex;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;width:100%;gap:.6rem 1rem}nav ul li{display:flex;align-items:center}nav ul li a{font-family:var(--font-display);font-size:.9rem;line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);text-decoration:none;padding:.45rem .2rem;border-bottom:1px solid transparent;transition:color var(--transition),text-shadow var(--transition),border-color var(--transition)}nav ul li a:hover,nav ul li a.active{color:var(--color-text);text-shadow:0 0 10px var(--color-accent);border-bottom-color:var(--color-accent)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.nav-toggle span{width:24px;height:2px;background:var(--color-accent);transition:transform var(--transition),opacity var(--transition)}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1080px){.nav-toggle{display:flex}header nav{position:absolute;top:100%;left:0;right:0;margin-left:0;display:none;background:color-mix(in srgb,var(--color-bg) 96%,transparent);border-bottom:1px solid var(--line-soft);padding:1rem 1.5rem 1.4rem}header nav.open{display:block}header nav ul{flex-direction:column;align-items:flex-start;gap:1rem}}main{flex-grow:1;width:100%}.page-wrap{position:relative}.page-wipe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--color-accent) 45%,transparent) 50%,transparent 70%)}main a{color:var(--color-accent)}footer{border-top:1px solid var(--line-soft);background-color:var(--color-surface);margin-top:auto}.footer-inner{max-width:var(--maxw-wide);margin:0 auto;padding:3rem 1.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-col h4{font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:.9rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-col a{color:var(--color-text);opacity:.8;text-decoration:none;transition:color var(--transition),opacity var(--transition)}.footer-col a:hover{color:var(--color-accent);opacity:1}.footer-name{font-family:var(--font-display);font-size:1.05rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);display:block;margin-bottom:.6rem}.footer-brand p{opacity:.75;line-height:1.5;max-width:30ch}.footer-bottom{border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;padding:1rem 1.5rem;font-size:.85rem;opacity:.75}.footer-credit{color:var(--color-accent)}.notfound{padding:var(--space-section) 1.5rem;text-align:center}.notfound h2{font-family:var(--font-display);font-size:var(--fs-h1);text-transform:uppercase;margin-bottom:1rem;text-shadow:0 0 20px var(--glow-soft)}.notfound p{margin-bottom:.8rem;opacity:.85}.lang-switcher{display:inline-flex;align-items:center;gap:.4rem}.lang-icon{color:var(--color-text);margin-right:.15rem}.lang-switcher button{background:transparent;border:1px solid var(--color-accent);color:var(--color-text);font-family:var(--font-display);font-size:.9rem;padding:4px 8px;cursor:pointer;transition:background-color var(--transition),color var(--transition)}.lang-switcher button.active,.lang-switcher button:hover{background:var(--color-accent);color:var(--color-accent-contrast)}.demo-dock{position:fixed;top:96px;left:0;z-index:40;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.style-panel{display:flex;flex-direction:column;align-items:flex-start}.style-toggle{font-family:var(--font-display);font-size:.65rem;letter-spacing:.2em;color:#9aa0a8;background:color-mix(in srgb,var(--color-bg) 82%,transparent);border:1px dashed #7a8088;border-left:none;border-radius:0 8px 8px 0;padding:.55rem .7rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color var(--transition),border-color var(--transition)}.style-panel.open .style-toggle,.style-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.style-panel-body{display:flex;flex-direction:column;gap:.8rem;padding:0 .9rem;background:color-mix(in srgb,var(--color-bg) 88%,transparent);border:1px dashed #7a8088;border-left:none;border-radius:0 8px 8px 0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:200px;max-height:0;opacity:0;overflow:hidden;transform:translate(-12px);border-color:transparent;transition:max-height .35s ease,opacity .25s ease,transform .35s ease,padding .35s ease,margin .35s ease,border-color .25s ease}.style-panel.open .style-panel-body{max-height:80vh;opacity:1;transform:translate(0);margin-top:.4rem;padding:.8rem .9rem;border-color:#7a8088}.style-group{display:flex;flex-direction:column;gap:.35rem}.style-group-label{font-family:var(--font-display);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#9aa0a8}.swatch-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.4rem}.accent-swatch,.bg-swatch,.text-swatch{width:18px;height:18px;padding:0;border:1px solid #7a8088;cursor:pointer}.accent-swatch{border-radius:50%;background:var(--color-accent)}.bg-swatch{border-radius:3px;background:var(--color-bg)}.text-swatch{border-radius:3px;background:#9aa0a8;color:var(--color-text);font-family:var(--font-display);font-weight:700;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.frame-swatch{width:18px;height:18px;padding:0;border:1px solid var(--color-accent);background:var(--color-surface);cursor:pointer}.frame-swatch[data-frame=rounded]{border-radius:6px}.frame-swatch[data-frame=sharp]{border-radius:0}.frame-swatch[data-frame=notched]{border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.frame-swatch[data-frame=pill]{border-radius:9px}.frame-swatch[data-frame=angled]{border-radius:0;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}.accent-swatch.active,.bg-swatch.active,.text-swatch.active,.frame-swatch.active{outline:2px solid var(--color-accent);outline-offset:1px}.tier-selector{display:flex;flex-direction:column;align-items:flex-start}.tier-toggle{font-family:var(--font-display);font-size:.65rem;letter-spacing:.2em;color:#9aa0a8;background:color-mix(in srgb,var(--color-bg) 82%,transparent);border:1px dashed #7a8088;border-left:none;border-radius:0 8px 8px 0;padding:.55rem .7rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color var(--transition),border-color var(--transition)}.tier-selector.open .tier-toggle,.tier-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.tier-selector-body{display:flex;flex-direction:column;gap:.35rem;padding:0 .5rem;background:color-mix(in srgb,var(--color-bg) 88%,transparent);border:1px dashed #7a8088;border-left:none;border-radius:0 8px 8px 0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-height:0;opacity:0;overflow:hidden;transform:translate(-12px);border-color:transparent;transition:max-height .35s ease,opacity .25s ease,transform .35s ease,padding .35s ease,margin .35s ease,border-color .25s ease}.tier-selector.open .tier-selector-body{max-height:80vh;opacity:1;transform:translate(0);margin-top:.4rem;padding:.6rem .5rem;border-color:#7a8088}.tier-option{background:transparent;border:1px solid #7a8088;color:#c8ccd2;font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .6rem;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.tier-option.active{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 8px var(--glow-soft)}@media (max-width: 640px){.demo-dock{top:auto;bottom:16px}.style-panel.open .style-panel-body,.tier-selector.open .tier-selector-body{max-height:60svh;overflow-y:auto}}