/* Homepage palette and continuous portfolio. Account/legal surfaces keep their own styles. */
:root{--ink:#0C0D10;--ink-2:#151820;--ink-3:#20232d;--paper:#fff;--paper-2:#F4F2ED;--paper-3:#EAE8FF;--tx-d:#F5F6F8;--tx-d-mut:#a5a9b5;--tx-l:#111318;--tx-l-mut:#6B707A;--line-d:#292D36;--line-l:#DDDDE2;--accent:#7568FF;--premium-gold:#7568FF;--maxw:1240px;--hd:Inter,Arial,sans-serif;--radius:14px}
html{scroll-padding-top:96px}body{background:var(--ink)}
h1,h2,h3,h4{font-weight:550;letter-spacing:-.045em;text-wrap:balance}
a:focus-visible,button:focus-visible,input:focus-visible,.portfolio-viewport:focus-visible{outline:3px solid #a99fff;outline-offset:5px}
.reveal,.reveal.in{opacity:1;transform:none}
.kicker{font-size:13px;opacity:1;color:#aaa1ff;letter-spacing:.15em}.section-light .kicker{color:#5b50bc}
.section-title{font-size:clamp(32px,4.2vw,58px);line-height:1.12;max-width:900px}.section-lede{max-width:690px;line-height:1.6}
.section-head{padding-top:100px;padding-bottom:48px}
.site-header,.site-header.scrolled{background:rgba(12,13,16,.92);border-color:var(--line-d);backdrop-filter:blur(16px)}
.nav{max-width:1440px;height:84px;gap:24px}.brand{flex-shrink:0;font-size:25px}.brand-name{background:none;color:var(--tx-d)}
.brand-mark,.thyrne-mark{filter:none}.thyrne-mark .tm-frame{stroke:#aaa1ff}.thyrne-mark .tm-gem{fill:#aaa1ff}
.nav-links{gap:28px}.nav-links a{font-size:14px;font-weight:500;color:#c4c6ce;white-space:nowrap;padding:12px 0;transition:color .2s}.nav-links a:hover{color:#fff}
.nav-right{gap:18px;flex-shrink:0}.nav-login{min-height:46px!important;padding:10px 23px!important;font-size:14px!important}
.lang-switch{background:#151820;border-color:var(--line-d);box-shadow:none}.lang-switch button{min-height:34px}.lang-switch button.is-active{background:#EAE8FF;color:#292344;box-shadow:none}
.mobile-menu{background:#151820;max-height:calc(100svh - 76px);overflow-y:auto;animation:menuEnter .18s ease-out}.mobile-menu .mobile-login{background:#7568FF;border:1px solid #7568FF;border-radius:12px;box-shadow:none}
@keyframes menuEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.btn,.btn-lg,.hero-btn{min-height:52px;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;box-shadow:none;letter-spacing:0;transition:background .2s,color .2s,transform .2s}
.btn::after{display:none}.btn:hover{transform:translateY(-2px);box-shadow:none}
.btn-solid,.section-light .btn-solid,.hero-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}
.btn-solid:hover,.section-light .btn-solid:hover,.hero-btn-primary:hover{background:#887DFF;border-color:#887DFF;box-shadow:none}
.btn-ghost-light,.hero-btn-secondary{background:#151820;border-color:#424653;color:var(--tx-d);box-shadow:none;backdrop-filter:none}
.btn-ghost-light:hover,.hero-btn-secondary:hover{background:#242835;border-color:#777183;box-shadow:none}
.btn-icon{height:26px;width:26px;flex-basis:26px;padding:4px}.hero-btn-primary .btn-icon,.hero-btn-secondary .btn-icon{background:none;border:0;box-shadow:none}
.hero{background:var(--ink);min-height:min(900px,100svh);padding:160px 24px 100px}.hero-scrim{background:radial-gradient(ellipse at 50% 38%,rgba(117,104,255,.1),transparent 65%)}
.hero-inner{max-width:1000px;gap:26px}.hero-title{font-weight:550;font-size:clamp(50px,6.8vw,100px);line-height:1.02;letter-spacing:-.06em;text-shadow:none}
.hero-sub{max-width:690px;font-size:clamp(17px,1.6vw,20px);line-height:1.65;text-shadow:none;color:#b0b4c0}.hero-fine{font-size:14px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#bbb4ff}.eyebrow::before{background:#887DFF}
.portfolio{overflow:hidden;padding-bottom:80px;position:relative;background:radial-gradient(ellipse at 50% 55%,rgba(117,104,255,.07),transparent 70%),var(--ink)}
.portfolio .section-head{padding-top:64px}.portfolio-viewport{--card-width:clamp(300px,27vw,510px);--card-gap:24px;position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#645cb2 transparent;touch-action:pan-x pan-y;outline-offset:-4px;perspective:1600px}
.portfolio-track{display:flex;gap:var(--card-gap);list-style:none;margin:0;padding:30px 24px 50px;width:max-content}
.portfolio-card{width:var(--card-width);flex:0 0 var(--card-width);background:#151820;border:1px solid #343745;border-radius:22px;overflow:hidden;box-shadow:0 20px 38px -18px rgba(0,0,0,.7);color:#F5F6F8;user-select:none}
.portfolio-card a{display:block}.portfolio-card a:focus-visible{outline-offset:-4px}.portfolio-preview{aspect-ratio:16/10;position:relative;overflow:hidden;background:#EAE8FF;color:#514981}.portfolio-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;pointer-events:none}
.preview-chrome{height:11%;display:flex;align-items:center;gap:5px;padding:0 5%;border-bottom:1px solid rgba(70,62,111,.12)}.preview-chrome i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35}.preview-chrome span{font-size:8px;letter-spacing:.2em;margin-left:auto;font-weight:600}
.preview-composition{height:89%;position:relative;padding:8%;overflow:hidden}.preview-composition b{display:block;font-size:clamp(65px,7vw,118px);line-height:1.1;letter-spacing:-.08em;font-weight:500;position:relative;z-index:1}.preview-rule{display:block;width:34%;height:4px;background:currentColor;opacity:.4;margin-bottom:6%}.preview-rule.short{width:22%;margin-top:6%;height:3px}.preview-shape{position:absolute;width:51%;aspect-ratio:1;right:5%;top:12%;border-radius:50% 50% 4% 4%;background:#b5adef;transform:rotate(-12deg);border:1px solid rgba(255,255,255,.3)}
.variation-1{background:#222534;color:#ddd9ff}.variation-1 .preview-shape{border-radius:50%;background:repeating-radial-gradient(circle at center,#8478e3 0 3px,transparent 4px 13px);transform:rotate(0)}
.variation-2{background:#f4f2ed;color:#565261}.variation-2 .preview-shape{border-radius:4%;background:#c4bddf;transform:rotate(18deg);box-shadow:15px 15px 0 rgba(117,104,255,.16)}
.variation-3{background:#342f4b;color:#f0ebff}.variation-3 .preview-shape{border-radius:50% 0 50% 50%;background:#7669bc;transform:rotate(35deg)}
.portfolio-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px}.portfolio-caption h3{font-size:17px;font-weight:500;letter-spacing:-.02em;white-space:nowrap}.portfolio-caption>span{font-size:11px;color:#b2b5c1;text-align:right;line-height:1.45}
.portfolio-viewport.is-animated{height:calc(var(--card-width) * .625 + 180px);overflow:hidden;touch-action:pan-y;cursor:grab}
.is-animated .portfolio-track{width:100%;height:100%;padding:0;transform-style:preserve-3d}
.is-animated .portfolio-card{position:absolute;left:50%;top:50%;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}
.portfolio-viewport.is-dragging{cursor:grabbing}.portfolio-tools{display:flex;align-items:center;justify-content:space-between;gap:24px}.portfolio-tools p{font-size:13px;color:#a5a9b5;margin:0}.portfolio-toggle{color:#ded9ff;background:#201e30;border:1px solid #4f496a;border-radius:999px;font:500 12px/1.4 var(--bd);padding:12px 18px;flex-shrink:0;cursor:pointer}.portfolio-toggle:hover{background:#302b46}
.features{padding-bottom:100px}.bento-card{border-radius:22px}.bento-card h3{font-weight:550;font-size:clamp(22px,2.2vw,29px)}.bento-card p{line-height:1.6}
.build-preview{background:linear-gradient(135deg,#242132,#4e4378)}.bp-text{background:#c4bfee}.bp-btn{background:#a698ff}.build-steps .done:before,.launch-status>i{background:#7568FF}.launch-status>i{box-shadow:0 0 0 4px #EAE8FF}
.art-chat{background:#151820}.tg-head{background:#20232d}.tg-avatar{background:#7568FF}.art-chat .bubble.out{background:#544887;color:#fff}.tg-input{background:#20232d}.tg-head small,.tg-input b{color:#b9b0ff}
.art-seo{background:#ebe8f4}.search-box>span,.search-result strong{color:#6154af}.seo-position{display:none}.art-domain,.art-resp{background:#e9e7ef}.domain-card>span{background:#7568FF}.dev .mini-site{background:linear-gradient(145deg,#262035,#524575)}
.mini-site{color:#f5f6f8}.mini-site i,.mini-site span{background:#aa9bff}.art-domain .urlbar b{color:#6154af}.search-result small{color:#6b607a}
.pricing{padding-bottom:100px}.billing-toggle{border-color:#3e414e;background:#151820;box-shadow:none}.bt-opt.is-active{background:#EAE8FF;box-shadow:none}.plans{gap:24px;padding-top:16px}.plan{border-radius:20px;padding:30px 24px}.plan-price .amt{font-weight:500}.plan-best{border-color:#686090;box-shadow:none}.plan-featured{background:#EAE8FF;border-color:#EAE8FF}.plan-badge,.best-ribbon{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#7568FF;border:1px solid #9388ff;border-radius:999px;padding:6px 13px;color:white;font:600 11px/1.5 var(--bd);white-space:nowrap;box-shadow:none}.best-ribbon{background:#28243b;border-color:#686090;color:#ded8ff}.plan-name{font-weight:550}
.statement{padding:100px 0;background:#151820}.rays{display:none}.statement-text{font-weight:500;font-size:clamp(32px,4.5vw,64px)}.faq,.reviews{padding-bottom:100px}.final-cta{padding:100px 0;background:#0c0d10}.final-cta .hero-glow{display:none}.final-cta .section-title{margin:auto}.cta-form{max-width:740px}.cta-form input[type=email]{border-color:#424653;background:#151820;color:#fff}.consent-check{color:#a5a9b5}.consent-check a{color:#c2baff}
.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:64px}.site-footer{border-top:1px solid #292D36}.footer-col h4{font-weight:600}.footer-col a{color:#a5a9b5}.footer-bottom{border-color:#292D36}.rv-ava{background:#EAE8FF!important;color:#6053aa!important}
.cookie-banner{max-width:800px;border-color:#3e414e;background:rgba(21,24,32,.97);padding:14px 18px;gap:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.cookie-banner p{font-size:12px;line-height:1.5}.cookie-banner a{color:#c3bbff}.cookie-actions button{border-color:#555766;background:#20232d;font-size:11px;box-shadow:none;padding:12px}.cookie-actions .cookie-accept{background:#7568FF;color:#fff;border-color:#7568FF}.cookie-actions button:hover{border-color:#aaa1ff;transform:none}
/* Slightly deeper accent on text-bearing controls maintains WCAG contrast. */
.btn-solid,.section-light .btn-solid,.hero-btn-primary,.plan-badge,.cookie-actions .cookie-accept,.mobile-menu .mobile-login{background:#6656e6;border-color:#7568FF}
.btn-solid:hover,.section-light .btn-solid:hover,.hero-btn-primary:hover{background:#7062eb;border-color:#887DFF}
.plan-featured .per,.plan-featured .plan-list li{color:#5a5e69}
.footer-col h3{font:600 13px/1.2 var(--bd);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}
.launch-status small{color:#626975}.tg-head b{color:#f5f6f8}.art-chat .bubble.out small{color:#eee9ff;opacity:1}.art-chat .bubble.in small{color:#555465;opacity:1}
.variation-0 .preview-chrome,.variation-2 .preview-chrome{color:#353047}.variation-0 .preview-composition b,.variation-2 .preview-composition b{color:#302b4a}
.hero-bg-video{object-position:center;filter:saturate(.75);pointer-events:none}
.hero-scrim{background:linear-gradient(180deg,rgba(12,13,16,.32),rgba(12,13,16,.52) 52%,#0c0d10 100%),radial-gradient(ellipse at 50% 40%,rgba(12,13,16,.16),rgba(12,13,16,.36))}
.hero-sub{color:#d8dae3;text-shadow:0 2px 12px rgba(0,0,0,.65)}.hero-title{text-shadow:0 2px 24px rgba(0,0,0,.4)}.hero .eyebrow{color:#d2ccff}.hero-fine{color:#c2c5d0}
.hero-video-control{position:absolute;z-index:3;right:24px;bottom:28px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #666977;background:rgba(21,24,32,.8);color:#fff;cursor:pointer;font:600 14px/1 var(--bd);backdrop-filter:blur(8px)}
.hero-video-control[hidden]{display:none}.hero-video-control:hover{background:#302b46}
@media(max-width:640px){.hero-bg-video{object-position:58% center}.hero-video-control{right:16px;bottom:16px;width:38px;height:38px}.hero-scrim{background:linear-gradient(180deg,rgba(12,13,16,.4),rgba(12,13,16,.58) 65%,#0c0d10 100%)}}
@media(min-width:1600px){.hero-inner{max-width:1100px}.portfolio-caption h3{font-size:20px}.portfolio-caption>span{font-size:12px}}
@media(max-width:1100px){.nav-links{gap:17px}.nav{gap:16px}.nav-right{gap:10px}.nav-links a{font-size:13px}.portfolio-viewport{--card-width:39vw}}
@media(max-width:900px){.nav-links,.nav-right{display:none}.burger{display:flex}.nav{height:76px}.section-head{padding-top:72px}.footer-grid{gap:32px}.portfolio-tools{gap:16px}.portfolio-tools p{max-width:360px}.portfolio-caption{padding:16px;gap:10px}.portfolio-caption>span{font-size:10px}}
@media(max-width:640px){.wrap{padding-left:16px;padding-right:16px}.hero{min-height:auto;padding:142px 16px 80px}.hero-inner{padding:0;gap:22px}.hero-title{font-size:clamp(45px,11vw,68px)}.eyebrow{font-size:10px;letter-spacing:.1em}.hero-sub{font-size:16px}.hero-cta{flex-direction:column;width:100%;max-width:340px;gap:12px}.hero-fine{font-size:12px}.section-head{padding:60px 16px 28px}.section-title{font-size:clamp(30px,8vw,40px)}.section-lede{font-size:15px}.portfolio{padding-bottom:56px}.portfolio .section-head{padding-top:48px}.portfolio-viewport{--card-width:82vw;--card-gap:18px}.portfolio-viewport.is-animated{height:calc(var(--card-width) * .625 + 145px)}.portfolio-tools{align-items:flex-start;flex-direction:column;gap:12px}.portfolio-tools p{font-size:12px}.portfolio-toggle{padding:10px 14px}.portfolio-caption h3{font-size:16px}.features,.pricing,.faq,.reviews{padding-bottom:60px}.bento{grid-template-columns:1fr;padding:0 16px}.bento-card.big,.bento-card{grid-column:1}.plans{gap:36px}.statement{padding:64px 0}.final-cta{padding:64px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.cookie-banner{left:12px;right:12px;bottom:12px;padding:12px;gap:10px}.cookie-banner p{font-size:11px}.cookie-actions{width:100%;gap:8px}.cookie-actions button{flex:1;min-height:40px;padding:9px 6px}.bento-art{max-width:100%}}
@media(prefers-reduced-motion:reduce){.mobile-menu{animation:none}.portfolio-toggle{display:none}.portfolio-card{transform:none!important}.btn,.btn:hover{transition:none;transform:none}.portfolio-viewport{scroll-behavior:auto}}