
:root{--navy:#0D1020;--purple:#9878FF;--pink:#FF7AD9;--mint:#B2FFDC;--text:#f5f3ff;--muted:#b4b6cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:5px}.wrap{width:min(1160px,90%);margin:auto}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:var(--navy);z-index:9}header{border-bottom:1px solid #ffffff15;background:#0d1020f0}nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:90px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:2px;font-size:23px}.brand img{width:38px}.links{display:flex;gap:26px;align-items:center;font-size:14px}.links [aria-current=page]{color:var(--mint)}.menu{display:none}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 23px;border-radius:9px;background:var(--purple);color:var(--navy);font-weight:750;border:1px solid transparent;cursor:pointer}.btn:hover{background:#b6a0ff;color:var(--navy)}.btn.secondary{background:transparent;border-color:#ffffff35;color:var(--text)}.btn:disabled{cursor:not-allowed;opacity:.6}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:750;color:var(--mint)}.hero{padding:94px 0 90px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}h1{font-size:clamp(42px,5.5vw,72px);line-height:1.07;letter-spacing:-3px;margin:20px 0 26px}h1 span{color:var(--purple)}h2{font-size:clamp(29px,4vw,44px);line-height:1.18;letter-spacing:-1.4px;margin:12px 0 22px}h3{line-height:1.3;font-size:21px}p{color:var(--muted)}.lead{font-size:19px;max-width:660px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0 18px}.small{font-size:13px}.board{padding:24px;border:1px solid #ffffff20;background:linear-gradient(140deg,#20233e,#14182b);border-radius:24px;transform:rotate(-2deg);box-shadow:0 30px 90px #0005}.board-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-bottom:24px}.board h3{font-size:26px;margin:0 0 5px}.board-row{margin-top:16px;padding:17px;background:#0d1020aa;border:1px solid #ffffff12;border-radius:12px;display:flex;gap:15px;align-items:center}.number{color:var(--mint);font-size:23px}.pill{color:var(--mint);background:#b2ffdc12;padding:4px 10px;border-radius:30px;font-size:11px}.board-foot{background:var(--mint);color:var(--navy);padding:15px;border-radius:10px;margin-top:20px;font-weight:650}.strip{border-block:1px solid #ffffff18;padding:20px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}section.block{padding:80px 0}.section-head{max-width:720px;margin-bottom:34px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#15192d;border:1px solid #ffffff18;border-radius:17px;padding:30px}.card.highlight{border-color:var(--purple);background:linear-gradient(140deg,#27233f,#15192d)}.card .icon{font-size:28px;color:var(--pink)}.price{font-size:42px;font-weight:800;letter-spacing:-2px;margin:15px 0;color:var(--text)}.price small{font-size:16px;letter-spacing:0;font-weight:450}.check{list-style:none;padding:0}.check li{padding:7px 0;color:var(--muted)}.check li:before{content:'↗';color:var(--mint);margin-right:10px}.steps{counter-reset:s}.steps .card:before{counter-increment:s;content:'0' counter(s);color:var(--purple);font-size:34px;font-weight:700}.callout{padding:48px;border-radius:20px;background:linear-gradient(110deg,#2c2548,#192337);border:1px solid #9878ff60}.pagehero{padding:75px 0 30px;max-width:850px}.pagehero h1{font-size:clamp(40px,5vw,62px)}details{border-bottom:1px solid #ffffff22;padding:21px 0}summary{cursor:pointer;font-weight:650;font-size:18px}details p{max-width:820px}.form{max-width:760px}label{display:block;margin:20px 0 7px}input,textarea,select{width:100%;padding:13px;border-radius:8px;border:1px solid #ffffff35;background:#0d1020;color:var(--text)}textarea{min-height:160px;resize:vertical}.notice{padding:17px 20px;border-left:3px solid var(--pink);background:#ff7ad90b;color:var(--muted);margin:22px 0}.tools-output{white-space:pre-wrap;background:#0d1020;padding:20px;border-radius:10px;margin-top:20px;color:var(--mint)}footer{border-top:1px solid #ffffff20;padding:45px 0 25px;margin-top:50px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}.copyright{border-top:1px solid #ffffff12;padding-top:22px;margin-top:35px;font-size:12px;color:var(--muted)}.legal{max-width:800px}.hidden{display:none!important}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:35px;padding-top:55px}.board{transform:none;max-width:580px}.grid{grid-template-columns:1fr}.links{gap:14px}.strip .wrap{flex-wrap:wrap}h1{letter-spacing:-2px}}@media(max-width:680px){nav{min-height:76px;flex-wrap:wrap;padding:18px 0}.menu{display:block;background:transparent;color:var(--text);border:1px solid #ffffff40;border-radius:6px;padding:6px 12px}.links{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:12px}.links.open{display:flex}.grid.two{grid-template-columns:1fr}.hero{padding-bottom:50px}section.block{padding:48px 0}.card{padding:24px}.callout{padding:28px}.footer-top{flex-direction:column}.pagehero{padding-top:40px}.btn{width:100%}}

/* DENKIVO Studio — visual refinement & motion */
:root{--ease:cubic-bezier(.22,1,.36,1)}body{background:#0D1020;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 75%)}::selection{background:var(--purple);color:var(--navy)}.ambient{position:fixed;width:650px;height:650px;filter:blur(105px);opacity:.12;border-radius:50%;pointer-events:none;z-index:-2;animation:ambient-drift 20s ease-in-out infinite alternate}.ambient-one{top:-330px;left:32%;background:var(--purple)}.ambient-two{right:-450px;top:450px;background:var(--pink);animation-delay:-8s}.scroll-progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--pink),var(--mint));width:100%;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}header{position:sticky;top:0;z-index:30;backdrop-filter:blur(22px);background:#0d1020d9;transition:box-shadow .3s,border-color .3s}body.scrolled header{box-shadow:0 10px 40px #0003;border-color:#9878ff30}.brand{font-size:21px;letter-spacing:2.1px}.brand img{transition:transform .5s var(--ease)}.brand:hover img{transform:rotate(-9deg) scale(1.08)}.links a{position:relative;font-weight:550;transition:color .25s}.links a:after{content:"";height:2px;position:absolute;left:0;bottom:-8px;width:100%;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.links a:hover:after,.links [aria-current=page]:after{transform:scaleX(1)}.links a:last-child{border:1px solid #ffffff35;border-radius:7px;padding:8px 14px}.links a:last-child:after{display:none}.hero{padding:110px 0 115px;gap:65px;min-height:760px}.hero h1{font-size:clamp(54px,6.3vw,84px);letter-spacing:-4.6px;line-height:1.02;font-weight:780}.hero h1 span,.pagehero h1 span{background:linear-gradient(100deg,#b29aff 0%,#9878ff 40%,#ff7ad9 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .lead{max-width:560px;line-height:1.8;font-size:18px}.hero-label{display:flex;align-items:center;gap:10px;letter-spacing:1.6px;font-size:10px}.hero-label span{height:7px;width:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 20px #b2ffdc80;animation:signal 3s infinite}.btn{position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s,background .3s;border-radius:8px;padding:14px 24px;font-size:14px;min-height:52px}.btn:before{content:"";position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 40%,#ffffff30 50%,transparent 60%);transform:translateX(-80%);transition:transform .7s var(--ease);pointer-events:none}.btn:hover:before{transform:translateX(80%)}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9878ff28}.btn:active{transform:translateY(0)}.btn:disabled:hover{transform:none;box-shadow:none}.btn.secondary:hover{border-color:var(--purple);background:#9878ff10}.visual-stage{position:relative;padding:35px 0;perspective:1000px}.board{position:relative;z-index:2;background:linear-gradient(135deg,#252640ed,#121727f5);border-color:#b6a0ff40;box-shadow:0 35px 110px #0007,0 0 90px #9878ff0c;animation:board-float 9s ease-in-out infinite;border-radius:20px;transform:rotate(-3deg)}.board:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,#ffffff08,transparent 40%)}.board h3{font-size:30px;letter-spacing:-1px;line-height:1.2}.board-row{transition:transform .4s var(--ease),border-color .4s;background:#0d1020a0}.board-row:hover{transform:translateX(5px);border-color:#9878ff80}.number{font-size:18px;font-weight:600;width:34px;height:34px;display:grid;place-items:center;background:#b2ffdc0c;border:1px solid #b2ffdc20;border-radius:8px}.board-foot{font-size:13px;background:linear-gradient(100deg,var(--mint),#d4ffe9)}.board-top{font-size:10px;letter-spacing:1px}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:100%;margin-right:6px;animation:signal 3s infinite}.orbit{position:absolute;border:1px solid #9878ff20;border-radius:50%;width:115%;height:85%;left:-8%;top:8%;transform:rotate(25deg)}.orbit-two{transform:rotate(-35deg);border-style:dashed;width:125%;height:65%;left:-12%;top:20%}.floating-note{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#20243bf5;border:1px solid #ffffff22;border-radius:10px;padding:12px 17px;box-shadow:0 15px 45px #0005;font-size:11px;animation:note-float 7s ease-in-out infinite}.floating-note span{font-size:20px;color:var(--pink)}.note-top{right:-25px;top:0}.note-bottom{bottom:10px;left:-25px;animation-delay:-3s}.note-bottom span{color:var(--mint)}.strip{background:#ffffff02}.strip span:before{content:"✦";color:var(--purple);margin-right:10px}.strip span{font-size:11px;letter-spacing:.3px}.block{position:relative}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.14}.eyebrow{font-size:11px}.section-head{margin-bottom:42px}.card{transition:transform .45s var(--ease),border-color .45s,box-shadow .45s;background:linear-gradient(150deg,#1b2033,#121629);border-color:#ffffff15;border-radius:18px;position:relative}.card:hover{transform:translateY(-6px);border-color:#9878ff60;box-shadow:0 20px 55px #0003}.card.highlight{background:linear-gradient(145deg,#2a2443,#171b31);border-color:#9878ff65}.card h3{font-size:23px;letter-spacing:-.5px}.card p{font-size:15px}.card .price{font-size:46px;margin:24px 0}.pill{font-size:9px;font-weight:700;letter-spacing:1.4px;border:1px solid #b2ffdc25;padding:5px 10px}.product-grid .card{padding:32px}.product-art{height:235px;position:relative;margin:24px -8px 30px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#9878ff1f,transparent 70%);border-bottom:1px solid #ffffff0d}.kit-cover{position:absolute;width:155px;height:184px;background:linear-gradient(150deg,#b6a0ff,#9878ff 65%,#ff7ad9);color:#0d1020;left:calc(50% - 80px);top:12px;transform:rotate(-9deg);border-radius:5px 12px 12px 5px;padding:19px;z-index:2;box-shadow:13px 16px 30px #0006,inset 4px 0 #ffffff30;transition:transform .6s var(--ease)}.kit-cover span{font-size:6px;letter-spacing:1.4px;font-weight:800;display:block}.kit-cover strong{display:block;font-size:23px;line-height:1.1;letter-spacing:-.9px;margin-top:30px}.kit-cover i{display:block;font-style:normal;font-size:7px;letter-spacing:1px;margin-top:30px;font-weight:800}.kit-sheet{position:absolute;left:50%;top:26px;width:120px;height:164px;border-radius:7px;background:repeating-linear-gradient(#dce6e2 0 14px,#adbbb4 15px 16px);transform:rotate(12deg);opacity:.6;transition:transform .6s var(--ease)}.card:hover .kit-cover{transform:rotate(-13deg) translateY(-5px)}.card:hover .kit-sheet{transform:rotate(18deg) translateX(8px)}.art-index{position:absolute;bottom:10px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#b4b6cc}.service-art{background:radial-gradient(ellipse at 50% 40%,#b2ffdc12,transparent 65%)}.ai-core{position:absolute;left:calc(50% - 48px);top:48px;width:96px;height:96px;display:grid;place-items:center;border:1px solid #b2ffdc70;background:linear-gradient(135deg,#243a38,#18202f);color:var(--mint);font-size:56px;border-radius:24px;box-shadow:0 0 60px #b2ffdc12;animation:core-breathe 5s ease-in-out infinite}.ai-chip{position:absolute;border:1px solid #ffffff25;background:#20263a;padding:6px 14px;border-radius:25px;font-size:10px;animation:note-float 6s ease-in-out infinite}.chip-a{left:13%;top:22px;color:var(--pink)}.chip-b{right:8%;top:70px;color:var(--mint);animation-delay:-2s}.chip-c{left:18%;top:160px;color:#b6a0ff;animation-delay:-4s}.steps .card{border-top:1px solid #9878ff70;padding-top:32px}.steps .card:before{font-size:14px;letter-spacing:1px;font-weight:500}.steps .card h3{margin-top:30px}.callout{overflow:hidden;padding:65px;background:radial-gradient(ellipse at 90% 20%,#9878ff25,transparent 60%),linear-gradient(110deg,#25213e,#152233);border-color:#9878ff45}.callout:after{content:"✦";position:absolute;right:7%;top:14%;font-size:220px;color:#9878ff12;line-height:1;pointer-events:none;animation:star-turn 40s linear infinite}.callout h2,.callout p,.callout a{position:relative;z-index:1}.pagehero{padding-top:85px}.pagehero .lead{line-height:1.8}details{transition:background .3s;padding:23px 18px;border-radius:8px}details[open]{background:#9878ff08}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--purple);font-size:26px;font-weight:300;transition:transform .3s}details[open] summary:after{transform:rotate(45deg)}details[open] p{animation:answer-in .35s var(--ease)}input,textarea,select{transition:border-color .25s,box-shadow .25s}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 4px #9878ff12}footer{background:#090c1800;padding-top:55px}.footer-links a{color:var(--muted);transition:color .25s}.footer-links a:hover{color:var(--mint)}.reveal-enabled .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--reveal-delay,0ms)}.reveal-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}.hero>div:first-child{animation:hero-in .9s var(--ease) both}.pagehero{animation:hero-in .8s var(--ease) both}.visual-stage{animation:hero-in 1.1s .12s var(--ease) both}.tools-output:not(.hidden),#contact-result:not(.hidden){animation:answer-in .4s var(--ease)}
@keyframes hero-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes board-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-10px)}}@keyframes note-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes signal{0%,100%{opacity:1}50%{opacity:.4}}@keyframes ambient-drift{to{transform:translate(70px,90px) scale(1.15)}}@keyframes core-breathe{0%,100%{box-shadow:0 0 40px #b2ffdc08}50%{box-shadow:0 0 65px #b2ffdc25}}@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes answer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:901px){.hero .actions{flex-wrap:nowrap}.hero .btn{padding-inline:18px;font-size:13px}.hero .small{font-size:11px}.hero{grid-template-columns:1.15fr 1fr}}@media(max-width:900px){.hero{min-height:0;padding-top:65px;gap:45px}.visual-stage{max-width:580px;width:100%;margin:auto}.hero h1{font-size:68px}.note-top{right:-8px}.note-bottom{left:-8px}.board{animation:none;transform:none}.strip .wrap{justify-content:center}.orbit{width:100%;left:0}.orbit-two{width:108%;left:-4%}.links{font-size:12px;gap:12px}}@media(max-width:680px){.hero{padding:55px 0 65px;gap:35px}.hero h1{font-size:clamp(46px,11vw,68px);letter-spacing:-2.6px}.hero-label{font-size:9px;letter-spacing:1.2px}.hero .lead{font-size:16px}.hero .actions{margin-top:27px}.visual-stage{padding:25px 4px}.board{padding:20px;border-radius:16px}.board h3{font-size:27px}.floating-note{font-size:9px;padding:8px 11px}.note-top{top:0;right:0}.note-bottom{bottom:3px;left:0}.board-row{padding:13px}.board-top{font-size:8px}.strip .wrap{justify-content:flex-start;gap:12px}.strip span{font-size:10px}.product-grid .card{padding:25px}.callout{padding:34px 26px}.callout:after{font-size:150px;right:0;top:5%}.pagehero{padding-top:48px}.links a{padding:8px 0}.links a:after{display:none}.links a:last-child{padding:10px}.card:hover{transform:none}.ambient{width:320px;height:320px;filter:blur(80px)}.ambient-one{top:-150px;left:10%}.ambient-two{right:-200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-enabled .reveal{opacity:1;transform:none}.ambient{display:none}}

.callout{position:relative}@media print{.reveal-enabled .reveal{opacity:1;transform:none}.ambient,.scroll-progress,.floating-note,.orbit{display:none}header{position:static}}

.conversion-bridge{margin-top:32px;padding:22px 25px;border-left:2px solid var(--mint);background:#b2ffdc06;font-size:18px}.conversion-bridge strong{color:var(--text)}.purchase-panel{align-self:start;position:sticky;top:115px}.purchase-panel .btn{width:100%}.text-cta{display:block;margin-top:18px;font-size:14px;color:var(--mint)}section[id],aside[id]{scroll-margin-top:115px}.card strong{color:var(--text)}@media(max-width:900px){.purchase-panel{position:relative;top:auto}}

.demo-shell{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #9878ff45;border-radius:22px;background:linear-gradient(130deg,#202039,#12182a);overflow:hidden;box-shadow:0 30px 80px #0003}.demo-controls{padding:30px;border-right:1px solid #ffffff12;display:flex;flex-direction:column;gap:12px}.demo-step{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:18px 16px;border:1px solid #ffffff14;border-radius:12px;background:#0d102050;color:var(--text);cursor:pointer;transition:border-color .3s,background .3s,transform .3s}.demo-step:hover{border-color:#9878ff80;transform:translateX(3px)}.demo-step.active{background:linear-gradient(110deg,#9878ff24,#9878ff08);border-color:var(--purple)}.step-no{font-size:13px;color:var(--muted);border:1px solid #ffffff24;border-radius:8px;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.active .step-no{background:var(--purple);color:var(--navy);border-color:var(--purple)}.demo-step strong{display:block;font-size:14px}.demo-step small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.step-arrow{margin-left:auto;color:var(--purple);transition:transform .3s}.active .step-arrow{transform:rotate(45deg);color:var(--mint)}.demo-price{margin-top:auto;padding:25px 6px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.demo-price>span{font-size:11px;color:var(--muted)}.demo-price strong{font-size:28px;letter-spacing:-1px}.demo-price small{display:block;font-size:10px;font-weight:400;letter-spacing:0;text-align:right;color:var(--muted)}.demo-window{padding:0 30px 24px;min-width:0;position:relative;background:radial-gradient(ellipse at 100% 30%,#9878ff13,transparent 60%)}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;font-size:8px;letter-spacing:1px;color:var(--muted)}.window-dots{color:var(--purple);font-size:9px;letter-spacing:3px}.demo-paper{padding:24px;border-radius:12px;background:linear-gradient(140deg,#252940,#1b2035);border:1px solid #ffffff1c;min-height:420px;box-shadow:0 15px 45px #0003}.demo-tag{font-size:9px;color:var(--mint);letter-spacing:1.5px}.demo-paper h3{font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:15px 0 22px}.demo-input{padding:16px;background:#0d102070;border:1px solid #ffffff10;border-radius:8px}.demo-input>span,.demo-result>span{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.demo-input p,.demo-result p{font-size:13px;line-height:1.7;margin:8px 0 0}.demo-input p{color:#d0d0e0}.demo-flow{height:38px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--mint)}.demo-flow i{height:1px;width:30px;background:#b2ffdc30}.demo-flow span{animation:flow-down 2s ease-in-out infinite}.demo-result{border:1px solid #b2ffdc40;background:#b2ffdc08;border-radius:8px;padding:16px;position:relative;overflow:hidden}.demo-result:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,#b2ffdc09,transparent);transform:translateX(-100%);animation:result-shine 6s ease-in-out infinite}.demo-result>span{color:var(--mint)}.demo-result p{color:var(--text)}.demo-goal{font-size:11px;line-height:1.6;margin:18px 0 0}.demo-trail{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;font-size:9px;color:#737b9c}.demo-trail i{height:1px;width:20px;background:#ffffff15}.demo-trail .done{color:var(--mint)}.demo-disclaimer{display:flex;gap:12px;max-width:850px;margin-top:20px;color:var(--purple)}.demo-disclaimer p{margin:0;font-size:11px;line-height:1.7}.demo-paper.demo-changing{animation:paper-reveal .45s var(--ease) both}.demo-paper.demo-changing .demo-result{animation:result-reveal .65s .08s var(--ease) both}.demo-paper.demo-changing h3{animation:answer-in .45s .04s var(--ease) both}@keyframes paper-reveal{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes result-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-down{0%,100%{transform:translateY(-3px);opacity:.5}50%{transform:translateY(3px);opacity:1}}@keyframes result-shine{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media(max-width:900px){.demo-shell{grid-template-columns:1fr}.demo-controls{border-right:0;border-bottom:1px solid #ffffff12;display:grid;grid-template-columns:1fr 1fr;padding:22px;gap:10px}.demo-step{padding:13px;gap:10px}.demo-price{grid-column:1/-1;padding-top:10px}.demo-window{padding:0 22px 22px}.demo-paper{min-height:390px}.demo-step:hover{transform:none}}@media(max-width:500px){.demo-controls{padding:16px;gap:8px}.demo-step{padding:12px 9px;gap:8px}.demo-step strong{font-size:11px}.demo-step small{font-size:8px}.step-no{width:24px;height:24px;font-size:10px}.step-arrow{display:none}.demo-window{padding:0 16px 20px}.demo-toolbar{font-size:6px;letter-spacing:.7px}.demo-paper{padding:19px;min-height:0}.demo-paper h3{font-size:24px}.demo-result p,.demo-input p{font-size:12px}.demo-tag{font-size:8px}.demo-price strong{font-size:25px}.demo-trail{font-size:8px;gap:6px}}@media(prefers-reduced-motion:reduce){.demo-step,.demo-paper,.demo-result,.demo-flow span,.demo-result:after{animation:none!important;transition:none!important}}

/* MOTION EDITION: scroll-driven studio direction */
:root{--motion-ink:#0d1020}.brand{font-size:23px;font-weight:850;letter-spacing:-.8px}.brand img{width:45px;height:45px}.brand:hover img{transform:rotate(-12deg)}header{background:#0d1020b0}.hero{position:relative;z-index:2;padding-top:100px;padding-bottom:140px;min-height:850px}.hero h1{font-weight:850;font-size:clamp(62px,6.8vw,94px);letter-spacing:-5px}.hero h1 span{background:linear-gradient(100deg,#b2ffdc,#9878ff 55%,#ff7ad9);background-clip:text;-webkit-background-clip:text}.hero-universe{position:absolute;width:min(850px,72vw);height:800px;top:110px;right:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.65}.universe-ring{position:absolute;left:12%;top:10%;width:660px;height:660px;border:1px solid #9878ff45;border-radius:50%;transform:rotate(var(--orbit-angle,0deg)) scale(var(--orbit-scale,1));will-change:transform}.ring-a{border:28px solid #9878ff0a;box-shadow:inset 0 0 90px #9878ff10,0 0 110px #9878ff10}.ring-b{inset:auto;left:21%;top:20%;width:490px;height:490px;border-style:dashed;border-color:#b2ffdc45;transform:rotate(calc(var(--orbit-angle,0deg) * -1)) scale(var(--orbit-scale,1))}.ring-c{left:32%;top:32%;width:300px;height:300px;border-width:55px;border-color:#ff7ad90c;transform:rotate(var(--orbit-angle,0deg)) scale(var(--orbit-scale,1))}.universe-core{position:absolute;left:49%;top:41%;color:#9878ff30;font-size:170px;line-height:1;transform:rotate(var(--orbit-angle,0deg))}.universe-label{position:absolute;left:32%;top:5%;font-size:9px;letter-spacing:6px;color:#b2ffdc80;transform:translateY(var(--label-y,0px))}.visual-stage{will-change:transform;transform:translateY(var(--stage-y,0px)) rotate(var(--stage-r,0deg));animation:none}.board{animation:none;transform:rotate(-5deg);border-radius:3px 22px 22px 22px;background:linear-gradient(130deg,#262840f5,#10182bef);box-shadow:25px 40px 100px #0006}.note-top{transform:translateY(var(--note-y,0px)) rotate(5deg);animation:none;right:-15px}.note-bottom{transform:translateY(calc(var(--note-y,0px) * -1)) rotate(-5deg);animation:none}.kinetic-band{position:relative;z-index:3;overflow:hidden;padding:28px 0;background:var(--mint);color:var(--navy);transform:rotate(-2deg) scale(1.02);margin:0 0 50px;border-block:1px solid #b2ffdc}.kinetic-track{font-size:clamp(35px,6vw,82px);line-height:1;letter-spacing:-2px;font-weight:900;white-space:nowrap;transform:translate3d(var(--ticker-x,-100px),0,0);will-change:transform}.kinetic-track span{color:#6e4cc8;display:inline-block;margin:0 25px}.motion-manifesto{position:relative;padding:110px 0 130px;overflow:hidden}.motion-manifesto h2{font-size:clamp(48px,8.5vw,112px);line-height:1.02;letter-spacing:-5px;max-width:1000px;margin:36px 0;font-weight:800}.scroll-word{color:#3c4056;transition:color .2s,text-shadow .2s;display:inline-block;margin-right:.22em}.scroll-word.lit{color:var(--text)}.scroll-word.lit:nth-child(3n){color:var(--mint)}.motion-manifesto p{max-width:470px;margin-left:auto;position:relative;z-index:2}.manifesto-orb{position:absolute;width:150px;height:150px;display:grid;place-items:center;border:1px solid #9878ff70;background:linear-gradient(130deg,#9878ff30,#ff7ad910);border-radius:50%;font-size:90px;color:var(--pink);left:5%;bottom:10px;transform:translateX(var(--orb-x,0px)) rotate(var(--orb-r,0deg));will-change:transform}.motion-item{transform:translate3d(var(--item-x,0px),var(--item-y,0px),0) rotate(var(--item-r,0deg)) scale(var(--item-s,1));will-change:transform}.card.motion-item:hover{transform:translate3d(var(--item-x,0px),calc(var(--item-y,0px) - 6px),0) rotate(var(--item-r,0deg)) scale(var(--item-s,1))}.reveal-enabled .reveal.motion-item{opacity:1;transition:border-color .4s,box-shadow .4s;transform:translate3d(var(--item-x,0px),var(--item-y,0px),0) rotate(var(--item-r,0deg)) scale(var(--item-s,1))}.section-head.motion-item{transform:translate3d(0,var(--item-y,0px),0)}.demo-window{transform:translateY(var(--demo-y,0px));will-change:transform}.demo-shell{overflow:hidden}.kit-cover{transform:translateY(var(--kit-y,0px)) rotate(var(--kit-r,-9deg))}.card:hover .kit-cover{transform:translateY(calc(var(--kit-y,0px) - 5px)) rotate(var(--kit-r,-9deg))}.ai-core{transform:rotate(var(--ai-r,0deg));animation:core-breathe 5s ease-in-out infinite}.callout:after{transform:rotate(var(--star-r,0deg));animation:none}.callout{border-radius:3px 30px 3px 30px}.steps .card{background:transparent;box-shadow:none;border-radius:0;border-inline:0;border-bottom:0}.motion-item{transition:border-color .4s,box-shadow .4s}.hero-universe,.kinetic-band,.motion-manifesto{contain:paint}body{overflow-x:clip}.block{scroll-margin-top:110px}.pagehero h1{font-weight:820}footer .brand{font-size:30px}@media(max-width:900px){.hero{min-height:0;padding-top:65px;padding-bottom:90px}.hero h1{font-size:clamp(55px,9vw,80px)}.hero-universe{top:170px;width:100%;height:900px}.universe-ring{left:10%;top:25%;width:600px;height:600px}.ring-b{left:20%;top:34%;width:430px;height:430px}.ring-c{left:30%;top:44%;width:260px;height:260px}.universe-core{top:49%}.motion-manifesto{padding:75px 0 120px}.motion-manifesto h2{letter-spacing:-3px}.motion-manifesto p{margin-left:30%;font-size:15px}.manifesto-orb{width:100px;height:100px;font-size:60px;bottom:20px}.kinetic-band{padding:22px 0;margin-bottom:25px}.board{transform:rotate(-3deg)}.visual-stage{padding-inline:8px}}@media(max-width:680px){.hero{padding-top:55px;padding-bottom:70px}.hero h1{font-size:clamp(48px,10.7vw,72px);letter-spacing:-2.8px}.hero-universe{top:390px;opacity:.8;height:700px}.universe-ring{left:0;top:15%;width:470px;height:470px}.ring-b{left:10%;top:24%;width:350px;height:350px}.ring-c{left:20%;top:32%;width:230px;height:230px}.universe-label{top:3%;left:15%;font-size:7px;letter-spacing:4px}.universe-core{top:39%;font-size:120px}.motion-manifesto h2{font-size:clamp(46px,10vw,65px);letter-spacing:-2.6px}.motion-manifesto p{margin-left:24%;font-size:13px}.kinetic-track{font-size:45px}.kinetic-track span{margin:0 16px}.manifesto-orb{left:0;bottom:15px;width:75px;height:75px;font-size:45px}.floating-note{z-index:4}.demo-window{transform:translateY(var(--demo-y,0px))}}@media(prefers-reduced-motion:reduce){.motion-item,.visual-stage,.universe-ring,.universe-core,.universe-label,.floating-note,.demo-window,.kit-cover,.ai-core,.callout:after,.manifesto-orb,.kinetic-track{transform:none!important;will-change:auto}.scroll-word{color:var(--text);transition:none}.hero-universe{opacity:.25}.motion-manifesto h2{color:var(--text)}}

/* MOTION PLUS: layers, perspective, stagger and responsive choreography */
.cursor-aura{position:fixed;left:0;top:0;width:480px;height:480px;transform:translate3d(calc(var(--pointer-x,-900px) - 240px),calc(var(--pointer-y,-900px) - 240px),0);background:radial-gradient(circle,#9878ff0b,transparent 65%);border-radius:50%;pointer-events:none;z-index:0;will-change:transform}.orbital-spark{position:absolute;border-radius:50%;width:13px;height:13px;background:var(--mint);box-shadow:0 0 30px #b2ffdc90;z-index:1}.spark-a{left:25%;top:26%;animation:satellite-a 16s linear infinite}.spark-b{left:72%;top:60%;background:var(--pink);width:7px;height:7px;box-shadow:0 0 24px #ff7ad9aa;animation:satellite-b 12s linear infinite}.spark-c{left:49%;top:15%;background:var(--purple);width:9px;height:9px;animation:satellite-a 23s reverse linear infinite}.hero-universe{opacity:.85}.visual-stage{perspective:1200px}.board{transform:rotateX(var(--board-rx,0deg)) rotateY(var(--board-ry,0deg)) rotate(-5deg);transition:transform .18s ease-out;transform-style:preserve-3d}.board-row{transform:translate3d(var(--row-x,0px),0,20px);border-color:#ffffff1a}.board-row:nth-of-type(3){transition-delay:40ms}.board-row:nth-of-type(4){transition-delay:80ms}.scroll-cue{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted);font-size:8px;letter-spacing:3px;position:relative;z-index:3;margin:-32px auto 48px}.scroll-cue i{width:1px;height:35px;background:#ffffff1f;overflow:hidden;position:relative}.scroll-cue i:after{content:"";position:absolute;width:1px;height:15px;top:-15px;background:var(--mint);animation:scroll-dash 2s ease-in-out infinite}.product-art{perspective:900px}.kit-cover{transform:perspective(700px) translateY(var(--kit-y,0px)) rotateY(var(--kit-ry,-14deg)) rotate(var(--kit-r,-9deg));transition:transform .25s ease-out}.card:hover .kit-cover{transform:perspective(700px) translateY(calc(var(--kit-y,0px) - 8px)) rotateY(var(--kit-ry,-14deg)) rotate(var(--kit-r,-9deg))}.kit-sheet{transform:translateX(var(--sheet-x,0px)) rotate(12deg);transition:transform .2s ease-out}.ai-core:before,.ai-core:after{content:"";position:absolute;inset:-20px;border:1px solid #b2ffdc25;border-radius:40px;transform:rotate(25deg);animation:core-orbit 16s linear infinite;pointer-events:none}.ai-core:after{inset:-38px;border-style:dashed;border-color:#9878ff35;animation-direction:reverse;animation-duration:24s}.ai-chip{transform:translateY(var(--chip-y,0px));animation:note-float 6s ease-in-out infinite}.motion-manifesto h2{transform:perspective(900px) rotateX(var(--words-rx,0deg)) translateY(var(--words-y,0px));transform-origin:50% 90%;will-change:transform}.scroll-word{transform:translateY(var(--word-y,0px)) rotate(var(--word-r,0deg));transition:color .25s,transform .2s ease-out;opacity:var(--word-opacity,1)}.kinetic-band{transform:rotate(var(--band-r,-2deg)) scale(1.05);will-change:transform}.demo-shell{transform:perspective(1600px) rotateX(var(--demo-rx,0deg));transform-origin:center bottom;will-change:transform}.demo-result{box-shadow:0 0 25px #b2ffdc06}.demo-result:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(transparent,var(--mint),transparent);animation:result-pulse 3s ease-in-out infinite}.callout{background:radial-gradient(ellipse at var(--glow-x,80%) 15%,#9878ff38,transparent 55%),linear-gradient(110deg,#25213e,#152233)}.callout:before{content:"";position:absolute;width:200px;height:200px;border:1px solid #b2ffdc15;border-radius:50%;right:4%;top:10%;transform:translateY(var(--ring-y,0px)) scale(var(--ring-scale,1));pointer-events:none}.price{font-variant-numeric:tabular-nums}.price.price-enter{animation:price-pop .7s var(--ease) both}.btn.magnetic{transform:translate(var(--mag-x,0px),var(--mag-y,0px));transition:transform .18s ease-out,box-shadow .3s,background .3s}.btn.magnetic:hover{box-shadow:0 16px 42px #9878ff40}.section-head .eyebrow:before{content:"";display:inline-block;width:var(--eyebrow-line,16px);height:1px;background:var(--mint);vertical-align:middle;margin-right:12px;transition:width .15s}.demo-step.active .step-no{box-shadow:0 0 22px #9878ff40}.demo-step.active{box-shadow:inset 0 0 25px #9878ff07}.demo-paper.demo-changing .demo-input{animation:paper-reveal .4s var(--ease) both}.demo-paper.demo-changing .demo-goal{animation:answer-in .6s .12s var(--ease) both}footer{position:relative;overflow:hidden}footer:before{content:"DENKIVO";display:block;font-size:clamp(70px,18vw,240px);line-height:1;font-weight:900;letter-spacing:-.07em;text-align:center;color:transparent;-webkit-text-stroke:1px #9878ff25;transform:translate3d(var(--footer-x,0px),0,0);margin:0 0 40px;pointer-events:none;will-change:transform}.board-foot{position:relative;overflow:hidden}.board-foot:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff70 50%,transparent 70%);transform:translateX(-130%);animation:button-sweep 7s ease-in-out infinite}.card:after{content:"";position:absolute;left:25px;right:25px;top:0;height:1px;background:linear-gradient(90deg,transparent,#9878ff90,transparent);transform:scaleX(var(--card-line,.2));transform-origin:center;pointer-events:none}.section-head.motion-item{opacity:var(--heading-opacity,1)!important}.hero .eyebrow{animation:hero-in .9s .05s var(--ease) both}.hero h1{animation:headline-open 1.1s .12s var(--ease) both}.hero .lead{animation:hero-in .9s .25s var(--ease) both}.hero .actions{animation:hero-in .9s .35s var(--ease) both}@keyframes headline-open{from{opacity:0;transform:translateY(35px);filter:blur(8px);letter-spacing:-7px}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes satellite-a{0%{transform:rotate(0deg) translateX(65px) rotate(0deg)}100%{transform:rotate(360deg) translateX(65px) rotate(-360deg)}}@keyframes satellite-b{0%{transform:rotate(0deg) translateX(40px)}100%{transform:rotate(-360deg) translateX(40px)}}@keyframes core-orbit{to{transform:rotate(385deg)}}@keyframes scroll-dash{to{transform:translateY(65px)}}@keyframes result-pulse{0%,100%{opacity:.3}50%{opacity:1}}@keyframes price-pop{from{opacity:.4;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes button-sweep{0%,75%{transform:translateX(-130%)}100%{transform:translateX(130%)}}@media(hover:none),(pointer:coarse){.cursor-aura{display:none}.board{transition:none}.btn.magnetic{transform:none}}@media(max-width:900px){.board{transform:rotateX(var(--board-rx,0deg)) rotateY(var(--board-ry,0deg)) rotate(-3deg)}.scroll-cue{margin:-15px auto 35px}.orbital-spark{width:9px;height:9px}.spark-a{top:35%;left:15%}.spark-b{top:62%;left:80%}.spark-c{top:18%;left:50%}footer:before{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){.cursor-aura,.orbital-spark,.scroll-cue{display:none}.board,.kit-cover,.kit-sheet,.motion-manifesto h2,.scroll-word,.demo-shell,footer:before,.kinetic-band,.btn.magnetic{transform:none!important;filter:none!important}.scroll-word,.section-head.motion-item{opacity:1!important}.card:after{transform:none}.hero h1{animation:none!important}}
/* Keep the moving footer wordmark inside its available width and preserve glyph edges. */
footer{overflow:visible;position:relative;z-index:2}footer:before{font-size:clamp(52px,15vw,215px);line-height:1.3;letter-spacing:-.055em;padding:.1em 8%;margin-bottom:30px;transform:translate3d(clamp(-35px,var(--footer-x,0px),35px),0,0)}@media(max-width:680px){footer:before{font-size:14.5vw;padding-inline:9%;transform:translate3d(clamp(-12px,var(--footer-x,0px),12px),0,0)}}

.legal a{color:var(--mint);text-decoration:underline}.legal h2{font-size:28px;margin-top:42px}.legal h3{font-size:20px}
