:root{--cbg:#F4F0E6;--cbg2:#EAE3D2;--cpaper:#FFFFFF;--cink:#0A0F2E;--cmuted:#3D4154;--cfaint:#7A8095;--cblue:#1B2EBF;--cblue-d:#0E1A85;--cgreen:#B4FF2E;--cline:rgba(20,28,80,.1);--cline-s:rgba(20,28,80,.18);--cdisp:"Big Shoulders Display","Impact",sans-serif;--cserif:"Instrument Serif","Times New Roman",serif;--cbody:"Geist",system-ui,sans-serif;--cmono:"Geist Mono",ui-monospace,monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--cbg);color:var(--cink);font-family:var(--cbody);-webkit-font-smoothing:antialiased}body{font-size:15.5px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{max-width:100%;display:block}.cut-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.6;background-image:linear-gradient(to right,rgba(20,28,80,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(20,28,80,.04) 1px,transparent 1px);background-size:48px 48px}.cut-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 0% 100%,rgba(27,46,191,.06),transparent 70%)}.cut-wrap{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:32px clamp(20px,3.5vw,48px) 80px}.c-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;font-family:var(--cmono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.c-top a{color:var(--cfaint);transition:color .2s}.c-top a:hover{color:var(--cblue)}.c-top .c-brand{color:var(--cblue);font-weight:600}.c-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:48px;align-items:center;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--cline)}.c-hero-left{display:flex;flex-direction:column;gap:18px}.c-kicker{font-family:var(--cmono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cfaint)}.c-kicker em{color:var(--cblue);font-style:normal}.c-title{font-family:var(--cdisp);font-weight:900;font-size:clamp(56px,7vw,112px);line-height:.94;letter-spacing:-.025em;font-variation-settings:"wdth" 100;text-transform:uppercase}.c-title em{font-family:var(--cserif);font-style:italic;font-weight:400;color:var(--cblue);text-transform:none;font-size:.62em;display:block;margin-top:4px;letter-spacing:-.01em;font-variation-settings:normal}.c-lead{font-size:17px;line-height:1.6;color:var(--cmuted);max-width:48ch}.hero-visual{position:relative;min-height:430px;border:1px solid var(--cline-s);border-radius:24px;overflow:hidden;background:#d9d0be;box-shadow:0 30px 70px #141c5029}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f4f0e605 42%,#f4f0e6db),linear-gradient(90deg,rgba(10,15,46,.12),transparent 42%);pointer-events:none}.hero-value{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid rgba(10,15,46,.16);border-radius:14px;background:#0a0f2e1f;backdrop-filter:blur(14px)}.hero-value span{padding:14px 12px;background:#ffffffc7;font-family:var(--cmono);font-size:10px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--cfaint)}.hero-value b{display:block;margin-bottom:5px;font-size:18px;line-height:1;color:var(--cblue);font-weight:700;letter-spacing:0;text-transform:none}.private-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--cink);color:var(--cbg);border-radius:999px;font-family:var(--cmono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:18px}.private-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--cgreen);box-shadow:0 0 0 3px #b4ff2e33}.tool{background:var(--cpaper);border:1px solid var(--cline-s);border-radius:24px;padding:clamp(20px,2.5vw,36px);margin-bottom:48px;box-shadow:0 24px 48px #141c500f}.tool-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:14px}.tool-title{font-family:var(--cdisp);font-weight:800;font-size:22px;letter-spacing:-.01em;text-transform:uppercase;color:var(--cink)}.tool-title em{font-family:var(--cserif);font-style:italic;font-weight:400;color:var(--cblue);text-transform:none;font-size:.78em}.tool-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.drop-zone{position:relative;border:2px dashed rgba(27,46,191,.4);border-radius:18px;padding:clamp(36px,5vw,72px) 24px;text-align:center;background:#1b2ebf0a;transition:all .2s;cursor:pointer}.drop-zone:hover{border-color:var(--cblue);background:#1b2ebf14}.drop-zone.drag{border-color:var(--cblue);background:#1b2ebf1f}.drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-zone.has-file{display:none}.dz-icon{display:grid;place-items:center;margin:0 auto 18px;width:64px;height:64px;border:2px solid var(--cblue);border-radius:50%;color:var(--cblue)}.dz-icon svg{width:28px;height:28px;stroke:var(--cblue);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.dz-title{font-family:var(--cdisp);font-weight:800;font-size:30px;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:8px;color:var(--cink)}.dz-sub{font-family:var(--cbody);font-size:13px;color:var(--cfaint)}.dz-tag{font-family:var(--cmono);font-size:10px;letter-spacing:.18em;color:var(--cblue);margin-top:14px;display:inline-block;padding:5px 14px;border:1px solid rgba(27,46,191,.36);border-radius:999px}.canvas-wrap{display:none;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}.canvas-wrap.show{display:grid}@media(max-width:760px){.canvas-wrap.show{grid-template-columns:1fr}}.canvas-cell{position:relative;border-radius:14px;overflow:hidden;background:#a89a82;aspect-ratio:1.4/1}.canvas-cell.checker{background-color:#efeadd;background-image:linear-gradient(45deg,#D8D2C2 25%,transparent 25%),linear-gradient(-45deg,#D8D2C2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#D8D2C2 75%),linear-gradient(-45deg,transparent 75%,#D8D2C2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,10px 0}.canvas-cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.canvas-cell canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.canvas-label{position:absolute;top:12px;left:12px;font-family:var(--cmono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cink);background:#f4f0e6d9;backdrop-filter:blur(6px);padding:4px 10px;border-radius:999px;z-index:2;font-weight:600}.canvas-label.after{color:var(--cblue)}.canvas-progress{position:absolute;inset:0;display:grid;place-items:center;background:#f4f0e6eb;backdrop-filter:blur(4px);font-family:var(--cmono);font-size:13px;color:var(--cblue);z-index:3}.canvas-progress.hidden{display:none}.canvas-progress-bar{display:block;width:60%;max-width:260px;height:3px;background:#141c5014;border-radius:2px;margin-top:14px;overflow:hidden}.canvas-progress-bar div{height:100%;background:var(--cblue);width:0;transition:width .3s}.actions{display:none;margin-top:18px;align-items:center;gap:12px;flex-wrap:wrap}.actions.show{display:flex}.btn{padding:11px 20px;border-radius:999px;font-family:var(--cmono);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:all .2s;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn-primary{background:var(--cink);color:var(--cbg);border:1px solid var(--cink)}.btn-primary:hover{background:var(--cblue);border-color:var(--cblue)}.btn-ghost{background:transparent;color:var(--cink);border:1px solid var(--cline-s)}.btn-ghost:hover{background:var(--cbg2)}.meta-line{margin-left:auto;font-family:var(--cmono);font-size:11px;color:var(--cfaint);letter-spacing:.04em}.tool-foot{margin-top:18px;font-family:var(--cmono);font-size:10.5px;letter-spacing:.06em;color:var(--cfaint);display:flex;align-items:center;gap:8px}.tool-foot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cgreen);box-shadow:0 0 0 3px #b4ff2e2e}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:48px}.feat{padding:28px 26px;background:var(--cpaper);border:1px solid var(--cline);border-radius:18px}.feat-num{font-family:var(--cmono);font-size:11px;letter-spacing:.12em;color:var(--cblue);margin-bottom:18px}.feat-title{font-family:var(--cdisp);font-weight:800;font-size:22px;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:10px;line-height:1.05;color:var(--cink)}.feat-title em{font-family:var(--cserif);font-style:italic;font-weight:400;color:var(--cblue);text-transform:none;font-size:.84em}.feat-text{font-size:13.5px;color:var(--cmuted);line-height:1.6}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--cline);border:1px solid var(--cline);border-radius:18px;overflow:hidden;margin-bottom:48px}.compare-col{padding:32px 28px;background:var(--cpaper)}.compare-col.cutout{background:var(--cink);color:var(--cbg)}.compare-h{font-family:var(--cmono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-weight:600}.compare-col.cutout .compare-h{color:var(--cgreen)}.compare-col:not(.cutout) .compare-h{color:var(--cfaint)}.compare-name{font-family:var(--cdisp);font-weight:800;font-size:28px;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:18px}.compare ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.compare li{font-size:13.5px;line-height:1.55;display:flex;gap:10px;align-items:flex-start}.compare li:before{content:"—";flex-shrink:0;color:currentColor;opacity:.5}.compare-col.cutout li{color:#d9d2bf}.faq{border:1px solid var(--cline);border-radius:18px;overflow:hidden;margin-bottom:48px;background:var(--cpaper)}.faq details{border-bottom:1px solid var(--cline)}.faq details:last-child{border-bottom:0}.faq summary{padding:22px 26px;font-family:var(--cdisp);font-weight:800;font-size:18px;letter-spacing:-.005em;text-transform:uppercase;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;color:var(--cink)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--cmono);font-size:22px;color:var(--cblue);transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:hover{background:#1b2ebf08}.faq-answer{padding:0 26px 22px;font-size:14px;color:var(--cmuted);line-height:1.7;max-width:60ch}.c-foot{padding-top:32px;border-top:1px solid var(--cline);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--cmono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cfaint)}.c-foot a{color:var(--cfaint);transition:color .2s}.c-foot a:hover{color:var(--cblue)}@media(max-width:900px){.c-hero{grid-template-columns:1fr;gap:28px}.hero-visual{min-height:320px}.hero-value{grid-template-columns:1fr;left:14px;right:14px;bottom:14px}.hero-value span{padding:11px 12px}.grid-3,.compare{grid-template-columns:1fr}}