:root{--bg:#fbfaff;--panel:#fff;--line:#21105818;--text:#171044;--muted:#625c78;--purple:#6930ed;--pink:#e500b9}body{background:var(--bg);color:var(--text)}header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(20px);height:88px;gap:25px}nav{gap:24px}nav>a:not(.nav-cta){color:#30225b}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:2px;transform:scaleX(0);background:linear-gradient(90deg,#5420fa,#ee00b8);transition:transform .25s}nav a:hover:after,nav a[aria-current]:after{transform:scaleX(1)}.clean-logo{width:190px;height:65px;overflow:hidden;flex-shrink:0}.clean-logo img{width:100%;height:100%;object-fit:contain}.eyebrow{color:#8131c9;font-size:14px}.gradient{background-image:linear-gradient(105deg,#4922ef,#bf00d8 60%,#f000a8)}.hero{background:radial-gradient(ellipse at 90% 20%,#c575ff28,transparent 55%);min-height:740px}.hero-copy>p{color:#615675}.hero-proof{color:#6b5a83}.hero-stage{isolation:isolate}.code-window{color:#eee3ff}.code-content{height:300px;white-space:normal;display:flex;align-items:flex-start;padding:25px 20px;color:#f6b5ed}.code-content pre{margin:0;white-space:pre-wrap;font:13px/1.9 monospace;overflow-wrap:anywhere;min-width:0}.floating-tag{color:white}.stage-grid{background-image:linear-gradient(#8137bd18 1px,transparent 1px),linear-gradient(90deg,#8137bd18 1px,transparent 1px)}.stage-caption{color:#706084}.ticker{background:linear-gradient(110deg,#4615d6,#9b09e4,#e200b5);color:white;border:0;padding:26px 0}.ticker>div{display:flex;animation:marquee 36s linear infinite;color:white}.ticker .ticker-group{display:inline-block;margin:0;color:inherit}.ticker span span{color:#edbfff;margin:0 35px}.ticker:hover>div{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.service-card{background:white;box-shadow:0 12px 45px #5e299008;border-color:#752bb822}.service-card:hover{background:#fff;box-shadow:0 22px 45px #6c30a319;border-color:#bf70df}.service-icon,.card-link{color:#892ac7}.service-card p{font-size:16px}.index{color:#9568aa}.audience,.project-form,.detail-groups article{background:white}.audience,.contact{background:radial-gradient(ellipse at 0 0,#eeb9ff40,transparent 60%)}.muted{color:#766486}.detail-cta{background:linear-gradient(120deg,#301072,#7308bd);color:white}.detail-cta p{color:#dfccef}.detail-cta .eyebrow{color:#ecbaff}footer{background:#140831;color:white}.footer-top p,.footer-bottom{color:#bcaace}.footer-links{color:#d3bde6}.page-intro{padding:90px 6% 70px;position:relative;overflow:hidden;background:radial-gradient(ellipse at right top,#e993ef30,transparent 65%)}.page-intro h1{max-width:1050px;font-size:clamp(40px,5vw,76px)}.page-intro>p{max-width:730px;font-size:19px;margin-top:30px}.home-statement h2{font-size:clamp(37px,4.8vw,72px);line-height:1.25}.statement-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:30px}.statement-bottom p{max-width:630px;font-size:18px}.statement-bottom .button{border:1px solid #b88edf}.studio-teaser,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.studio-teaser{background:#f1eaff}.studio-teaser p{max-width:500px}.code-slogan{font:clamp(26px,3vw,48px)/1.8 monospace;align-self:center;color:#8b44c1;transform:perspective(800px) rotateY(-15deg);animation:float 6s ease-in-out infinite}.code-slogan span{color:#e200b5;margin-left:30px}.about-grid article p{font-size:17px}.faq-full{padding-top:0;max-width:1000px}.faq-full summary{font-size:19px}.faq-full details p{font-size:17px}.portfolio-empty{padding:45px;border:1px solid #b892d6;border-radius:16px;margin-bottom:50px;background:linear-gradient(120deg,#f1e8ff,#fff)}.portfolio-empty p{max-width:720px}.about-grid{margin-bottom:45px}.contact{padding-top:50px}label,legend{font-size:14px;color:#413256}input,textarea,select{background:#fcfaff;color:#20113e;border:1px solid #cdbcdd;font-size:16px}select{display:block;width:100%;border-radius:6px;padding:12px;margin:9px 0 19px;font:inherit}.choices span{color:#694a7e;border-color:#cdb7df;font-size:14px}.choices input:checked+span{background:#752cb4;color:white}.form-note{font-size:14px;color:#736580}.consent{display:block;margin:20px 0;line-height:1.6}.consent input{width:auto;display:inline;margin-right:10px}.consent a{text-decoration:underline}.uploads{border:1px dashed #bb8ed5;padding:18px;border-radius:10px}.uploads p{font-size:14px}.uploads input{max-width:100%;font-size:14px}.honeypot{display:none}.scroll-progress{position:fixed;top:0;left:0;z-index:100;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#5124ff,#f000c7)}.motion-toggle{border:1px solid #d9c6e8;border-radius:50%;background:white;color:#742fb5;min-width:36px;height:36px;font-size:17px}.button{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,filter .25s}.button:hover{filter:brightness(1.1)}.button:active{transform:scale(.96)}.ripple{position:absolute;width:20px;height:20px;background:#fff8;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:ripple .65s ease-out forwards}@keyframes ripple{to{transform:translate(-50%,-50%) scale(24);opacity:0}}.js-motion .reveal{transform:perspective(900px) translateY(55px) rotateX(5deg);opacity:0;transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .85s}.js-motion .reveal.visible{transform:none;opacity:1}.assistant-launch{position:fixed;bottom:25px;right:25px;z-index:50;padding:15px 22px;background:linear-gradient(100deg,#6324ea,#d509ba);color:#fff;border:1px solid #ffffff80;border-radius:40px;box-shadow:0 8px 28px #6814a844;font:700 16px var(--font)}#assistant-panel{position:fixed;bottom:90px;right:25px;width:370px;max-width:calc(100vw - 30px);max-height:75vh;overflow:auto;background:white;border:1px solid #d1aae4;box-shadow:0 20px 80px #27064635;border-radius:18px;padding:25px;z-index:51}#assistant-panel[hidden]{display:none}.assistant-head{display:flex;justify-content:space-between;align-items:center}.assistant-head strong{color:#9c12cb;font-size:23px}.assistant-head small{display:block;color:#756082}.assistant-close{border:0;background:#f3e7ff;border-radius:50%;font-size:25px;color:#612e89;width:35px;height:35px}.assistant-options{display:flex;flex-wrap:wrap;gap:8px}.assistant-options button,.sample-toolbar button{border:1px solid #c5a2dc;border-radius:20px;background:#fcf8ff;color:#613a7b;padding:8px 12px;font:inherit;font-size:14px}.assistant-options button:hover{background:#f0dbff}#assistant-answer{font-size:15px;line-height:1.7;margin:20px 0;background:#f8f0ff;padding:15px;border-radius:12px}#assistant-panel>.text-link{display:block;margin-top:18px;width:max-content}.studio-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:35px;padding-top:0;align-items:start}.studio-layout h2{font-size:24px;margin-bottom:25px}.sample-wrap{min-width:0}.sample-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;margin-bottom:15px}.sample-toolbar button[aria-pressed=true]{background:#6823bc;color:white}#sample-preview{display:block;width:100%;height:580px;background:white;border:1px solid #d5c0e4;border-radius:15px;transition:width .4s;margin:auto}#sample-preview.mobile{width: min(360px,100%)}#sample-status{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.menu-toggle{color:#38144d;border-color:#d6b9ea}@media(max-width:1000px){nav{gap:16px;font-size:13px}.studio-layout{grid-template-columns:300px 1fr}.clean-logo{width:150px}}@media(max-width:800px){header{height:80px;gap:12px}.clean-logo{margin-right:auto;width:155px}nav{background:#fff;box-shadow:0 20px 30px #42075314}.hero{min-height:auto}.page-intro{padding-top:65px}.studio-teaser,.about-grid,.studio-layout{grid-template-columns:1fr;gap:35px}.statement-bottom{display:block}.code-slogan{font-size:35px}.assistant-launch{bottom:80px;right:16px}#assistant-panel{bottom:145px;right:15px;max-height:65vh}.page-intro>p{font-size:17px}.motion-toggle{min-width:32px;height:32px}.hero-stage{margin-top:45px}.code-content pre{font-size:12px}.portfolio-empty{padding:25px}.sample-toolbar{flex-wrap:wrap}}@media(max-width:480px){.code-content{height:275px;padding:20px 12px}.code-content pre{font-size:11px}.eyebrow{font-size:12px}.hero-proof{font-size:12px}.assistant-launch span{display:none}.assistant-launch{padding:12px 18px;font-size:22px}.page-intro h1{font-size:39px}.ticker{padding:20px 0}.contact-copy>a{font-size:16px}}@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none}.code-slogan{transform:none}}