@font-face{font-family:Manrope;src:url('../fonts/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('../fonts/manrope-600.ttf') format('truetype');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('../fonts/manrope-800.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}
:root{--bg:#0b0b10;--surface:#111117;--surface-raised:#17171f;--text:#f3f2f7;--muted:#9998a6;--line:rgba(211,204,240,.13);--accent:#b7a0ff;--accent-bright:#d2c2ff;--lime:#d4eea0;--radius:18px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body.spaceis-site{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.65;font-weight:400;overflow-x:clip;height:auto}#main-content{overflow-x:clip}body.spaceis-site::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a,summary{touch-action:manipulation}button{color:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}ul{margin:0;padding:0;list-style:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}.icon{display:inline-block;flex-shrink:0;vertical-align:middle}.shell{width:min(1344px,calc(100% - 112px));margin-inline:auto}.section{padding:116px 0}.eyebrow,.mono,.orbit-label,.hero-bottom{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--accent);display:block;margin-bottom:22px}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;padding:12px 20px;background:var(--accent);color:var(--bg);border-radius:8px}.skip-link:focus{top:20px}.reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:101;pointer-events:none}
/* Navigation */
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;transition:background .3s,border-color .3s}.site-header.scrolled{background:rgba(11,11,16,.88);border-color:var(--line);backdrop-filter:blur(20px)}.navigation{height:96px;display:flex;align-items:center;gap:66px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1.5px;font-weight:800;color:var(--text);white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain}.brand-dot{color:var(--accent)}.navigation-links{display:flex;align-items:center;justify-content:space-between;flex:1;gap:24px}.nav-pages,.nav-actions{display:flex;align-items:center;gap:30px}.nav-pages a,.nav-login{font-size:14px;font-weight:600;color:#b5b3c0;transition:color .2s;white-space:nowrap}.nav-pages a:hover,.nav-pages a.active,.nav-login:hover{color:var(--text)}.nav-pages .icon{width:12px;height:12px;margin-left:2px;color:#696776}.nav-actions{gap:25px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;padding:17px 24px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:800;line-height:1.4;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s,background .3s,border-color .3s;position:relative;isolation:isolate;overflow:hidden}.button .icon{width:17px;height:17px;transition:transform .3s var(--ease)}.button:hover .icon{transform:translateX(3px)}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0)}.button-primary{background:var(--accent);color:#191226;box-shadow:0 0 0 rgba(183,160,255,0)}.button-primary:hover{color:#191226;background:#c9b7ff;box-shadow:0 6px 32px #ac8bff30}.button-light{background:#efedf5;color:#17131f}.button-light:hover{background:#fff;color:#17131f;box-shadow:0 5px 22px #ffffff12}.button-small{padding:12px 16px;gap:18px;font-size:12px}.button-outline{background:transparent;border-color:#393540;color:var(--text)}.button-outline:hover{border-color:var(--accent);background:#b7a0ff0b;color:var(--text)}.menu-toggle{display:none}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:600}.text-link span,.text-link .icon{transition:transform .3s}.text-link:hover{color:var(--accent)}.text-link:hover span{transform:translateY(4px)}.text-link:hover .icon{transform:translateX(3px)}
/* Opening composition */
.hero{position:relative;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;column-gap:10px;min-height:calc(100svh - 96px);padding-top:52px;padding-bottom:100px;isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;width:850px;height:850px;top:-200px;right:-270px;background:radial-gradient(ellipse,#8060c914 0,transparent 68%);pointer-events:none}.hero-copy{z-index:2;padding-bottom:15px}.release-tag{display:inline-flex;align-items:center;gap:9px;border:1px solid #37313f;background:#b7a0ff06;border-radius:30px;padding:7px 11px 7px 10px;font-size:12px;font-weight:600;color:#cac4d7;margin-bottom:32px;transition:border-color .2s}.release-tag:hover{border-color:var(--accent);color:var(--text)}.release-tag .icon{width:13px;height:13px;margin-left:8px}.status-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #d4eea050;animation:status-pulse 3s infinite}.hero h1{font-size:clamp(44px,4.65vw,75px);line-height:1.09;letter-spacing:-.06em;font-weight:600;margin-left:-3px}.gradient-text{color:var(--accent);background:linear-gradient(110deg,#d5c7ff 0%,#a789ef 55%,#e9dfff 100%);background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:text-shimmer 12s ease-in-out infinite}.hero-break{display:none}.hero-description{font-size:16px;max-width:340px;margin-top:28px;color:var(--muted);line-height:1.8}.hero-description span{color:#dad5e5}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.hero-facts{display:flex;gap:23px;color:#8f8b9a;font-size:12px;margin-top:26px}.hero-facts>span{display:flex;align-items:center;gap:7px}.hero-facts .icon{width:13px;height:13px;color:var(--accent)}.hero-bottom{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;height:78px;border-top:1px solid var(--line);font-size:12px;color:#898594}.hero-bottom a{display:grid;place-items:center;border:1px solid #39313f;width:30px;height:40px;border-radius:18px;font-size:18px;color:var(--accent);position:absolute;left:50%;transform:translateX(-50%)}.hero-bottom a:hover{background:#b7a0ff12}.hero-bottom a::after{content:"";width:3px;height:3px;border-radius:50%;background:var(--accent);position:absolute;top:7px;animation:scroll-dot 2s infinite}
/* Procedural orbit, CSS 3D and moving labels */
.hero-art{height:590px;position:relative;margin:0 -28px 0 -30px;perspective:1100px;--pointer-x:0;--pointer-y:0}.art-grid{position:absolute;inset:10% 0;background-image:linear-gradient(#bba1ff08 1px,transparent 1px),linear-gradient(90deg,#bba1ff08 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%)}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.orbit-core{position:absolute;left:50%;top:48%;width:170px;height:170px;transform:translate(calc(-50% + var(--pointer-x)*14px),calc(-50% + var(--pointer-y)*14px));transform-style:preserve-3d}.core-halo{position:absolute;inset:-100px;background:radial-gradient(ellipse,#b697ff20 0%,#9567ff0b 35%,transparent 65%);transform:translateZ(-100px);animation:breathe 7s infinite}.core-cube{width:170px;height:170px;position:relative;transform-style:preserve-3d;transform:rotateX(-19deg) rotateY(-27deg) rotateZ(5deg);animation:cube-drift 12s ease-in-out infinite}.cube-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #c9aaff70;border-radius:9px;background:linear-gradient(135deg,rgba(218,198,255,.22),rgba(106,64,173,.18) 48%,rgba(41,30,62,.88));box-shadow:inset 0 0 32px #c59bff12;backface-visibility:visible}.cube-face::after{content:"";position:absolute;inset:11px;border:1px solid #e0cfff0a;border-radius:5px}.cube-front{transform:translateZ(85px);background:linear-gradient(140deg,#6c558caa,#2a2138ee 50%,#393045e8)}.cube-front img{width:82px;opacity:.95;filter:drop-shadow(0 0 18px #c6a8ff66)}.cube-back{transform:rotateY(180deg) translateZ(85px)}.cube-left{transform:rotateY(-90deg) translateZ(85px)}.cube-right{transform:rotateY(90deg) translateZ(85px);background:linear-gradient(150deg,#c9a7ff33,#2c1738cc)}.cube-top{transform:rotateX(90deg) translateZ(85px);background:linear-gradient(130deg,#c5a0ff60,#5a3f8566)}.cube-bottom{transform:rotateX(-90deg) translateZ(85px);box-shadow:0 30px 100px #995aff30}.orbit-chip{display:flex;align-items:center;gap:12px;position:absolute;padding:14px 18px;background:linear-gradient(120deg,#26212fec,#17141deb);border:1px solid #81748e40;border-radius:11px;box-shadow:0 10px 28px #0004;backdrop-filter:blur(14px);font-size:12px;font-weight:600;z-index:4;animation:chip-float 7s ease-in-out infinite}.orbit-chip>.icon{color:var(--accent);width:17px;height:17px}.orbit-chip i{width:5px;height:5px;background:var(--lime);border-radius:50%;margin-left:8px}.chip-one{top:18%;left:9%;transform:rotate(-6deg)}.chip-two{bottom:29%;right:0;animation-delay:-2s;transform:rotate(6deg)}.chip-three{bottom:12%;left:15%;animation-delay:-4s;font-size:12px;padding:11px 14px;opacity:.8}.orbit-label{position:absolute;left:12%;right:8%;display:flex;justify-content:space-between;font-size:12px;color:#777080;letter-spacing:.16em}.orbit-label-top{top:6%}.orbit-label-top>span:first-child{color:#c0a6ee}.orbit-label-bottom{bottom:1%;align-items:center}.orbit-label-bottom>span:first-child,.orbit-label-bottom>span:last-child{font-size:17px;color:#bba1ed80}
/* Shared editorial section headings */
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:52px}.section-heading h2,.faq-heading h2{font-size:clamp(30px,3.05vw,45px);line-height:1.22;letter-spacing:-.045em;max-width:640px}.section-heading>p{max-width:300px;color:var(--muted);font-size:15px;padding-bottom:5px;line-height:1.9}.section-heading.centered{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}.section-heading.centered h2{max-width:850px}.section-heading.centered>p{max-width:590px;margin-top:15px}.section-heading.centered .eyebrow{margin-bottom:15px}.section-asterisk{font-size:74px;line-height:1;color:var(--accent);animation:asterisk-turn 30s linear infinite}
/* Infrastructure */
.infrastructure{padding-top:96px;padding-bottom:100px}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr)}.flow-card{position:relative;padding:0 40px 0 0}.flow-card+.flow-card{padding-left:40px;border-left:1px solid var(--line)}.flow-card:last-child{padding-right:0}.flow-top{display:flex;align-items:center;justify-content:space-between;color:#625d70}.flow-icon{display:grid;place-items:center;width:51px;height:51px;border:1px solid #76618f55;border-radius:12px;background:#bba1ff06;color:var(--accent)}.flow-icon .icon{width:23px;height:23px}.flow-line{height:1px;background:var(--line);position:relative;margin:26px 0 27px;overflow:hidden}.flow-line i{position:absolute;width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:data-flow 4s linear infinite}.flow-card:nth-child(2) .flow-line i{animation-delay:-2.7s}.flow-card:nth-child(3) .flow-line i{animation-delay:-1.4s}.flow-card h3{font-size:20px;letter-spacing:-.04em;margin-bottom:12px}.flow-card p{font-size:14px;line-height:1.9;color:var(--muted)}
/* Compact guarantees: all nine points, short descriptions. */
.features { background:linear-gradient(180deg,#14121a99,transparent); border-top:1px solid var(--line); padding-block:80px; }
.features .section-heading { margin-bottom:32px; }
.features .feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.features .feature-card { display:flex; align-items:flex-start; gap:17px; grid-column:auto; min-height:0; padding:25px; background:transparent; border:0; border-bottom:1px solid var(--line); border-right:1px solid var(--line); border-radius:0; position:relative; overflow:hidden; isolation:isolate; transition:background .3s; }
.features .feature-card:nth-child(3n) { border-right:0; }
.features .feature-card:nth-last-child(-n+3) { border-bottom:0; }
.features .feature-card:hover { background:#b7a0ff07; transform:none; }
.features .feature-icon { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; margin:0; border:1px solid #68527d55; border-radius:9px; background:#b7a0ff09; color:var(--accent); transition:box-shadow .4s,transform .4s; }
.features .feature-card:hover .feature-icon { box-shadow:0 0 24px #b7a0ff22; transform:rotate(-8deg); }
.features .feature-copy { min-width:0; }
.features .feature-card h3 { font-size:18px; letter-spacing:-.025em; line-height:1.4; margin:0 0 8px; }
.features .feature-card p { color:var(--muted); font-size:14px; line-height:1.7; padding:0; }
.spotlight-card::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(450px circle at var(--spot-x,50%) var(--spot-y,0%),#b79cff18,transparent 60%); opacity:0; transition:opacity .35s; pointer-events:none; }
.spotlight-card:hover::before { opacity:1; }
/* Pricing */
.pricing-section{position:relative}.pricing-section::before{content:"";position:absolute;inset:10% 0 0;background:radial-gradient(ellipse at 65% 55%,#815ca80d,transparent 60%);pointer-events:none}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);position:relative;isolation:isolate;overflow:hidden;transition:transform .35s var(--ease),border-color .35s}.plan:hover{transform:translateY(-7px);border-color:#786785}.plan-top{display:flex;align-items:center;gap:12px}.plan-top h3{font-size:16px}.plan-symbol{color:#9b90ac;display:flex}.plan-star{color:var(--accent);margin-left:auto;font-size:25px}.plan-price{font-size:64px;font-weight:600;letter-spacing:-.06em;line-height:1.3;margin-top:35px;font-variant-numeric:tabular-nums}.plan-price>span{font-size:37px;color:#b6b1bf;font-weight:400}.plan-price small{font-size:12px;color:var(--muted);letter-spacing:0;margin-left:10px}.plan-duration{font-size:12px;color:var(--muted);margin:10px 0 30px}.plan .button{display:flex;justify-content:space-between;width:100%;font-size:12px;padding-inline:18px}.plan ul{margin-top:27px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.plan li{display:flex;gap:9px;font-size:12px;align-items:center;color:#b8b3c3}.plan li .icon{color:var(--accent);width:14px;height:14px}.plan-featured{border-color:#a78acc90;background:linear-gradient(150deg,#30263e55,#17131e 55%);box-shadow:0 0 70px #b69cff06}.plan-featured::after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#e0caff,transparent);box-shadow:0 0 25px 2px #c8aaff44}.plan-featured .plan-symbol{color:var(--accent)}
/* Design options */
.design-section{border-top:1px solid var(--line)}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.design-card{border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;background:var(--surface)}.design-preview{display:block;height:280px;position:relative;overflow:hidden;isolation:isolate}.templates-preview{background:radial-gradient(at 50% 40%,#4d394e,#1a171f 75%)}.preview-window{position:absolute;top:40px;left:8%;width:87%;height:270px;border:1px solid #5a4c66;border-radius:10px;overflow:hidden;background:#131019;transform:perspective(900px) rotateY(9deg) rotateX(10deg) rotateZ(-7deg);box-shadow:0 15px 35px #0005;transition:transform .7s var(--ease)}.design-card:hover .preview-window{transform:perspective(900px) rotateY(0) rotateX(0) rotateZ(-2deg) translateY(-7px)}.window-bar{height:24px;display:flex;align-items:center;gap:4px;background:#24202b;padding:0 12px}.window-bar i{width:4px;height:4px;background:#6c6079;border-radius:50%}.preview-window img{width:100%;height:calc(100% - 24px);object-fit:cover;object-position:top}.preview-stamp{position:absolute;right:22px;bottom:25px;width:58px;height:58px;display:grid;place-items:center;background:#b7a0ff;color:#1d172a;border:4px solid #26202b;border-radius:17px;transform:rotate(9deg)}.preview-stamp .icon{width:27px;height:27px}.custom-preview{background:radial-gradient(ellipse at 50% 70%,#55456255,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 35px,#bdabcf06 36px),repeating-linear-gradient(90deg,transparent,transparent 35px,#bdabcf06 36px),#19151f}.custom-canvas{position:absolute;inset:42px 19%;border:1px solid #a894c166;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);transition:transform .7s var(--ease)}.design-card:hover .custom-canvas{transform:rotate(2deg) scale(1.04)}.canvas-corner{width:7px;height:7px;background:#c1afe0;border:1px solid #352e41;position:absolute}.corner-tl{top:-4px;left:-4px}.corner-tr{top:-4px;right:-4px}.corner-bl{bottom:-4px;left:-4px}.corner-br{bottom:-4px;right:-4px}.custom-word{font-size:95px;color:#ede5fa;font-weight:400;letter-spacing:-.1em;line-height:1;margin-top:-12px}.custom-word>span{font-size:90px;color:var(--accent);display:inline-block;vertical-align:middle;margin-left:14px;animation:asterisk-turn 25s linear infinite}.swatches{position:absolute;bottom:-17px;left:22px;display:flex;padding:7px;background:#27202f;border:1px solid #52405f;border-radius:8px;gap:5px;transform:rotate(5deg)}.swatches i{width:24px;height:24px;border-radius:4px;background:#b7a0ff}.swatches i:nth-child(2){background:#d4eea0}.swatches i:nth-child(3){background:#f6f3fa}.swatches i:nth-child(4){background:#413d4a}.design-cursor{position:absolute;bottom:-16px;right:-20px;width:36px;filter:drop-shadow(0 3px 5px #0008);color:var(--accent);animation:cursor-drift 7s ease-in-out infinite}.design-card-copy{padding:30px 32px 32px;border-top:1px solid var(--line)}.design-card-copy h3{font-size:25px;letter-spacing:-.04em}.design-card-copy p{font-size:14px;color:var(--muted);line-height:1.9;max-width:450px;margin-top:17px}.design-card-copy .design-price{font-size:12px;color:var(--accent);margin-top:8px}.design-card-copy .text-link{margin-top:26px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}
/* Provider rail */
.providers-section{padding-top:50px;overflow:hidden;padding-bottom:100px}.provider-marquee{overflow:clip;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);padding:10px 0}.provider-track{display:flex;width:max-content;animation:provider-scroll 70s linear infinite}.provider-group{display:flex;align-items:center}.provider-logo{width:190px;height:90px;display:flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:12px;margin-right:15px;background:#ffffff02;transition:background .3s}.provider-logo img{width:115px;height:38px;object-fit:contain;filter:grayscale(1);opacity:.66;transition:filter .3s,opacity .3s}.provider-logo>span{font-size:17px;font-weight:800;color:#b8b5c1}.provider-logo:hover{background:#ffffff07}.provider-logo:hover img{filter:grayscale(0);opacity:1}.provider-marquee:hover .provider-track,.provider-marquee:focus-within .provider-track{animation-play-state:paused}
/* Questions */
.faq-section{border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:1fr 1.65fr;gap:100px}.faq-heading h2{font-size:43px;max-width:360px}.faq-decoration{font-size:210px;color:transparent;-webkit-text-stroke:1px #b7a0ff30;line-height:1.2;display:block;margin-top:30px;transform:rotate(-14deg);font-weight:800}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;padding:24px 0;transition:color .2s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{font-size:15px;letter-spacing:-.01em;line-height:1.6;flex:1}.faq-number{font-family:ui-monospace,monospace;font-size:12px;color:#776e84}.faq-plus{width:24px;height:24px;position:relative;flex-shrink:0}.faq-plus::before,.faq-plus::after{content:"";position:absolute;left:6px;top:11px;height:1px;width:12px;background:#ab9ebc;transition:transform .3s}.faq-plus::after{transform:rotate(90deg)}.faq-item[open] .faq-plus::after{transform:rotate(0)}.faq-item[open] summary,.faq-item summary:hover{color:var(--accent)}.faq-answer>div{overflow:hidden}.faq-answer p{padding:0 44px 26px 32px;font-size:14px;line-height:1.95;color:var(--muted)}.faq-answer a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.faq-item[open] .faq-answer{animation:answer-in .35s var(--ease)}
/* Closing invitation and footer */
.cta-section{position:relative;isolation:isolate;overflow:hidden;border:1px solid #75608d88;background:linear-gradient(120deg,#30203e,#251d32 55%,#18141e);border-radius:22px;padding:58px 65px;margin-bottom:100px}.cta-section h2{max-width:680px;font-size:48px;line-height:1.2;letter-spacing:-.05em;position:relative}.cta-section .eyebrow{color:#bba4d3;margin-bottom:19px}.cta-section .button{margin-top:30px}.cta-orbits{position:absolute;right:-150px;top:-210px;width:650px;height:650px;z-index:-1;transform:rotate(-30deg)}.cta-orbits i{position:absolute;inset:0;border:1px solid #a485c233;border-radius:50%;animation:orbit-breathe 9s ease-in-out infinite}.cta-orbits i:nth-child(2){inset:65px;animation-delay:-3s}.cta-orbits i:nth-child(3){inset:130px;animation-delay:-6s}.cta-spark{position:absolute;right:10%;top:28%;color:#d6b6ff;font-size:150px;line-height:1;animation:asterisk-turn 50s linear infinite}.site-footer{border-top:1px solid var(--line);padding:65px 0 0;overflow:hidden;background:var(--bg)}.footer-top{display:grid;grid-template-columns:1.6fr .8fr 1fr 1fr;gap:55px}.footer-brand .brand{font-size:28px}.footer-email{display:flex;gap:20px;align-items:center;font-size:15px;margin-top:24px;color:#b8b2c4}.footer-email .icon{width:13px;height:13px}.social-links{display:flex;gap:18px;margin-top:23px;font-size:12px;color:#81778d}.social-links a:hover,.footer-column a:hover{color:var(--accent)}.footer-column{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.footer-column h2{font-size:12px;color:#e0dce7;letter-spacing:0;margin:10px 0 10px}.footer-column a,.footer-column p{font-size:12px;color:#8b8398;line-height:1.8}.footer-column p{margin-top:9px}.google-play{width:112px;height:auto;opacity:.75}.google-play:hover{opacity:1}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-top:55px;padding:23px 0;color:#787180;font-size:12px}.footer-bottom>a{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:16px}.footer-wordmark{font-weight:800;font-size:clamp(130px,23vw,350px);letter-spacing:-.085em;line-height:.87;margin-left:-.055em;color:#15121b;user-select:none;white-space:nowrap;margin-top:15px;margin-bottom:-.06em}.footer-wordmark span{color:#201a2b}.motion-toggle{position:fixed;right:20px;bottom:18px;border:1px solid #63557255;border-radius:50px;background:#17121dd9;backdrop-filter:blur(12px);padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:12px;color:#b2a3c3;z-index:99;box-shadow:0 4px 16px #0004}.motion-toggle[hidden]{display:none}.motion-toggle .icon{width:13px;height:13px}.motion-toggle:hover{border-color:var(--accent)}
/* Motion: progressive enhancement, content visible without JS. */
.motion-ready [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.hero-enter{animation:hero-in 1s var(--ease) both;animation-delay:var(--enter-delay,0ms)}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused [data-reveal],.motion-paused .hero-enter{opacity:1!important;transform:none!important;transition:none!important}.motion-paused{scroll-behavior:auto}.motion-paused .core-cube{transform:rotateX(-19deg) rotateY(-27deg) rotateZ(5deg)}
@keyframes hero-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes status-pulse{0%,100%{box-shadow:0 0 0 0 #d4eea025}50%{box-shadow:0 0 0 4px #d4eea000}}
@keyframes text-shimmer{0%,100%{background-position:0% center}50%{background-position:100% center}}
@keyframes cube-drift{0%,100%{transform:translateY(0) rotateX(-19deg) rotateY(-27deg) rotateZ(5deg)}50%{transform:translateY(-16px) rotateX(-9deg) rotateY(-45deg) rotateZ(-2deg)}}
@keyframes breathe{0%,100%{opacity:.6;scale:.92}50%{opacity:1;scale:1.12}}
@keyframes chip-float{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes scroll-dot{0%,100%{opacity:0;translate:0 0}30%{opacity:1}90%{opacity:0;translate:0 16px}}
@keyframes data-flow{from{left:-40%}to{left:100%}}
@keyframes asterisk-turn{to{rotate:360deg}}
@keyframes bar-grow{from{scale:1 .72;opacity:.65}to{scale:1 1;opacity:1}}
@keyframes infinity-trace{to{stroke-dashoffset:-160}}
@keyframes cursor-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:-18px -18px;rotate:-12deg}}
@keyframes provider-scroll{to{transform:translateX(-50%)}}
@keyframes answer-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbit-breathe{0%,100%{scale:1;opacity:.5}50%{scale:1.05;opacity:1}}
/* Shared legacy detail views inherit the new visual language. */
.is-subpage .header__content{padding:90px 0 60px;margin:0}.is-subpage .header__content h1{font-family:Manrope,Arial,sans-serif;font-size:56px;letter-spacing:-.05em;color:var(--text);font-weight:600}.is-subpage .header__content h6{color:var(--accent);font-size:15px;margin-bottom:18px}.is-subpage .container{width:min(1344px,calc(100% - 112px));max-width:none}.is-subpage .header--hrLine{background:var(--accent);margin-top:30px}.is-subpage .themes,.is-subpage .blog,.is-subpage .faq{padding:50px 0 100px}.is-subpage .themes__card,.is-subpage .blog__card,.is-subpage .faq_info{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.is-subpage .title h3{font-size:36px;letter-spacing:-.04em}.is-subpage .behind{display:none}.is-subpage [data-aos]{pointer-events:auto}.is-subpage .faq__card{cursor:pointer}.is-subpage .faq__card:focus-visible{outline:2px solid var(--accent)}.is-subpage .faq__card__content{display:none}.is-subpage .faq__card__content.is-open{display:block}.is-subpage .faq__card__minus{display:none}.is-subpage .faq__card__plus{display:block}.is-subpage .faq__card[aria-expanded=true] .faq__card__minus{display:block}.is-subpage .faq__card[aria-expanded=true] .faq__card__plus{display:none}.is-subpage .btn--color{background:var(--accent);color:#1d152a;border-radius:8px}.is-subpage .blog__post{font-family:Manrope,Arial,sans-serif}.is-subpage .site-footer h2{color:var(--text)}
/* Responsive */
@media(min-width:1550px){.hero{min-height:790px}.hero h1{font-size:78px}.hero-art{height:650px}}
@media(max-width:1200px){.shell{width:calc(100% - 72px)}.navigation{gap:35px}.nav-pages{gap:19px}.nav-actions{gap:20px}.hero{padding-top:35px;min-height:750px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:60px}.hero-break{display:block}.hero-art{height:560px;margin-left:-15px;margin-right:-10px}.orbit-chip{padding:11px 13px;font-size:12px}.chip-two{right:-3px}.chip-one{left:1%}.chip-three{left:7%;font-size:12px}.hero-facts{gap:14px;font-size:12px}.hero-actions{gap:20px}.hero-actions .button{gap:18px;padding-inline:18px}.section-heading h2{font-size:38px}.plan{padding:28px}.plan-price{font-size:58px}.plan-price>span{font-size:32px}.footer-top{gap:35px}.faq-grid{gap:55px}.faq-heading h2{font-size:38px}.design-preview{height:250px}.custom-word{font-size:78px}.custom-word>span{font-size:65px}.cta-section h2{max-width:610px;font-size:44px}.cta-spark{right:8%;font-size:120px}.is-subpage .container{width:calc(100% - 72px)}}
@media(max-width:1000px){.navigation{gap:25px}.nav-pages{gap:19px}.nav-pages a{font-size:12px}.nav-actions{gap:0}.nav-login{display:none}.hero h1{font-size:52px}.hero-art{height:500px}.hero-facts{flex-direction:column;gap:8px}.hero-actions{gap:16px}.hero-actions .button{font-size:12px;padding:15px}.hero-actions .text-link{font-size:12px;gap:12px}.hero{min-height:700px}.core-cube,.orbit-core{width:135px;height:135px}.cube-front{transform:translateZ(67.5px)}.cube-back{transform:rotateY(180deg) translateZ(67.5px)}.cube-left{transform:rotateY(-90deg) translateZ(67.5px)}.cube-right{transform:rotateY(90deg) translateZ(67.5px)}.cube-top{transform:rotateX(90deg) translateZ(67.5px)}.cube-bottom{transform:rotateX(-90deg) translateZ(67.5px)}.cube-front img{width:65px}.chip-one{left:-3%;top:15%}.chip-two{bottom:25%}.chip-three{left:4%;bottom:8%}.section{padding:85px 0}.section-heading{gap:35px}.section-heading h2{font-size:34px}.section-heading>p{max-width:240px;font-size:14px}.flow-card{padding-right:25px}.flow-card+.flow-card{padding-left:25px}.flow-card h3{font-size:18px}.plans{gap:13px}.plan{padding:23px}.plan-price{font-size:48px}.plan-price>span{font-size:28px}.plan-duration{font-size:12px}.plan li{font-size:12px}.plan .button{font-size:12px;padding-inline:12px;gap:10px}.design-card-copy{padding:25px}.design-card-copy h3{font-size:22px}.design-preview{height:220px}.custom-canvas{inset:35px 15%}.custom-word{font-size:65px}.custom-word>span{font-size:55px}.swatches i{width:20px;height:20px}.faq-grid{gap:45px;grid-template-columns:1fr 1.5fr}.faq-heading h2{font-size:32px}.faq-item summary{gap:13px}.faq-item summary h3{font-size:14px}.faq-answer p{padding-left:26px;padding-right:20px}.cta-section{padding:45px}.cta-section h2{font-size:38px;max-width:520px}.cta-spark{right:5%;top:35%;opacity:.5;font-size:100px}.footer-top{grid-template-columns:1.4fr .8fr 1fr;gap:25px}.footer-column:last-child{grid-column:2/4;flex-direction:row;flex-wrap:wrap;column-gap:22px}.footer-column:last-child h2{width:100%;margin:0}.footer-column:last-child p{margin-top:0}.footer-brand .brand{font-size:25px}.social-links{gap:12px}.is-subpage .header__content h1{font-size:42px}}
@media(max-width:760px){html{scroll-padding-top:95px}.shell{width:calc(100% - 40px)}.navigation{height:78px;justify-content:space-between}.brand{font-size:26px}.brand img{width:34px;height:34px}.menu-toggle{display:flex;width:42px;height:40px;background:none;border:1px solid var(--line);border-radius:8px;flex-direction:column;justify-content:center;gap:6px;align-items:center}.menu-toggle span{width:17px;height:1px;background:var(--text);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.navigation-links{display:none;position:absolute;left:0;right:0;top:78px;padding:20px 25px 25px;background:#111016f7;backdrop-filter:blur(20px);border-bottom:1px solid #b7a0ff33;box-shadow:0 30px 40px #0006}.navigation-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:22px;animation:answer-in .3s var(--ease)}.nav-pages{align-items:stretch;flex-direction:column;gap:0}.nav-pages a{font-size:16px;padding:12px 0;border-bottom:1px solid var(--line)}.nav-actions{gap:20px;justify-content:space-between}.nav-login{display:inline-flex;font-size:14px}.nav-actions .button{font-size:12px;padding:13px 18px}.hero{grid-template-columns:1fr;padding-top:35px;min-height:auto;padding-bottom:60px;gap:0}.hero-copy{text-align:center;padding:0}.release-tag{font-size:12px;margin-bottom:23px}.hero h1{font-size:clamp(43px,8.5vw,62px);letter-spacing:-.06em}.hero-break{display:none}.hero-description{font-size:14px;max-width:290px;margin:22px auto 0}.hero-actions{justify-content:center;gap:24px;margin-top:26px}.hero-actions .button{font-size:12px;padding:16px 19px;gap:20px}.hero-actions .text-link{font-size:12px}.hero-facts{flex-direction:row;justify-content:center;margin-top:23px;font-size:12px;gap:18px}.hero-art{height:460px;width:100%;max-width:550px;justify-self:center;margin:7px 0 0}.orbit-label-top{top:5%}.chip-one{left:7%;top:15%}.chip-two{right:2%;bottom:28%}.chip-three{left:15%;bottom:13%}.orbit-label-bottom{bottom:4%}.hero-bottom{height:60px;font-size:12px}.hero-bottom>span:last-child{font-size:12px}.hero-bottom a{width:26px;height:34px}.section{padding:70px 0}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:32px;max-width:550px}.section-heading>p{max-width:380px;margin-top:16px;font-size:14px}.eyebrow{font-size:12px;margin-bottom:16px}.section-asterisk{display:none}.flow-card{padding-right:20px}.flow-card+.flow-card{padding-left:20px}.flow-icon{width:40px;height:40px;border-radius:9px}.flow-card h3{font-size:15px}.flow-card p{font-size:12px;line-height:1.9}.flow-top .mono{font-size:12px}.plans{grid-template-columns:1fr;gap:17px;max-width:500px;margin-inline:auto}.plan{padding:28px}.plan-price{font-size:64px;margin-top:26px}.plan-price>span{font-size:38px}.plan-duration{font-size:12px}.plan ul{gap:13px}.plan li{font-size:14px}.plan .button{font-size:14px;padding:17px 20px}.plan-top h3{font-size:20px}.plan-top .icon{width:23px;height:23px}.section-heading.centered h2{font-size:34px}.design-grid{gap:16px}.design-preview{height:185px}.preview-window{height:180px;top:35px}.preview-stamp{width:43px;height:43px;right:15px;bottom:18px;border-width:3px;border-radius:13px}.preview-stamp .icon{width:21px;height:21px}.custom-canvas{inset:35px 15%}.custom-word{font-size:52px}.custom-word>span{font-size:45px;margin-left:9px}.swatches{bottom:-13px;padding:5px}.swatches i{height:16px;width:16px}.design-cursor{width:27px}.design-card-copy{padding:23px}.design-card-copy h3{font-size:20px}.design-card-copy .design-price{font-size:12px}.design-card-copy p{font-size:12px}.design-card-copy .text-link{font-size:12px}.provider-logo{width:155px;height:77px;margin-right:12px}.provider-logo img{width:100px;height:32px}.provider-logo>span{font-size:16px}.faq-grid{display:block}.faq-heading h2{max-width:390px;font-size:34px}.faq-decoration{display:none}.faq-list{margin-top:32px}.faq-item summary{padding:22px 0}.faq-item summary h3{font-size:15px}.faq-answer p{font-size:14px}.cta-section{padding:34px;margin-bottom:65px}.cta-section h2{font-size:34px;max-width:430px}.cta-spark{opacity:.15;right:-15px;top:23%;font-size:160px;z-index:-1}.cta-section .button{font-size:12px;margin-top:25px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand{grid-column:span 2}.footer-column:last-child{grid-column:span 2;gap:12px 22px}.footer-column h2{font-size:14px}.footer-column a,.footer-column p{font-size:12px}.footer-column:last-child p{width:100%;font-size:12px;line-height:1.9}.footer-email{font-size:16px}.social-links{font-size:12px;gap:22px}.footer-bottom{margin-top:35px;font-size:12px;gap:30px}.footer-bottom p{max-width:260px}.footer-wordmark{font-size:25vw}.site-footer{padding-top:45px}.motion-toggle{bottom:12px;right:12px;padding:9px}.motion-toggle>span{display:none}.is-subpage .container{width:calc(100% - 40px)}.is-subpage .header__content{padding:50px 0 30px}.is-subpage .header__content h1{font-size:36px}.is-subpage .row{margin-inline:0}}
@media(max-width:480px){.shell{width:calc(100% - 36px)}.hero h1{font-size:43px}.hero-break{display:block}.hero-art{height:370px;margin-top:25px}.chip-one{left:0%;top:11%;font-size:12px}.chip-two{right:-3px;bottom:26%;font-size:12px}.chip-three{bottom:8%;left:6%;font-size:12px}.orbit-label-top{top:0%;font-size:12px}.orbit-label-bottom{bottom:0%;font-size:12px}.hero-bottom{font-size:12px}.hero-bottom>span:last-child{font-size:12px}.hero-facts{gap:12px;font-size:12px}.hero-facts .icon{width:11px;height:11px}.hero-actions{gap:18px}.hero-actions .button{font-size:12px;padding:15px;gap:12px}.hero-actions .text-link{font-size:12px;gap:12px}.section-heading h2{font-size:30px}.flow-grid{grid-template-columns:1fr;gap:30px}.flow-card,.flow-card+.flow-card{padding:0 0 0 65px;border:none;position:relative}.flow-icon{position:absolute;left:0;top:0;width:44px;height:44px}.flow-top{justify-content:flex-end;height:20px}.flow-top .mono{font-size:12px}.flow-card h3{font-size:19px;margin-top:-16px;padding-right:30px}.flow-card p{font-size:14px}.flow-line{position:absolute;left:20px;top:38px;bottom:-20px;width:1px;height:auto;margin:0}.flow-line i{width:1px;height:40%;animation:vertical-flow 4s linear infinite;background:linear-gradient(180deg,transparent,var(--accent),transparent)}.flow-card:last-child .flow-line{display:none}.design-grid{grid-template-columns:1fr;gap:24px}.design-preview{height:220px}.preview-window{height:230px}.custom-canvas{inset:35px 19%}.custom-word{font-size:78px}.custom-word>span{font-size:60px}.design-card-copy{padding:25px}.design-card-copy h3{font-size:24px}.design-card-copy p{font-size:14px}.design-card-copy .design-price{font-size:12px}.design-card-copy .text-link{font-size:14px}.section-heading.centered h2{font-size:31px}.cta-section{padding:30px 26px}.cta-section h2{font-size:31px}.cta-section .eyebrow{font-size:12px}.faq-heading h2{font-size:31px}.faq-item summary h3{font-size:14px}.footer-top{gap:25px}.footer-column h2{font-size:12px}.footer-column a,.footer-column p{font-size:12px}.footer-column:last-child{margin-top:15px}.footer-column:last-child p{font-size:12px}}
@keyframes vertical-flow{from{top:-40%}to{top:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-enter,.motion-ready [data-reveal]{opacity:1;transform:none}.provider-track{animation:none}.provider-marquee{overflow-x:auto;mask-image:none}.provider-group[aria-hidden=true]{display:none}.core-cube{animation:none}.motion-ready [data-reveal]{transition:none}}
.motion-paused .provider-track{animation:none}.motion-paused .provider-marquee{overflow-x:auto;mask-image:none}.motion-paused .provider-group[aria-hidden=true]{display:none}
.page-inactive *, .page-inactive *::before, .page-inactive *::after{animation-play-state:paused!important}

@media(max-width:980px){.navigation{height:78px;justify-content:space-between}.brand{font-size:26px}.brand img{width:34px;height:34px}.menu-toggle{display:flex;width:42px;height:40px;background:none;border:1px solid var(--line);border-radius:8px;flex-direction:column;justify-content:center;gap:6px;align-items:center}.menu-toggle span{width:17px;height:1px;background:var(--text);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.navigation-links{display:none;position:absolute;left:0;right:0;top:78px;padding:20px 25px 25px;background:#111016f7;backdrop-filter:blur(20px);border-bottom:1px solid #b7a0ff33;box-shadow:0 30px 40px #0006}.navigation-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:22px;animation:answer-in .3s var(--ease)}.nav-pages{align-items:stretch;flex-direction:column;gap:0}.nav-pages a{font-size:16px;padding:12px 0;border-bottom:1px solid var(--line)}.nav-actions{gap:20px;justify-content:space-between}.nav-login{display:inline-flex;font-size:14px}.nav-actions .button{font-size:12px;padding:13px 18px}}

/* Readable small print and tighter footer with a background wordmark. */
.nav-pages a,.nav-login,.button-small { font-size:14px; }
.navigation { gap:40px; }
.nav-pages,.nav-actions { gap:24px; }
.hero-description { font-size:17px; max-width:420px; }
.hero-facts { font-size:12px; flex-wrap:wrap; }
.hero-actions .button,.hero-actions .text-link { font-size:14px; }
.hero-actions { flex-wrap:wrap; }
.section-heading>p,.flow-card p,.design-card-copy p { font-size:15px; }
.plan li,.plan .button,.plan-duration,.design-card-copy .design-price { font-size:14px; }
.plan-price small { font-size:14px; }
.faq-item summary h3 { font-size:16px; }
.faq-answer p { font-size:15px; }
.hero-bottom>span { font-size:12px; }
.orbit-label { font-size:11px; }
.site-footer { position:relative; isolation:isolate; padding-top:48px; }
.site-footer>.shell { position:relative; }
.footer-top,.footer-company,.footer-bottom { position:relative; z-index:1; }
.footer-wordmark { position:absolute; left:50%; bottom:8px; transform:translateX(-50%); margin:0; font-size:clamp(140px,24vw,365px); line-height:.9; pointer-events:none; z-index:0; color:#b69bd109; -webkit-text-stroke:1px #ccb0ff0d; }
.footer-wordmark span { color:#b69bd112; }
.footer-top { gap:32px; }
.footer-column { gap:10px; }
.footer-column h2,.footer-column a,.footer-column p,.footer-column:last-child p,.social-links { font-size:14px; }
.footer-column a,.footer-column p,.social-links { color:#aaa1b5; }
.footer-email { font-size:16px; }
.footer-company { display:flex; flex-wrap:wrap; gap:6px 24px; margin:32px 0 18px; color:#aaa1b5; font-size:14px; line-height:1.8; }
.footer-company>span { white-space:nowrap; }
.footer-bottom { margin-top:0; font-size:12px; color:#a398b0; }
.footer-bottom p { font-size:12px; }
.motion-toggle { font-size:12px; }

/* More depth: auroras, shooting stars, luminous orbits and a scanning cube. */
.hero-atmosphere { position:absolute; inset:-96px calc(50% - 50vw) -50px; z-index:-1; overflow:hidden; pointer-events:none; mask-image:linear-gradient(180deg,#000 60%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 90%,transparent); mask-composite:intersect; }
.aurora { position:absolute; width:100%; height:80%; right:-18%; top:-5%; border-radius:50%; filter:blur(60px); mix-blend-mode:screen; opacity:.7; transform-origin:65% 40%; animation:aurora-drift 18s ease-in-out infinite alternate; background:radial-gradient(ellipse at 60% 50%,#9c6aff25 0%,#8955df0d 35%,transparent 65%); }
.aurora-two { right:-32%; top:15%; width:70%; height:60%; background:radial-gradient(ellipse,#585fd321,transparent 65%); animation-delay:-8s; animation-direction:alternate-reverse; }
.meteor { --meteor-angle:26deg; position:absolute; top:25%; left:42%; width:190px; height:1px; background:linear-gradient(90deg,transparent,#b697ff55 45%,#eee2ff); box-shadow:0 0 8px #bb98ff70; opacity:0; transform-origin:right center; animation:meteor-pass 10s linear infinite; }
.meteor::after { content:""; position:absolute; right:-1px; top:-1px; width:3px; height:3px; border-radius:50%; background:#f4edff; box-shadow:0 0 7px 2px #c9a9ff80; }
.meteor-two { top:62%; left:63%; width:120px; animation-delay:-5s; animation-duration:13s; }
.orbit-core { transform:translate(calc(-50% + var(--pointer-x)*23px),calc(-50% + var(--pointer-y)*20px)) rotateX(calc(var(--pointer-y)*-9deg)) rotateY(calc(var(--pointer-x)*13deg)); }
.orbit-chip { translate:calc(var(--pointer-x)*-10px) calc(var(--pointer-y)*-8px); }
.core-halo { inset:-140px; background:radial-gradient(ellipse,#ad80ff3b,#8855d91c 34%,transparent 68%); }
.core-energy { position:absolute; inset:-65px; transform:rotateX(68deg) translateZ(-65px); transform-style:preserve-3d; pointer-events:none; }
.core-energy i { position:absolute; inset:0; border:1px solid #c7a0ff70; border-radius:50%; box-shadow:0 0 22px #ad72ff1c; animation:energy-wave 5s ease-out infinite; }
.core-energy i:nth-child(2) { animation-delay:-2.5s; }
.cube-front { overflow:hidden; }
.cube-front::before { content:""; position:absolute; inset:-40% -70%; background:linear-gradient(115deg,transparent 38%,#eee2ff00 43%,#e7cfff30 49%,#eee2ff05 55%,transparent 62%); animation:holo-scan 7s ease-in-out infinite; pointer-events:none; }
.core-cube { will-change:transform; }
.button { translate:var(--magnet-x,0px) var(--magnet-y,0px); transition:translate .35s var(--ease),transform .3s var(--ease),box-shadow .3s,background .3s,border-color .3s; }
.button::before { content:""; position:absolute; inset:-100% -40%; z-index:-1; background:linear-gradient(110deg,transparent 35%,#fff5 49%,transparent 64%); transform:translateX(-110%); pointer-events:none; }
.button:hover::before { animation:button-glint .8s var(--ease) both; }
.plan-featured { border-color:#b992eb88; box-shadow:0 0 90px #a87bf511,inset 0 1px 0 #dfc5ff66; }
.plan-featured::after { inset:0; width:auto; height:auto; padding:1px; border-radius:inherit; background:conic-gradient(from var(--rim-angle),transparent 0deg,#e8d3ff 40deg,#9b72dc 70deg,transparent 120deg,transparent 220deg,#d3b5ff 260deg,transparent 310deg); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; box-shadow:none; animation:rim-spin 9s linear infinite; }
.cta-section::before { content:""; position:absolute; inset:-80%; background:conic-gradient(from 60deg,transparent 0deg,#b082e81c 45deg,transparent 95deg,transparent 190deg,#b98de814 230deg,transparent 290deg); z-index:-1; animation:asterisk-turn 35s linear infinite; }
.design-preview { perspective:900px; }
.custom-canvas { rotate:var(--preview-tilt,0deg); transition:rotate .5s var(--ease),transform .7s var(--ease); }
@property --rim-angle { syntax:'<angle>'; initial-value:0deg; inherits:false; }
@keyframes rim-spin { to { --rim-angle:360deg; } }
@keyframes aurora-drift { from { transform:translate(-4%,4%) rotate(-12deg) scale(.9); } to { transform:translate(6%,-2%) rotate(13deg) scale(1.16); } }
/* Rotate the trail and its local travel axis together, so the bright head always leads. */
@keyframes meteor-pass { 0%,74% { opacity:0; transform:rotate(var(--meteor-angle)) translateX(-170px); } 78% { opacity:.8; } 87%,100% { opacity:0; transform:rotate(var(--meteor-angle)) translateX(330px); } }
@keyframes energy-wave { 0% { scale:.6; opacity:0; } 20% { opacity:.6; } 100% { scale:1.65; opacity:0; } }
@keyframes holo-scan { 0%,30% { transform:translateX(-50%); } 65%,100% { transform:translateX(50%); } }
@keyframes button-glint { to { transform:translateX(110%); } }
@media(max-width:1100px) {
    .features .feature-card { padding:22px 19px; gap:12px; }
    .features .feature-card h3 { font-size:17px; }
    .features .feature-icon { flex-basis:30px; width:30px; height:30px; }
    .features .feature-icon .icon { width:17px; height:17px; }
    .footer-top { grid-template-columns:1.3fr .8fr 1fr; }
    .footer-column:last-child { grid-column:2/4; }
    .hero-actions { gap:22px; }
    .hero-facts { gap:12px; }
}
@media(max-width:980px) {
    .nav-pages { gap:0; }
    .nav-actions { gap:16px; }
    .features .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .features .feature-card:nth-child(n) { border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
    .features .feature-card:nth-child(2n) { border-right:0; }
    .features .feature-card:last-child { grid-column:1/-1; border-bottom:0; border-right:0; }
    .plan { padding-inline:22px; }
    .plan li { font-size:13px; }
    .plan-duration { min-height:45px; font-size:13px; }
    .hero-description { font-size:16px; }
}
@media(max-width:760px) {
    .hero-actions { gap:20px; }
    .hero-facts { justify-content:center; gap:12px; }
    .hero-description { max-width:360px; }
    .hero-bottom>span { font-size:10px; letter-spacing:.05em; }
    .orbit-label { font-size:10px; }
    .features { padding-block:58px; }
    .features .feature-card { padding:20px; }
    .footer-top { grid-template-columns:1fr 1fr; gap:30px; }
    .footer-column:last-child { grid-column:1/-1; }
    .footer-column h2,.footer-column a,.footer-column p,.footer-column:last-child p,.social-links { font-size:14px; }
    .footer-company { column-gap:18px; }
    .footer-company>span:first-child { flex-basis:100%; white-space:normal; }
    .footer-bottom p { max-width:calc(100% - 55px); }
    .footer-wordmark { bottom:50px; font-size:30vw; }
    .plan-duration { min-height:0; font-size:14px; }
    .plan li { font-size:14px; }
    .faq-item summary h3 { font-size:15px; }
    .aurora { filter:blur(35px); }
}
@media(max-width:540px) {
    .features .feature-grid { grid-template-columns:1fr; }
    .features .feature-card:nth-child(n) { grid-column:auto; border-right:0; padding:21px; }
    .features .feature-card h3 { font-size:18px; }
    .features .feature-icon { flex-basis:34px; width:34px; height:34px; }
    .hero-facts { gap:5px 14px; }
    .hero-actions .button { width:100%; max-width:310px; justify-content:space-between; padding:17px 21px; }
    .hero-actions .text-link { font-size:14px; }
    .hero-art { margin-top:32px; }
    .hero-description { max-width:310px; }
    .hero-bottom>span { font-size:10px; max-width:42%; }
    .hero-bottom>span:last-child { text-align:right; }
    .chip-three { font-size:12px; left:4%; }
    .orbit-label { font-size:9px; }
    .footer-top { gap:22px; }
    .footer-column h2 { margin-bottom:5px; }
}
@media(prefers-reduced-motion:reduce) {
    .aurora,.meteor,.core-energy { display:none; }
    .button { translate:none!important; }
    .orbit-core { transform:translate(-50%,-50%); }
}
.motion-paused .button { translate:none; }
.motion-paused .orbit-core { transform:translate(-50%,-50%); }
/* Keep the back-to-top link clear of the fixed motion control, including on phones. */
.footer-bottom { padding-right:64px; gap:20px; }
.footer-bottom>a { flex:0 0 38px; width:38px; height:38px; }
@media(max-width:760px) {
    .footer-bottom { padding-right:48px; }
    .footer-bottom p { max-width:none; }
}

/* Balanced guarantees: a shared heading row and equal space for short descriptions. */
.features .section-heading h2 {
    max-width:850px;
    text-wrap:balance;
}
.features .feature-grid {
    grid-auto-rows:1fr;
}
.features .feature-card {
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    grid-template-rows:36px auto;
    align-content:start;
    align-items:center;
    column-gap:14px;
    row-gap:14px;
    padding:25px 27px;
}
.features .feature-icon {
    grid-column:1;
    grid-row:1;
    width:36px;
    height:36px;
}
.features .feature-copy {
    display:contents;
}
.features .feature-card h3 {
    grid-column:2;
    grid-row:1;
    margin:0;
    font-size:18px;
    line-height:1.35;
    letter-spacing:-.025em;
}
.features .feature-card p {
    grid-column:1/-1;
    grid-row:2;
    align-self:start;
    margin:0;
    font-size:14px;
    line-height:1.7;
    text-wrap:balance;
    max-width:36ch;
    min-height:3.4em;
}
@media(max-width:1100px) and (min-width:981px) {
    .features .feature-card { padding:23px 20px; column-gap:11px; }
    .features .feature-card h3 { font-size:16px; }
}
@media(max-width:760px) {
    .features .feature-card { padding:22px; column-gap:12px; }
    .features .feature-card h3 { font-size:17px; }
}
@media(max-width:540px) {
    .features .feature-card:nth-child(n) { padding:21px 23px; }
    .features .feature-card h3 { font-size:18px; }
}
@media(max-width:360px) {
    .features .feature-card:nth-child(n) { padding:20px; }
    .features .feature-card h3 { font-size:16px; }
}

/* Infrastructure: a signal travels from the shop through the API and back. */
.flow-icon { position:relative; isolation:isolate; }
@media(max-width:480px) { .flow-icon { position:absolute; } }
.flow-icon::after { content:""; position:absolute; inset:-1px; border:1px solid #bba0ff; border-radius:inherit; opacity:0; pointer-events:none; animation:node-transmit 5.4s ease-out infinite; }
.flow-card:nth-child(2) .flow-icon::after { animation-delay:1.8s; }
.flow-card:nth-child(3) .flow-icon::after { animation-delay:3.6s; }
.flow-card:nth-child(2) .flow-icon { background:#b7a0ff12; }
.flow-line i { box-shadow:0 0 12px #c7a9ff80; }
@keyframes node-transmit { 0%,12% { opacity:0; scale:1; } 20% { opacity:.65; scale:1; } 45%,100% { opacity:0; scale:1.55; } }

/* Guarantees: a soft, staggered highlight follows the three-by-three rhythm. */
.features .feature-icon { position:relative; overflow:hidden; }
.features .feature-icon::after { content:""; position:absolute; inset:-50%; background:linear-gradient(115deg,transparent 30%,#d0b6ff00 40%,#e0c9ff38 50%,transparent 62%); animation:feature-glimmer 8s ease-in-out infinite; animation-delay:var(--feature-phase,0s); pointer-events:none; }
.features .feature-card::after { content:""; position:absolute; left:24px; right:24px; bottom:0; height:1px; background:linear-gradient(90deg,transparent,#c3a4ff,transparent); opacity:0; transform:scaleX(.3); transition:transform .6s var(--ease),opacity .4s; pointer-events:none; }
.features .feature-card:hover::after { opacity:.75; transform:scaleX(1); }
@keyframes feature-glimmer { 0%,65% { translate:-65% 0; opacity:0; } 72% { opacity:1; } 88%,100% { translate:65% 0; opacity:0; } }

/* Plans: perspective on entry and a shallow cursor-controlled tilt. */
.plans { perspective:1400px; }
.motion-ready .plans [data-reveal]:not(.is-visible) { transform:translateY(45px) rotateX(12deg); transform-origin:center bottom; }
.motion-ready .plans .plan.is-visible:hover { transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px); }
.plan-top .plan-symbol { transition:transform .5s var(--ease),filter .5s; }
.plan:hover .plan-symbol { transform:rotate(-12deg) scale(1.12); filter:drop-shadow(0 0 7px #bda0ff70); }
.plan-price { position:relative; }
.plan.is-visible .plan-price { animation:price-arrive .85s var(--ease) both; }
@keyframes price-arrive { from { opacity:0; translate:0 15px; filter:blur(3px); } to { opacity:1; translate:0 0; filter:blur(0); } }

/* Design previews: two independently floating layers with a pointer-responsive frame. */
.design-card { transition:transform .65s var(--ease),box-shadow .65s; }
.motion-ready .design-grid .design-card.is-visible:hover { transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); box-shadow:0 22px 60px #0004; }
.preview-window { animation:preview-float 8s ease-in-out infinite; }
.preview-stamp { animation:stamp-float 6s ease-in-out infinite; }
.swatches { animation:preview-float 7s ease-in-out infinite reverse; }
@keyframes preview-float { 0%,100% { translate:0 0; } 50% { translate:0 -9px; } }
@keyframes stamp-float { 0%,100% { translate:0 0; rotate:0deg; } 50% { translate:0 -12px; rotate:-8deg; } }

/* Payments: a moving rail with individual hover illumination. */
.provider-logo { position:relative; overflow:hidden; }
.provider-logo::after { content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 24px #b7a0ff15; opacity:0; animation:provider-breathe 9s ease-in-out infinite; animation-delay:var(--logo-phase,0s); pointer-events:none; }
.provider-logo:hover img { transform:translateY(-3px) scale(1.06); }
.provider-logo img { transition:transform .45s var(--ease),opacity .35s,filter .35s; }
/* Keep pointer focus in place; keyboard focus gets a static rail that can reveal links without a scrollbar. */
.provider-marquee:has(.provider-logo:focus-visible) { overflow:hidden; mask-image:none; }
.provider-marquee:has(.provider-logo:focus-visible) .provider-track { animation:none; }
@keyframes provider-breathe { 0%,50%,100% { opacity:0; } 75% { opacity:1; } }

/* FAQ: an orbiting question mark and a light trail under the expanded answer. */
.faq-decoration { position:relative; width:max-content; animation:faq-float 9s ease-in-out infinite; }
.faq-decoration::after { content:""; position:absolute; inset:12% -50%; border:1px solid #c0a0ed26; border-radius:50%; transform:rotate(-30deg) scaleY(.5); pointer-events:none; }
.faq-item { position:relative; }
.faq-item summary { transition:color .3s,background .3s; }
.faq-item summary:hover { background:linear-gradient(90deg,transparent,#b7a0ff06,transparent); }
.faq-item[open]::after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:linear-gradient(90deg,transparent,#bca0fabb,transparent); transform-origin:left; animation:faq-light .7s var(--ease) both; pointer-events:none; }
.faq-item .faq-plus { transition:rotate .4s var(--ease); }
.faq-item[open] .faq-plus { rotate:180deg; }
@keyframes faq-float { 0%,100% { translate:0 0; rotate:-3deg; } 50% { translate:8px -10px; rotate:4deg; } }
@keyframes faq-light { from { transform:scaleX(0); opacity:0; } to { transform:scaleX(1); opacity:1; } }

/* Final invitation: a slow portal glow behind the existing copy. */
.cta-section::after { content:""; position:absolute; right:-60px; top:-40%; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,transparent 45%,#c899ff15 46%,#b17aef08 50%,transparent 55%); scale:1 .75; z-index:-1; pointer-events:none; animation:portal-breathe 9s ease-in-out infinite; }
.cta-spark { animation:asterisk-turn 50s linear infinite,star-breathe 7s ease-in-out infinite; }
@keyframes portal-breathe { 0%,100% { translate:0 0; opacity:.45; } 50% { translate:-35px 35px; opacity:1; } }
@keyframes star-breathe { 0%,100% { scale:1; filter:drop-shadow(0 0 0 transparent); } 50% { scale:1.06; filter:drop-shadow(0 0 20px #d6b6ff30); } }

/* Footer: the background wordmark catches light under the cursor, without adding height. */
.footer-wordmark { background:radial-gradient(ellipse at var(--footer-light,50%) 60%,#bfa3ed30,transparent 42%),linear-gradient(100deg,#bfa3ed05,#bfa3ed10,#bfa3ed05); background-clip:text; -webkit-text-fill-color:transparent; background-size:140% 140%,100% 100%; animation:footer-light-drift 12s ease-in-out infinite alternate; }
@keyframes footer-light-drift { from { background-position:0% 50%,0 0; } to { background-position:100% 50%,0 0; } }
.footer-top a .icon,.social-links a { transition:transform .3s,color .3s; }
.footer-email:hover .icon { transform:rotate(-6deg); }
.social-links a:hover { transform:translateY(-3px); }

/* Ambient motion is disabled offscreen, when paused, or when reduced motion is requested. */
.section-idle,.section-idle::before,.section-idle::after,.section-idle *,.section-idle *::before,.section-idle *::after { animation-play-state:paused!important; }
.motion-paused .plan.is-visible .plan-price { animation:none; opacity:1; filter:none; translate:none; }
.motion-paused .faq-decoration { translate:none; rotate:0deg; }
@media(prefers-reduced-motion:reduce) {
    .motion-ready .plans .plan,.motion-ready .design-grid .design-card { transform:none!important; }
    .plan.is-visible .plan-price { animation:none; opacity:1; filter:none; translate:none; }
    .flow-icon::after,.features .feature-icon::after,.provider-logo::after,.cta-section::after { display:none; }
    .preview-window,.preview-stamp,.swatches,.faq-decoration { animation:none; translate:none; }
}

/* Link icons follow the action or platform, with restrained horizontal movement. */
.social-links { flex-wrap:wrap; column-gap:18px; row-gap:12px; }
.social-links a { display:inline-flex; align-items:center; gap:8px; }
.social-links .icon { width:18px; height:18px; color:var(--muted); transition:color .25s; }
.social-links a:hover .icon { color:var(--accent); }
.footer-email { gap:10px; }
.footer-email .icon { width:19px; height:19px; }
.nav-pages .icon { width:15px; height:15px; margin-left:5px; }
.footer-bottom>a .icon { width:18px; height:18px; transition:transform .25s; }
.footer-bottom>a:hover .icon { transform:translateY(-2px); }

/* Subpages share the homepage's spacing, type and motion. */
[hidden] { display:none!important; }
.nav-pages a[aria-current=page] { color:var(--text); }
.subpage-hero { position:relative; isolation:isolate; padding-block:86px 66px; }
.subpage-hero::before { content:""; position:absolute; inset:-100px calc(50% - 50vw) -60px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 75% 30%,#9b75ec13,transparent 65%); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 90%,transparent); }
.subpage-hero h1 { font-size:clamp(44px,4.8vw,68px); line-height:1.12; letter-spacing:-.06em; max-width:800px; text-wrap:balance; }
.subpage-intro>p { font-size:17px; color:var(--muted); margin-top:25px; max-width:460px; line-height:1.8; }
.template-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:60px; align-items:center; }
.template-hero h1 { max-width:650px; }
.catalog-jump { margin-top:26px; }
.template-fan { position:relative; height:350px; perspective:1000px; }
.template-fan::before { content:""; position:absolute; inset:0 -25%; border-radius:50%; background:radial-gradient(ellipse,#b08aef20,transparent 66%); }
.fan-window { position:absolute; width:85%; height:235px; border:1px solid #c1abe43a; border-radius:12px; background:#17151c; overflow:hidden; box-shadow:0 28px 70px #0006; }
.fan-window>img { width:100%; height:auto; }
.fan-back { top:5px; left:0; transform:rotate(-11deg) rotateY(6deg); opacity:.6; animation:fan-back-float 9s ease-in-out infinite; }
.fan-front { right:0; top:85px; transform:rotate(6deg) rotateY(-8deg); animation:fan-front-float 8s ease-in-out infinite; }
.fan-label { position:absolute; right:10px; bottom:-8px; color:#8a7f9c; font-size:11px; }
@keyframes fan-front-float { 0%,100% { translate:0 0; } 50% { translate:0 -12px; } }
@keyframes fan-back-float { 0%,100% { translate:0 0; } 50% { translate:6px 8px; } }
.catalog-section { padding-block:20px 92px; }
.catalog-toolbar { display:flex; justify-content:space-between; align-items:center; gap:22px; border-bottom:1px solid var(--line); padding-block:20px; }
.catalog-search { display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:7px; padding:11px 14px; color:var(--muted); width:260px; }
.catalog-search:focus-within { border-color:var(--accent); }
.catalog-search .icon { width:18px; height:18px; }
.catalog-search input { font:inherit; font-size:14px; color:var(--text); border:0; background:transparent; min-width:0; width:100%; outline:none; }
.catalog-search input::placeholder { color:#8d879b; }
.catalog-results { color:var(--muted); font-size:13px; margin:20px 0; }
.template-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.template-card { position:relative; isolation:isolate; background:var(--surface); border:1px solid var(--line); border-radius:15px; overflow:hidden; display:flex; flex-direction:column; transition:border-color .35s,box-shadow .35s; }
.template-card:hover { border-color:#b7a0ff55; box-shadow:0 15px 50px #0004; }
.template-cover { position:relative; display:block; padding:0; width:100%; border:0; border-bottom:1px solid var(--line); background:#191720; overflow:hidden; text-align:left; }
.template-browser-bar { height:30px; display:flex; align-items:center; gap:5px; padding:0 13px; background:#1a1720; border-bottom:1px solid #ffffff06; color:#9991a6; }
.template-browser-bar>i { width:4px; height:4px; border-radius:50%; background:#645b74; }
.template-browser-bar>span { margin-left:6px; font-size:10px; letter-spacing:.07em; }
.template-cover>img { aspect-ratio:1.72; object-fit:cover; object-position:top; width:100%; height:auto; transition:transform .8s var(--ease),filter .6s; }
.template-card:hover .template-cover>img { transform:scale(1.045); filter:brightness(.75); }
.preview-cover-label { position:absolute; left:50%; top:53%; transform:translate(-50%,8px); opacity:0; display:flex; gap:9px; align-items:center; white-space:nowrap; padding:10px 15px; border-radius:8px; background:#eeebf7; color:#17131f; font-size:13px; font-weight:600; transition:opacity .35s,transform .35s; }
.preview-cover-label .icon { width:18px; height:18px; }
.template-cover:hover .preview-cover-label,.template-cover:focus-visible .preview-cover-label { opacity:1; transform:translate(-50%,0); }
.template-card-copy { display:flex; flex-direction:column; flex:1; padding:24px; }
.template-title-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:13px; }
.template-title-row h2 { font-size:25px; letter-spacing:-.035em; }
.template-number { font-size:11px; color:#6f657f; }
.template-description { font-size:14px; line-height:1.8; color:var(--muted); margin-bottom:24px; }
.template-description p+p { margin-top:10px; }
.template-card-bottom { margin-top:auto; padding-top:19px; border-top:1px solid var(--line); display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.template-price>span { display:block; font-size:12px; color:#96909f; margin-bottom:4px; }
.template-price strong { font-size:27px; font-weight:600; letter-spacing:-.04em; white-space:nowrap; }
.template-price small { font-size:13px; font-weight:400; letter-spacing:0; color:var(--muted); }

.catalog-empty,.content-empty { padding:80px 20px; text-align:center; }
.catalog-empty h2,.content-empty h2 { font-size:28px; }
.catalog-empty p,.content-empty p { margin:12px 0 25px; color:var(--muted); }
.empty-symbol { display:inline-flex; color:var(--accent); margin-bottom:20px; }
.empty-symbol .icon { width:36px; height:36px; }
.template-faq { border-top:1px solid var(--line); }
.dot-a { top:23%; right:24%; }.dot-b { bottom:25%; left:18%; width:17px; height:17px; animation-delay:-3s; }
.art-caption { position:absolute; bottom:28px; left:0; right:0; text-align:center; font-size:10px; color:#7d6d91; }
.back-link { font-size:14px; color:var(--muted); margin-bottom:45px; }
.back-link:hover .icon { transform:translateX(-3px); }
.error-page { min-height:65svh; text-align:center; display:flex; align-items:center; flex-direction:column; justify-content:center; padding-block:65px 110px; }
.error-orbit { position:relative; width:360px; max-width:90%; margin-bottom:30px; color:#b7a0ff; font-size:130px; line-height:1; letter-spacing:-.06em; }
.error-orbit::before { content:""; position:absolute; inset:-20% 0; border:1px solid #b7a0ff25; border-radius:50%; transform:rotate(-20deg) scaleY(.5); animation:orbit-breathe 8s ease-in-out infinite; }
.error-page h1 { font-size:32px; letter-spacing:-.04em; max-width:650px; }
.error-page>p { color:var(--muted); margin-top:18px; }
.error-page .button { margin-top:30px; }

@media(max-width:1200px) {
    .template-hero { gap:35px; }.template-fan { height:290px; }.fan-window { height:195px; }.fan-front { top:65px; }
    .template-catalog { gap:18px; }.template-card-copy { padding:20px; }.template-card-bottom { align-items:flex-start; flex-direction:column; gap:8px; }
}
@media(max-width:980px) {
    .subpage-hero { padding-top:55px; }.template-hero { grid-template-columns:1.25fr 1fr; }.subpage-hero h1 { font-size:44px; }.template-fan { height:235px; }.fan-window { height:160px; }.fan-front { top:55px; }.fan-label { font-size:9px; bottom:-12px; }
    .template-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); }.template-card-bottom { flex-direction:row; align-items:flex-end; }
    .catalog-toolbar { align-items:flex-start; }.catalog-search { width:225px; }
}
@media(max-width:760px) {
    .subpage-hero { padding-block:45px 40px; }.template-hero { grid-template-columns:1fr; gap:45px; }.subpage-hero h1 { font-size:42px; max-width:560px; }.subpage-intro>p { font-size:16px; }.template-fan { width:min(450px,90%); height:265px; justify-self:center; margin:0 0 15px; }.fan-window { height:195px; }.fan-front { top:55px; }.fan-label { bottom:-8px; }
    .catalog-toolbar { flex-direction:column; gap:16px; padding-top:10px; }.catalog-search { width:100%; }.catalog-section { padding-top:0; padding-bottom:65px; }.template-card-copy { padding:19px; }.template-card-bottom { flex-direction:column; gap:6px; align-items:flex-start; }.template-title-row h2 { font-size:23px; }.template-price strong { font-size:25px; }.template-description { font-size:14px; margin-bottom:18px; }

    .art-caption { bottom:18px; }
    .back-link { margin-bottom:28px; }
}
@media(max-width:540px) {
    .subpage-hero h1 { font-size:37px; }.subpage-hero .eyebrow { font-size:11px; }.template-fan { height:220px; width:90%; }.fan-window { height:160px; }.template-catalog { grid-template-columns:1fr; gap:24px; }.template-card-copy { padding:23px; }.template-card-bottom { flex-direction:row; align-items:flex-end; }.template-title-row h2 { font-size:26px; }
    .preview-cover-label { opacity:1; transform:translate(-50%,0); top:auto; bottom:13px; padding:8px 12px; font-size:12px; background:#141119dd; color:#eee8f6; backdrop-filter:blur(8px); border:1px solid #d3b9ff35; }
    .error-orbit { font-size:110px; }.error-page h1 { font-size:27px; }
}
@media(prefers-reduced-motion:reduce) { .fan-window { animation:none; } }

.catalog-title { font-size:21px; letter-spacing:-.03em; }
.template-preview-action { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid var(--line); border-radius:7px; background:transparent; color:#bfb2d0; font-size:13px; transition:background .25s,border-color .25s,color .25s; }
.template-preview-action:hover { background:#b7a0ff12; border-color:#b7a0ff55; color:var(--text); }
.template-preview-action .icon { width:17px; height:17px; }
.template-card-bottom { flex-direction:row; align-items:flex-end; }