:root{--bg:#030303;--paper:#f4efe5;--muted:#a0a0a9;--line:#ffffff1f;--accent:#a855f7;--accent-rgb:168,85,247;--accent-glow:#a855f773;--accent-dark:#a855f71f;--cyan:#00d0ff;--purple:#a855f7;--purple-rgb:168,85,247;--font-main:"Outfit",sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);min-width:320px;color:var(--paper);font-family:var(--font-main);-webkit-font-smoothing:antialiased;min-height:100vh;padding-left:72px;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#a855f759;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.cursor-dot,.cursor-ring{pointer-events:none;z-index:1000000;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:999px}.cursor-ring{border:1px solid #a855f773;border-radius:999px;width:44px;height:44px;transition:width .25s,height .25s,border-color .25s,background .25s}.cursor-ring.active{border-color:var(--accent);background:#a855f714;width:76px;height:76px;box-shadow:0 0 25px #a855f740}.progress{background:var(--accent);z-index:9999;width:0;height:2px;box-shadow:0 0 18px rgba(var(--accent-rgb),.85);position:fixed;top:0;left:0}#canvas-wrap{z-index:0;pointer-events:none;position:fixed;inset:0}#bg-canvas{width:100%;height:100%;display:block}.mesh-blob{filter:blur(95px);opacity:.18;will-change:transform;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.mesh-blob:first-child{background:radial-gradient(circle,#a855f759,#a855f70d);width:650px;height:650px;animation:18s ease-in-out infinite mf1;top:-10%;left:-5%}.mesh-blob:nth-child(2){background:radial-gradient(circle,#00d0ff40,#00d0ff0d);width:550px;height:550px;animation:22s ease-in-out infinite mf2;bottom:-8%;right:-4%}@keyframes mf1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(120px,80px)scale(1.15)}66%{transform:translate(-60px,140px)scale(.9)}}@keyframes mf2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-90px,-60px)scale(1.1)}66%{transform:translate(80px,-120px)scale(.92)}}.shell{z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,48px);position:relative}.shell-wide{max-width:1600px}.site-header{z-index:500;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;height:80px;padding:0 clamp(24px,4vw,56px);display:flex;position:fixed;top:0;left:72px;right:0}.site-header *{pointer-events:auto}.header-actions{align-items:center;gap:16px;display:flex}.talk-btn{background:linear-gradient(135deg,var(--cyan),#38bdf8);color:#030303;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:800;text-decoration:none;transition:all .35s;display:inline-flex;box-shadow:0 0 25px #00d0ff73}.talk-btn:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 0 40px #00d0ffd9}.reveal{opacity:0;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transform:translateY(35px)}.reveal.visible{opacity:1;transform:translateY(0)}.word-float{pointer-events:none;z-index:0;color:var(--cyan);opacity:.045;will-change:transform;font-size:clamp(1.4rem,3vw,2.8rem);font-weight:900;font-family:var(--font-main);text-shadow:0 0 20px #00d0ff4d;position:fixed}.bgword-1{animation:25s ease-in-out infinite drift1;top:15%;left:8%}.bgword-2{color:var(--purple);opacity:.04;text-shadow:0 0 20px #a855f74d;animation:22s ease-in-out -4s infinite drift2;top:35%;right:12%}.bgword-3{animation:20s ease-in-out -8s infinite drift3;top:55%;left:3%}.bgword-4{color:var(--purple);opacity:.035;animation:28s ease-in-out -12s infinite drift1;top:75%;right:5%}.bgword-5{animation:18s ease-in-out -6s infinite drift2;top:25%;left:20%}.bgword-6{animation:24s ease-in-out -10s infinite drift3;top:60%;left:40%}@keyframes drift1{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(90px,-50px)rotate(4deg)}50%{transform:translate(-40px,70px)rotate(-3deg)}75%{transform:translate(60px,30px)rotate(2deg)}}@keyframes drift2{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-70px,60px)rotate(-4deg)}50%{transform:translate(50px,-40px)rotate(3deg)}75%{transform:translate(-30px,-60px)rotate(-2deg)}}@keyframes drift3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.12)}66%{transform:translate(-50px,50px)scale(.88)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.type-cursor{background:var(--accent);vertical-align:text-bottom;width:3px;height:1.1em;box-shadow:0 0 10px var(--accent);margin-left:2px;animation:.7s step-end infinite blink;display:inline-block}.editor-window{font-family:var(--font-mono);perspective:1000px;background:linear-gradient(135deg,#0a0e18f2,#06080efa);border:1.5px solid #00d0ff40;border-radius:24px;font-size:.84rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;overflow:hidden;box-shadow:0 30px 100px #000000f2,0 0 50px #00d0ff1f}.editor-window:hover{transform:translateY(-6px)rotateX(2deg);box-shadow:0 35px 110px #000000f2,0 0 70px #00d0ff40}.editor-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.editor-body{color:#e2e8f0;min-height:260px;padding:24px 26px;line-height:1.85;position:relative}.editor-body:before{content:"";pointer-events:none;background:radial-gradient(at 80% 20%,#00d0ff0d,#0000 60%);position:absolute;inset:0}.draft-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0c101ce6,#070910f2);border:1px solid #ffffff14;border-radius:24px;padding:36px;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 15px 40px #0009}.draft-card:hover{border-color:#00d0ff66;transform:translateY(-8px)scale(1.015);box-shadow:0 25px 60px #000c,0 0 40px #00d0ff2e}.draft-card .stamp{font-family:var(--font-mono);border-radius:8px;padding:5px 14px;font-size:.7rem;font-weight:800;position:absolute;top:20px;right:20px;transform:rotate(12deg);box-shadow:0 5px 15px #0006}.draft-card .stamp.rejected{color:#ff5050;text-shadow:0 0 10px #ff323280;background:#ff323226;border:2px solid #ff323280}.draft-card .stamp.approved{color:#37ff8b;text-shadow:0 0 12px #37ff8b80;background:#32ff641f;border:2px solid #32ff6473}@media (max-width:1024px){.hero-split,.draft-stack{grid-template-columns:1fr!important}}@media (max-width:768px){body{padding-left:0!important}.site-header{height:64px!important;left:0!important}}.glow-card{transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glow-card:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);pointer-events:none;width:60%;height:2px;transition:left .8s;position:absolute;top:0;left:-100%}.glow-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 20px 50px #000000b3,0 0 35px #00d0ff33;border-color:#00d0ff66!important}.glow-card:hover:after{left:100%}.glow-card:hover .icon-expand{opacity:1}.stat-val{font-size:2.2rem;font-weight:900;font-family:var(--font-mono);background:linear-gradient(135deg,#fff,#38bdf8,var(--cyan));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #00d0ff66);-webkit-background-clip:text;background-clip:text;line-height:1}.step-btn{transition:all .35s cubic-bezier(.16,1,.3,1)!important}.step-btn:hover{transform:translate(6px);background:#00d0ff0f!important;border-color:#00d0ff40!important}.step-btn.active{background:linear-gradient(90deg,#00d0ff26,#00d0ff0a)!important;border-color:#00d0ff80!important;box-shadow:0 0 25px #00d0ff33!important}.step-btn.active div:first-child{text-shadow:0 0 10px #00d0ff80;color:var(--accent)!important}.step-btn.completed{background:#00d0ff0d!important;border-color:#00d0ff33!important}@media (max-width:1024px){.bento-grid{grid-template-columns:1fr!important}.bento-grid>div{grid-column:1!important}}.wf-float{pointer-events:none;z-index:0;font-size:clamp(.65rem,1.1vw,.85rem);font-family:var(--font-mono);opacity:0;will-change:transform;line-height:1.4;position:fixed}.wf-float .draft-label{color:var(--muted)}.wf-float .draft-text{color:#f4efe540}.wf1{animation:20s ease-in-out infinite driftUp;bottom:15%;left:5%}.wf2{animation:22s ease-in-out -5s infinite driftUp;top:20%;right:8%}.wf3{animation:18s ease-in-out -10s infinite driftUp;bottom:25%;right:15%}.wf4{animation:25s ease-in-out -7s infinite driftUp;top:40%;left:3%}.wf5{animation:16s ease-in-out -3s infinite driftUp;top:60%;right:5%}.wf6{animation:24s ease-in-out -12s infinite driftUp;bottom:40%;left:10%}@keyframes driftUp{0%,to{opacity:0;transform:translate(0)}10%{opacity:.08}50%{opacity:.15}90%{opacity:.08}to{opacity:0;transform:translate(-20px,-80px)}}.hero-word-cycle{text-align:left;border-right:3px solid var(--accent);min-width:140px;color:var(--cyan);text-shadow:0 0 15px #00d0ff80;padding-right:8px;animation:.8s step-end infinite blinkCursor;display:inline-block}@keyframes blinkCursor{0%,to{border-color:var(--accent)}50%{border-color:#0000}}.hero-glow-text{display:inline-block;position:relative}.hero-glow-text:after{content:"";pointer-events:none;background:radial-gradient(#00d0ff1f,#0000 70%);border-radius:24px;animation:3s ease-in-out infinite pulseAura;position:absolute;inset:-8px -20px}@keyframes pulseAura{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:1024px){.wf-float{display:none}.hero-badge{margin-bottom:16px;position:relative!important;top:auto!important;left:auto!important}}.bounce-in{transition:all .6s cubic-bezier(.34,1.56,.64,1)}.bounce-in:hover{transform:translateY(-8px)scale(1.03)}.shine-sweep{position:relative;overflow:hidden}.shine-sweep:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00d0ff1a,#0000);width:60%;height:100%;transition:left .8s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.shine-sweep:hover:after{left:200%}.draw-underline{display:inline-block;position:relative}.draw-underline:after{content:"";background:linear-gradient(90deg,var(--accent),var(--purple));transform-origin:0;border-radius:2px;width:100%;height:2px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.draw-underline:hover:after{transform:scaleX(1)}.icon-pop{transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:inline-block}.glow-card:hover .icon-pop{filter:drop-shadow(0 0 10px #00d0ffcc);transform:scale(1.3)rotate(-10deg)}.float-particle{pointer-events:none;z-index:0;opacity:0;will-change:transform,opacity;border-radius:50%;position:fixed}.particle-1{background:#00d0ff99;width:5px;height:5px;animation:14s ease-in-out infinite particleRise;top:20%;left:15%;box-shadow:0 0 10px #00d0ffcc}.particle-2{background:#a855f799;width:4px;height:4px;animation:18s ease-in-out -5s infinite particleRise;top:60%;left:75%;box-shadow:0 0 10px #a855f7cc}.particle-3{background:#00d0ff66;width:6px;height:6px;animation:22s ease-in-out -10s infinite particleRise;top:40%;left:50%;box-shadow:0 0 14px #00d0ff99}.particle-4{background:#ffffff80;width:3px;height:3px;animation:16s ease-in-out -3s infinite particleRise;top:70%;left:25%}.particle-5{background:#a855f780;width:4px;height:4px;animation:20s ease-in-out -8s infinite particleRise;top:85%;left:60%}@keyframes particleRise{0%{opacity:0;transform:translateY(0)scale(0)}10%{opacity:1}50%{opacity:.9;transform:translateY(-50vh)scale(1.2)}to{opacity:0;transform:translateY(-100vh)scale(0)}}.tilt-card{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}.stamp-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) both stampPop}@keyframes stampPop{0%{opacity:0;transform:scale(3)rotate(0)}to{opacity:1;transform:scale(1)rotate(12deg)}}.wow-doc-rewrite{cursor:pointer}.wow-doc-rewrite .highlight-wipe{background:linear-gradient(90deg,#0000,#00d0ff38,#0000) 0 0/200% 100%;animation:2s ease-in-out infinite wipeGlow}@keyframes wipeGlow{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.float-particle{display:none}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}[style*="grid-template-columns:repeat(4,1fr)"],[style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}
