@property --orbit{syntax:'<angle>';initial-value:0deg;inherits:false}
:root{color-scheme:dark;--paper:#08070f;--ink:#edeaf9;--muted:#9791ab;--line:#ffffff12;--accent:#bd9cff;background:#08070f;color:#edeaf9;scroll-padding-top:35px}body{background:radial-gradient(ellipse 75% 22% at 50% 9%,#25134266,transparent 75%),#08070f;overflow-x:hidden}body:before{content:'';position:absolute;top:0;left:50%;width:1px;height:1300px;background:linear-gradient(transparent,#d6b7ff10,transparent);pointer-events:none}::selection{background:#a78bfa66;color:white}.ambient{position:absolute;top:0;left:0;right:0;height:1150px;overflow:hidden;pointer-events:none;z-index:0}.ambient i{position:absolute;width:650px;height:450px;border-radius:50%;filter:blur(95px);background:#7b38bc33;left:calc(50% - 325px);top:130px;animation:breathe 14s ease-in-out infinite alternate}.ambient i:nth-child(2){width:400px;height:500px;background:#4e2da627;left:-220px;top:550px;animation-delay:-5s}.ambient i:nth-child(3){width:400px;height:500px;background:#6254d72b;left:auto;right:-210px;top:500px;animation-delay:-9s}@keyframes breathe{to{transform:translate3d(25px,40px,0) scale(1.13);opacity:.5}}.wrap{position:relative;z-index:1;max-width:1160px}.nav{height:96px;gap:36px}.brand{font-size:17px;color:#f2edff}.brand>span:last-child{color:#ab9dc7}.brandmark{background:linear-gradient(145deg,#f4e8ff,#a075df);color:#26183b;box-shadow:inset 0 0 0 1px #fff9,0 0 20px #ad72f52a}.brandmark span{color:#5c378c}.nav nav{font-size:11px;color:#aaa2bb;gap:25px}.nav nav a{transition:color .2s}.nav nav a:hover{color:white}.button{background:linear-gradient(180deg,#eaddff,#bc9ae7);border-color:#e4cfff66;color:#21132f;box-shadow:inset 0 1px 0 #fff9,0 0 0 4px #b98be90a,0 4px 18px #9f62df24;transition:transform .2s,box-shadow .2s,filter .2s;border-radius:9px;font-size:13px}.button:hover{background:linear-gradient(180deg,#f6eeff,#ccabf6);transform:translateY(-2px);box-shadow:0 0 0 5px #bb86f116,0 7px 30px #aa68e542}.button.small{background:linear-gradient(#ffffff12,#ffffff05);color:#ddd3ed;border:1px solid #ffffff22;box-shadow:inset 0 1px 0 #ffffff0c;font-size:11px}.button:disabled{opacity:.65;transform:none;cursor:wait}.hero{padding-top:67px}.hero .eyebrow{display:inline-flex;padding:7px 13px;border:1px solid #b995ee33;border-radius:30px;font-size:9px;letter-spacing:.08em;background:linear-gradient(90deg,#b78cff0e,#b78cff1a);box-shadow:inset 0 1px 0 #ffffff08;color:#c5addf}.dot{background:#c4a0ff;box-shadow:0 0 9px #bc8cff88}.hero h1{font-size:clamp(48px,6.7vw,82px);line-height:1.03;letter-spacing:-4px;font-weight:650;margin:27px auto 24px;color:#f7f2ff;text-shadow:0 2px 35px #caa0ff15}.hero h1 span{background:linear-gradient(110deg,#d7c0f5 5%,#faf5ff 36%,#c6a1ee 65%,#82649d);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:16px;line-height:1.85;color:#a69ab9;max-width:510px}.hero-actions{margin-top:29px;gap:25px}.textlink{font-size:12px;color:#c7bfd6;transition:color .2s}.textlink:hover{color:white}.fine{color:#71677f;font-size:10px}.orbit-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#7d6a97;margin:47px 0 16px}.orbit-label span{color:#c6a5f2}.demo-shell{position:relative;margin-top:0;border:1px solid #d0a0ff38;background:#110d1a;border-radius:14px;overflow:visible;box-shadow:0 -30px 100px -40px #9d54f66b,0 35px 100px #000b,0 0 0 7px #b687f205}.demo-shell:before{content:'';position:absolute;inset:-2px;border-radius:16px;padding:1px;background:conic-gradient(from var(--orbit),transparent 0deg,#e5bcff80 45deg,transparent 80deg,transparent 180deg,#7b64e870 235deg,transparent 275deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:orbit 14s linear infinite;pointer-events:none}@keyframes orbit{to{--orbit:360deg}}.windowbar{height:47px;border-radius:13px 13px 0 0;background:linear-gradient(#201729,#18121f);border-bottom:1px solid #ffffff09;color:#9e8caf;padding:0 20px}.lights i{background:#6a4e7d}.lights i:first-child{background:#a06e98}.lights i:nth-child(2){background:#917496}.lights i:nth-child(3){background:#6a8c87}.window-project{display:flex;align-items:center;gap:9px;font-size:10px}.window-project b{color:#c39de5;font-size:15px}.window-project span{color:#56425e;margin:0 6px}.demo-badge{background:#b28aff0b;color:#b6a2c4;border:1px solid #bd8df918;font-size:8px;letter-spacing:.05em;display:flex;align-items:center;gap:5px}.live-led{width:4px;height:4px;background:#8fc2a3;border-radius:50%;box-shadow:0 0 8px #8fc2a344}.demo-grid{min-height:462px;grid-template-columns:1fr 300px}.preview{background-color:#100d17;background-image:radial-gradient(#bfa0dd22 .7px,transparent .8px);background-size:17px 17px;border-radius:0;overflow:hidden;padding:50px}.preview:before{content:'';position:absolute;inset:10%;background:radial-gradient(ellipse,#7551a722,transparent 65%);pointer-events:none}.artboard{background:linear-gradient(130deg,#201829,#15111e);border:1px solid #bd91ed20;border-radius:4px;box-shadow:0 0 0 7px #ac80ee04,0 30px 45px #0004;min-height:280px;position:relative}.motif svg{filter:drop-shadow(0 6px 12px #b087f522);transition:transform .25s,filter .25s}.motif svg:hover{transform:translateY(-4px) scale(1.12);filter:drop-shadow(0 6px 16px #c6a0fa66)}.canvas-meta,.canvas-footer{color:#74637e}.canvas-meta{font-size:8px;letter-spacing:.15em}.canvas-footer{font-size:8px}.inspector{background:linear-gradient(120deg,#1b1422,#15101c);border-left:1px solid #bf9dd217;padding:20px}.plugin-heading b{color:#e4d9ef;font-size:11px}.plugin-heading small{color:#7f6b8c;font-size:9px}.plugin-icon{background:linear-gradient(145deg,#b798e524,#9d6df40d);border:1px solid #c9a3ee25;color:#d3b3f3;box-shadow:0 0 15px #a172dd09}.version{color:#75617e}.toolstrip{background:#0d0a12;border:1px solid #ffffff08}.toolstrip button{color:#887296;transition:background .2s,color .2s}.toolstrip button:hover{color:#ddd0ec}.toolstrip button[aria-pressed=true]{background:linear-gradient(#372641,#2b1c35);color:#dbbfef;box-shadow:0 0 0 1px #b78de629,inset 0 1px 0 #ffffff09}.settings{border-bottom-color:#ffffff0a}.settings summary{color:#c2aecf}.settings summary span{color:#6b5777}.field label{color:#8d769c}.field output{color:#c3a9d6}.colorfield{border-color:#a17bbc25;background:#100c17}.colorfield output{color:#bea7ce}.colorfield input{background:transparent}input[type=range]{accent-color:#bd98ea}.inline input{accent-color:#bd98ea}.secondary{background:#b69ad807;border:1px solid #ac81cc22;color:#aa92bc;transition:background .2s,border-color .2s}.secondary:hover{background:#b69ad819;border-color:#ba8fec55}.export{background:linear-gradient(180deg,#b99adb,#a684d0);color:#21142e;border-color:#c9a9ea80;font-size:10px;padding:11px;box-shadow:inset 0 1px 0 #ffffff44,0 2px 10px #0002}.demo-note{color:#705d7c;font-size:8px}.democaption{background:#100c17;color:#7d698d;border-top-color:#c496e812;border-radius:0 0 13px 13px;font-size:9px}.madeby{color:#9f8cb2;gap:25px;margin-top:29px;font-size:10px}.madeby>span{color:#605169}.madeby a{color:#8e7d9f;transition:color .2s}.madeby a:hover{color:#d1bde4}.tech-section{padding-top:72px;padding-bottom:25px;text-align:center}.tech-section .eyebrow{justify-content:center;color:#786785;letter-spacing:.13em;font-size:9px}.tech-logos{display:flex;justify-content:center;gap:45px;align-items:center;margin:25px 0 18px}.tech-logos>div{display:flex;align-items:center;gap:10px;color:#b7a6c9;font-size:14px;font-weight:600;transition:color .2s,transform .2s}.tech-logos>div:hover{color:white;transform:translateY(-3px)}.tech-logos svg{width:25px;height:27px;opacity:.85;filter:drop-shadow(0 0 12px #a98bd516)}.tech-note{font-size:9px;color:#574a60}.section{padding-top:100px;padding-bottom:65px}h2{font-size:42px;letter-spacing:-1.9px;color:#eee7f7;font-weight:600;line-height:1.18}h2 span{color:#9680b0}.eyebrow{color:#a184bd;font-size:9px}.muted{color:#8e7f9f;font-size:14px}.proof{padding-top:75px}.proof-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:25px}.proof-intro h2{margin-bottom:0}.proof-intro>p{max-width:340px;color:#8e7b9f;font-size:12px;line-height:1.9;margin-bottom:4px}.proof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.proof-stats article,.feature-list article,.product-proof a,.signup{position:relative;background:radial-gradient(450px circle at var(--mx,-300px) var(--my,-300px),#c39dff10,transparent 50%),linear-gradient(135deg,#c6a7ef0a,#a577dd02);border:1px solid #cba2f51c;border-radius:12px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.proof-stats article:hover,.feature-list article:hover,.product-proof a:hover{transform:translateY(-4px);border-color:#c59cf04d;box-shadow:0 15px 35px #0003}.proof-stats article{padding:24px 26px}.stat-icon{font-size:20px;color:#a985d0;margin-bottom:22px}.proof-stats strong{display:block;font-size:42px;line-height:1.2;font-weight:550;letter-spacing:-2px;background:linear-gradient(160deg,#f4e8ff,#a782ce);color:transparent;background-clip:text;-webkit-background-clip:text}.proof-stats article>span{display:block;font-size:11px;color:#9e8bb0;margin-top:10px}.proof-stats small{display:block;font-size:9px;line-height:1.7;color:#766381;margin-top:14px;max-width:210px}.proof-note{display:flex;align-items:start;gap:10px;font-size:9px;line-height:1.8;color:#6f5a7f;margin:16px 0 25px}.proof-note>span{font-size:7px;letter-spacing:.08em;border:1px solid #a27bbd33;border-radius:4px;padding:2px 6px;white-space:nowrap;color:#a78ab9}.product-proof{display:grid;grid-template-columns:1fr 1fr;gap:15px}.product-proof a{display:flex;gap:17px;align-items:center;padding:21px}.product-symbol{width:42px;height:42px;border:1px solid #c6a4e62b;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#cba6fc18,#8f64d111);color:#b999dd;font-size:27px;flex:none}.product-proof small{font-size:7px;letter-spacing:.12em;color:#705d80}.product-proof b{display:block;font-size:13px;color:#c2afd4;margin:6px 0}.product-proof p{font-size:10px;color:#776087;margin:0}.product-proof .arrow{margin-left:auto;color:#775689;transition:transform .2s}.product-proof a:hover .arrow{transform:translate(2px,-2px);color:#c9a3ed}.split{gap:85px;padding-top:70px}.code-card{background:linear-gradient(135deg,#171020,#0f0b15);border:1px solid #ad85cd20;box-shadow:0 20px 50px #0004,0 0 50px #a974db05;border-radius:10px;padding:25px}.code-card>span{color:#c4a3e4}.code-card em{color:#766581}.code-card small{color:#5d4c69}.feature-list article{padding:23px 25px;margin-bottom:13px}.feature-no{font-size:8px;color:#795d90}.feature-list h3{font-size:17px;color:#cbb9dc;line-height:1.4;margin-top:12px}.feature-list p{font-size:12px;color:#8c769e}.state{background:#b184e609;border:1px solid #b78fdb1a;color:#8e6ea4;font-size:8px}.process{background:radial-gradient(ellipse at 50% 30%,#57347518,transparent 65%);border-top:1px solid #bd91ed0d;border-bottom:1px solid #bd91ed0d}.process h2{text-align:center}.process .eyebrow{justify-content:center}.process .steps{gap:20px;margin-top:45px}.steps article{border-top:1px solid #b488d522;padding:24px 20px 5px}.steps article>span{color:#8a639f;font-size:10px}.steps h3{color:#cbb7dc;font-weight:500}.steps p{color:#84708f;font-size:12px}.process .fine{text-align:center;color:#63516f}.signup-grid{gap:85px;align-items:center}.signup-grid h2{font-size:47px}.checklist{color:#8f7aa2;font-size:11px}.checklist li:before{color:#b293cb}.signup{padding:30px;box-shadow:0 25px 80px #0006;background:radial-gradient(450px circle at var(--mx,-300px) var(--my,-300px),#c39dff10,transparent 50%),linear-gradient(150deg,#1b1325,#100c17)}.signup:focus-within{border-color:#b98ee755;box-shadow:0 20px 70px #a67ae60b}.signup>label{color:#b3a0c6}.signup>label>span{color:#695476!important}.signup>input,.signup>textarea,.signup>select{background:#08060c88;border-color:#b899d020;color:#c4b1d5;font-size:11px;padding:13px;transition:border-color .2s,box-shadow .2s}.signup>input:focus,.signup>textarea:focus,.signup>select:focus{border-color:#ac81d866;box-shadow:0 0 0 3px #ae87dd0a}.signup ::placeholder{color:#55445f}.signup label.consent,.consent span{color:#7c668d!important}.consent input{accent-color:#b992e3}.signup>small{color:#645170;font-size:8px}#form-status{color:#bea2d7}#form-status.error{color:#ffa0b1}.faq{padding-top:45px}.faq details{border-bottom-color:#ae80da17;padding:20px 0}.faq summary{color:#ad96c1;font-size:12px;transition:color .2s}.faq summary:hover{color:#e0c6f8}.faq p{color:#867194;font-size:11px}.footer{border-top-color:#b784df15;color:#655072;font-size:9px}.footer .brand{color:#c1a9d5}.privacy{background:radial-gradient(ellipse at top,#63348720,transparent)}.privacy h1{color:#eadbf7}.privacy p{color:#9b83ad}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline-color:#bd96ed}html{scrollbar-color:#4d355f #0d0912}@media(max-width:850px){.tech-logos{gap:25px}.tech-logos>div{font-size:12px}.proof-intro{align-items:start}.split,.signup-grid{gap:40px}.nav nav{gap:15px}.nav{gap:25px}}@media(max-width:600px){.hero{padding-top:38px}.hero h1{font-size:49px;letter-spacing:-2.7px;margin:22px auto}.hero .eyebrow{font-size:7px;padding:7px 9px}.lead{font-size:14px;line-height:1.9}.hero-actions{gap:19px}.hero .fine{font-size:8px}.orbit-label{margin-top:35px;font-size:8px}.demo-grid{grid-template-columns:1fr}.preview{min-height:290px;padding:42px 25px}.artboard{min-height:210px}.inspector{border-left:0;border-top:1px solid #bd97db1a}.windowbar{padding:0 12px}.window-project{font-size:8px;gap:6px}.demo-badge{font-size:6px;padding:4px}.demo-grid{min-height:0}.canvas-footer span:last-child{display:none}.madeby{gap:14px;font-size:8px}.tech-section{padding-top:48px}.tech-logos{gap:22px 25px;flex-wrap:wrap}.tech-logos>div{font-size:12px}.tech-logos svg{width:21px;height:24px}.tech-note{font-size:8px;line-height:1.8}.section{padding-top:60px;padding-bottom:40px}.proof-intro{display:block}.proof-intro>p{font-size:11px;margin-top:20px;max-width:none}.proof-stats{grid-template-columns:1fr;gap:10px}.proof-stats article{padding:20px;display:grid;grid-template-columns:1fr 1.3fr;gap:5px 20px}.stat-icon{display:none}.proof-stats strong{font-size:36px;grid-row:1/3;align-self:center}.proof-stats article>span{margin:0;font-size:10px}.proof-stats small{font-size:8px;margin:0}.proof-note{font-size:8px}.product-proof{grid-template-columns:1fr}.split,.signup-grid{gap:32px}.split{padding-top:50px}h2{font-size:34px;letter-spacing:-1.5px}.signup-grid h2{font-size:37px}.signup{padding:23px}.feature-list article{padding:22px}.steps article{padding-left:0}.process .steps{gap:7px}.ambient i{width:450px;left:calc(50% - 225px)}.brand{font-size:14px}.nav{height:80px}.privacy h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient i{filter:blur(90px)}}
/* Keep draft-metric labels readable beside the display figures. */
.proof-stats small{font-size:10px;color:#a58cb7}.proof-note{font-size:10px;color:#9a81ad}.proof-note>span{font-size:8px}.tech-note,.fine{color:#8e7d9f}.demo-note{color:#9b84ac}@media(max-width:600px){.proof-stats small,.proof-note{font-size:9px}}
/* Public proof points are product benefits; verified portfolio links follow. */
.proof-stats strong{font-size:29px;letter-spacing:-1px;line-height:1.2}.proof-stats small{font-size:11px;line-height:1.8;color:#a58cb7}.proof-stats article>span{color:#c0a9d1}.tech-note{font-size:11px}.demo-note{font-size:10px;line-height:1.7}
@media(max-width:600px){
.hero h1{font-size:clamp(37px,12.5vw,49px);letter-spacing:-2.2px}.hero .lead{font-size:15px}.nav .button.small{min-height:44px;padding:12px 14px}.nav .brand{font-size:13px}.nav{gap:12px}
.inspector{padding:20px}.plugin-heading b{font-size:14px}.plugin-heading small{font-size:11px}.toolstrip button{min-height:44px;font-size:15px}.toolstrip span{font-size:12px}.settings summary{min-height:44px;font-size:13px;align-items:center}.field label{font-size:12px;line-height:1.5}.field{margin:14px 0}.field input[type=range]{height:32px}.colorfield{min-height:44px;gap:10px}.colorfield input{width:38px;height:34px}.colorfield output{font-size:12px}.inline input{width:24px;height:24px}.secondary,.export{min-height:44px;font-size:12px}.demo-note{font-size:11px}.democaption{font-size:10px;line-height:1.6}
.signup>input,.signup>textarea,.signup>select{font-size:16px;min-height:48px;padding:13px}.signup>label{font-size:13px}.signup>label>span{font-size:11px}.signup label.consent,.consent span{font-size:12px!important;line-height:1.7}.consent input{width:22px;height:22px}.signup .button{min-height:48px;font-size:14px}.signup>small{font-size:11px}.signup #form-status{font-size:14px}.faq summary{min-height:44px;display:flex;align-items:center;font-size:13px}.faq p{font-size:13px}.proof-stats article{display:block;padding:24px}.proof-stats strong{font-size:28px}.proof-stats article>span{margin-top:12px;font-size:12px}.proof-stats small{font-size:12px;margin-top:10px;max-width:none}.tech-note{font-size:10px}.product-proof a{min-height:100px}.product-proof b{font-size:14px}.product-proof p{font-size:11px;line-height:1.6}.code-card{font-size:10px}.footer{font-size:11px}
}
@media(max-width:600px){.demo-grid,.preview,.artboard,.motif,.inspector,.split>div,.signup-grid>div,.signup-grid form{min-width:0}.motif{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.demo-grid{width:100%}.artboard{width:100%}.hero h1{overflow-wrap:normal}.signup input,.signup textarea,.signup select{max-width:100%}}