:root{--brand:#6d4cf2;--brand-dark:#5638e0;--brand-soft:#efebfe;--accent:#ff3d6e;--accent-soft:#ffe9ef;--ink:#14121d;--ink-2:#45424f;--ink-3:#6f6c7a;--paper:#f6f5fb;--paper-2:#ecebf3;--white:#fff;--line:#e5e3ef;--line-strong:#d4d1e2;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 2px 8px rgba(20,18,29,.06);--shadow:0 14px 38px -14px rgba(20,18,29,.22);--shadow-lg:0 30px 70px -22px rgba(20,18,29,.32);--gradient:linear-gradient(135deg,#6d4cf2 0%,#ff3d6e 100%);--font-display:'Bricolage Grotesque' , 'Trebuchet MS' , sans-serif;--font-body:'Spline Sans' , system-ui , -apple-system , sans-serif;--wrap:1180px;--ease:cubic-bezier(.22,.61,.36,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family: var(--font-body);color:var(--ink);background:var(--paper);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}h1,h2,h3,h4{font-family: var(--font-display);line-height:1.12;font-weight:800;letter-spacing:-.02em}::selection{background:var(--brand);color:#fff}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:10px 18px;border-radius:var(--radius-sm);transition:top .2s}.skip-link:focus{top:12px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.section{padding:92px 0}.section-tight{padding:60px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family: var(--font-body);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.eyebrow::before{content:"";width:22px;height:2px;background:var(--brand);border-radius:2px}.section-head{max-width:640px;margin-bottom:52px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.section-head.center .eyebrow::before{display:none}.section-head h2{font-size:clamp(30px,4.4vw,46px);margin:14px 0 14px}.section-head p{color:var(--ink-2);font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family: var(--font-display);font-weight:700;font-size:16px;padding:14px 26px;border-radius:999px;cursor:pointer;transition:transform .18s var(--ease) , box-shadow .18s var(--ease) , background .18s;white-space:nowrap}.btn svg{width:18px;height:18px}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px -10px rgba(109,76,242,.7)}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 16px 30px -10px rgba(109,76,242,.75)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{transform:translateY(-2px);background:#000}.btn-ghost{background:var(--white);color:var(--ink);border:1.5px solid var(--line-strong)}.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.btn-sm{padding:10px 18px;font-size:14px}.btn-lg{padding:17px 32px;font-size:17px}.btn-block{display:flex;width:100%}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,246,243,.85);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .25s , box-shadow .25s , background .25s}.site-header.scrolled{border-color:var(--line);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:74px}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{border-radius:9px;flex-shrink:0}.brand-name{font-family: var(--font-display);font-weight:800;font-size:21px;letter-spacing:-.03em}.brand-name span{color:var(--brand)}.main-nav{display:flex;align-items:center;gap:8px}.main-nav ul{display:flex;align-items:center;gap:4px}.nav-link{font-family: var(--font-display);font-weight:600;font-size:15.5px;padding:9px 15px;border-radius:999px;color:var(--ink-2);transition:color .15s , background .15s}.nav-link:hover{color:var(--ink);background:var(--paper-2)}.nav-link.active{color:var(--brand)}.nav-cta{margin-left:10px}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px}.nav-toggle span{width:24px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .25s , opacity .25s}.nav-toggle.open span:nth-child(1) {transform:translateY(7.5px) rotate(45deg)}.nav-toggle.open span:nth-child(2) {opacity:0}.nav-toggle.open span:nth-child(3) {transform:translateY(-7.5px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;gap:4px;padding:12px 24px 22px;border-bottom:1px solid var(--line);background:var(--paper)}.mobile-nav a{padding:12px 14px;border-radius:var(--radius-sm);font-family: var(--font-display);font-weight:600}.mobile-nav a:hover{background:var(--paper-2)}.mobile-nav .btn{margin-top:8px}.hero{position:relative;padding:78px 0 84px;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(var(--line-strong) 1.4px,transparent 1.4px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 35%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 35%,transparent 75%);opacity:.7}.hero .wrap{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;background:var(--white);border:1px solid var(--line);padding:7px 15px 7px 9px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink-2);box-shadow:var(--shadow-sm);margin-bottom:26px}.hero-badge b{background:var(--ink);color:#fff;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.04em}.hero h1{font-size:clamp(40px,6vw,67px);letter-spacing:-.035em}.hero h1 .mark{position:relative;color:var(--brand);white-space:nowrap}.hero h1 .mark::after{content:"";position:absolute;left:0;right:0;bottom:6%;height:22%;background:var(--accent);opacity:.35;z-index:-1;border-radius:4px}.hero-lead{font-size:19px;color:var(--ink-2);margin:22px 0 30px;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.hero-trust span{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink-3);font-weight:500}.hero-trust svg{width:17px;height:17px;color:var(--brand);flex-shrink:0}.hero-visual{position:relative}.hero-board{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-lg)}.hero-board-top{display:flex;align-items:center;gap:7px;margin-bottom:18px}.hero-board-top i{width:11px;height:11px;border-radius:50%;background:var(--paper-2)}.hero-board-top i:first-child{background:var(--brand)}.hero-board-top span{margin-left:auto;font-size:12.5px;color:var(--ink-3);font-weight:600}.hero-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px;transition:transform .2s var(--ease)}.hero-tile:hover{transform:translateY(-3px)}.hero-tile .ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.hero-tile .ic svg{width:20px;height:20px}.hero-tile h4{font-size:15px;font-weight:700}.hero-tile p{font-size:12.5px;color:var(--ink-3);margin-top:2px}.hero-float{position:absolute;background:var(--ink);color:#fff;border-radius:var(--radius);padding:12px 16px;box-shadow:var(--shadow);font-size:13px;font-weight:600;display:flex;align-items:center;gap:9px}.hero-float svg{width:20px;height:20px;color:var(--accent)}.hero-float.f1{top:-22px;right:-14px}.hero-float.f2{bottom:-22px;left:-20px}.ic-brand{background:var(--brand-soft);color:var(--brand)}.ic-accent{background:var(--accent-soft);color:var(--accent)}.ic-ink{background:var(--paper-2);color:var(--ink)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;transition:transform .2s var(--ease) , box-shadow .2s var(--ease) , border-color .2s}.tool-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-strong)}.tool-card .ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.tool-card .ic svg{width:26px;height:26px}.tool-card h3{font-size:20px;margin-bottom:8px}.tool-card p{color:var(--ink-2);font-size:15px;flex-grow:1}.tool-card .go{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-family: var(--font-display);font-weight:700;font-size:14.5px;color:var(--brand)}.tool-card .go svg{width:16px;height:16px;transition:transform .2s}.tool-card:hover .go svg{transform:translateX(4px)}.tool-card::after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);border:2px solid var(--brand);opacity:0;transition:opacity .2s;pointer-events:none}.tool-card:hover::after{opacity:1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:step}.step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 26px;position:relative}.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family: var(--font-display);font-weight:800;font-size:15px;color:var(--brand);display:block;margin-bottom:14px}.step h3{font-size:19px;margin-bottom:8px}.step p{color:var(--ink-2);font-size:15px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.why-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}.why-card .ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.why-card .ic svg{width:23px;height:23px}.why-card h3{font-size:18px;margin-bottom:7px}.why-card p{color:var(--ink-2);font-size:15px}.band{background:var(--ink);color:#fff;border-radius:var(--radius-xl);padding:56px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;overflow:hidden;position:relative}.band::before{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(109,76,242,.5),transparent 70%)}.band h2{font-size:clamp(28px,3.6vw,38px);position:relative}.band p{color:rgba(255,255,255,.72);margin:14px 0 0;position:relative}.band-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative}.band-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:20px}.band-stat b{font-family: var(--font-display);font-size:28px;display:block}.band-stat b svg{width:26px;height:26px;display:inline-block}.band-stat span{font-size:13.5px;color:rgba(255,255,255,.65)}.faq{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;text-align:left;font-family: var(--font-display);font-weight:700;font-size:17.5px}.faq-q .pm{position:relative;width:20px;height:20px;flex-shrink:0}.faq-q .pm::before,.faq-q .pm::after{content:"";position:absolute;background:var(--brand);border-radius:2px;left:50%;top:50%;transition:transform .25s var(--ease)}.faq-q .pm::before{width:14px;height:2.4px;transform:translate(-50%,-50%)}.faq-q .pm::after{width:2.4px;height:14px;transform:translate(-50%,-50%)}.faq-item.open .faq-q .pm::after{transform:translate(-50%,-50%) scaleY(0)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}.no-js .faq-a, html:not(.js) .faq-a {max-height:none}.faq-a p{color:var(--ink-2);font-size:15.5px;padding:0 4px 22px}.cta-strip{background:var(--gradient);color:#fff;border-radius:var(--radius-xl);padding:56px;text-align:center;position:relative;overflow:hidden}.cta-strip::before,.cta-strip::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}.cta-strip::before{width:200px;height:200px;top:-90px;left:-50px}.cta-strip::after{width:260px;height:260px;bottom:-130px;right:-60px}.cta-strip h2{font-size:clamp(28px,4vw,42px);position:relative}.cta-strip p{color:rgba(255,255,255,.85);margin:12px auto 26px;max-width:480px;position:relative}.cta-strip .btn{position:relative}.cta-strip .btn-light{background:#fff;color:var(--brand)}.cta-strip .btn-light:hover{background:var(--ink);color:#fff}.page-hero{padding:56px 0 40px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:8px;font-size:13.5px;color:var(--ink-3);margin-bottom:16px;font-weight:500}.breadcrumb a:hover{color:var(--brand)}.page-hero h1{font-size:clamp(32px,5vw,52px);margin:12px 0 14px}.page-hero p{color:var(--ink-2);font-size:18px;max-width:620px}.tool-layout{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start}.dropzone{border:2.5px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--white);padding:56px 24px;text-align:center;transition:border-color .2s , background .2s}.dropzone.drag{border-color:var(--brand);background:var(--brand-soft)}.dropzone .dz-ic{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center}.dropzone .dz-ic svg{width:32px;height:32px}.dropzone h3{font-size:21px;margin-bottom:6px}.dropzone p{color:var(--ink-3);font-size:14.5px;margin-bottom:18px}.tool-stage{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;min-height:320px;display:flex;align-items:center;justify-content:center}.tool-stage canvas,.tool-stage img{max-width:100%;max-height:460px;border-radius:var(--radius-sm);background:
        repeating-conic-gradient(#eceae4 0% 25%, #fff 0% 50%) 50% / 20px 20px}.tool-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;position:sticky;top:92px}.tool-panel h3{font-size:17px;margin-bottom:4px}.tool-panel .panel-sub{font-size:13px;color:var(--ink-3);margin-bottom:18px}.field{margin-bottom:16px}.field label{display:block;font-size:13.5px;font-weight:600;margin-bottom:7px}.field-row{display:flex;gap:10px}.input,select.input{width:100%;padding:11px 13px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);font-size:15px;transition:border-color .15s}.input:focus,select.input:focus{outline:none;border-color:var(--brand);background:#fff}textarea.input{resize:vertical;min-height:80px}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--paper-2);border-radius:999px;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--brand);cursor:pointer;border:3px solid #fff;box-shadow:var(--shadow-sm)}input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--brand);cursor:pointer;border:3px solid #fff}.range-val{font-weight:700;color:var(--brand);font-family: var(--font-display)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--paper);font-size:13.5px;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--ink)}.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.tool-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:13px;color:var(--ink-3);justify-content:center}.tool-meta b{color:var(--ink)}.tool-actions{display:flex;gap:10px;margin-top:18px}.hidden{display:none!important}.notice{display:flex;gap:10px;align-items:flex-start;background:var(--accent-soft);border:1px solid #f6c2d0;border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:#b03056;margin-top:16px}.notice svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}.swatch-out{display:flex;align-items:center;gap:14px;margin-top:4px}.swatch{width:60px;height:60px;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--paper-2)}.swatch-vals{font-size:14px}.swatch-vals .copyrow{display:flex;align-items:center;gap:8px;margin-bottom:4px}.swatch-vals code{font-family:'Spline Sans',monospace;background:var(--paper-2);padding:3px 8px;border-radius:6px;font-size:13px}.copy-btn{font-size:12px;color:var(--brand);font-weight:700}.prose{max-width:760px}.prose-toc{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;margin-bottom:36px}.prose-toc h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:12px}.prose-toc ol{list-style:none;counter-reset:toc;columns:2;column-gap:28px}.prose-toc li{counter-increment:toc;margin-bottom:7px;font-size:14.5px}.prose-toc li::before{content:counter(toc) ". ";color:var(--brand);font-weight:700}.prose-toc a:hover{color:var(--brand)}.prose .updated{display:inline-block;font-size:13px;color:var(--ink-3);background:var(--paper-2);padding:5px 12px;border-radius:999px;margin-bottom:26px}.prose h2{font-size:24px;margin:38px 0 12px;scroll-margin-top:90px}.prose h3{font-size:18px;margin:24px 0 8px}.prose p{color:var(--ink-2);margin-bottom:14px}.prose ul{margin:0 0 14px 4px}.prose ul li{position:relative;padding-left:22px;margin-bottom:8px;color:var(--ink-2)}.prose ul li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--brand)}.prose a{color:var(--brand);font-weight:600}.prose a:hover{text-decoration:underline}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.value-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px}.value-card .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.value-card .ic svg{width:22px;height:22px}.value-card h3{font-size:18px;margin-bottom:6px}.value-card p{color:var(--ink-2);font-size:15px}.contact-grid{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start}.contact-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px}.contact-side{display:flex;flex-direction:column;gap:16px}.contact-info{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.contact-info h3{font-size:16px;margin-bottom:4px}.contact-info a{color:var(--brand);font-weight:600}.contact-info p{font-size:14px;color:var(--ink-2)}.form-msg{padding:14px 16px;border-radius:var(--radius-sm);font-size:14.5px;margin-bottom:18px}.form-msg.ok{background:#e8f7ee;border:1px solid #b5e3c5;color:#1d6b39}.form-msg.err{background:#fdeaea;border:1px solid #f1bcbc;color:#a32626}.notfound{text-align:center;padding:110px 24px}.notfound .code{font-family: var(--font-display);font-weight:800;font-size:clamp(90px,18vw,170px);line-height:1;color:var(--brand)}.notfound h1{font-size:30px;margin:6px 0 12px}.notfound p{color:var(--ink-2);max-width:440px;margin:0 auto 26px}.notfound-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.site-footer{background:var(--ink);color:#b9b5c0;padding:64px 0 30px;margin-top:20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.09)}.site-footer .brand-name{color:#fff}.footer-about p{font-size:14px;margin:14px 0;max-width:280px}.footer-social{display:flex;flex-wrap:wrap;gap:14px}.footer-social a{font-size:13.5px;color:#b9b5c0}.footer-social a:hover{color:#fff}.footer-col h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.footer-col ul li{margin-bottom:9px}.footer-col a{font-size:14.5px}.footer-col a:hover{color:var(--brand)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:24px;font-size:13px;color:#84808d}@keyframes pv-rise {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: none; }
}.reveal{animation:pv-rise .55s var(--ease) both}@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:44px}.hero-visual{max-width:460px}.tools-grid,.why-grid,.steps{grid-template-columns:repeat(2,1fr)}.band{grid-template-columns:1fr;padding:40px}.tool-layout{grid-template-columns:1fr}.tool-panel{position:static}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:760px){.main-nav{display:none}.nav-toggle{display:flex}.mobile-nav.open{display:flex}.section{padding:64px 0}.hero{padding:50px 0 60px}.prose-toc ol{columns:1}.band,.cta-strip{padding:34px 26px}body{font-size:16px}}@media (max-width:560px){.tools-grid,.why-grid,.steps,.value-grid,.band-stats{grid-template-columns:1fr}.hero-tiles{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.wrap{padding:0 18px}.hero-float.f1{right:0}.hero-float.f2{left:0}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto}.reveal{animation:none}}