@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#0F172A;--text:#334155;--muted:#64748B;--bg:#F8FAFC;--card:#FFFFFF;--border:#E2E8F0;--primary:#2563EB;--primary-hover:#1D4ED8;--success:#16A34A;--warning:#D97706;--danger:#DC2626;--viewer:#0B1220;--model:#94A3B8;--shadow:0 10px 32px rgba(15,23,42,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}button,input,select{font:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}img,svg{max-width:100%}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}h1,h2,h3,h4{color:var(--ink);line-height:1.18;letter-spacing:-.035em;margin:0 0 .65em;font-weight:700}h1{font-size:clamp(2.5rem,5.3vw,4.35rem);letter-spacing:-.055em}h2{font-size:clamp(1.75rem,3vw,2.55rem)}h3{font-size:1.2rem;letter-spacing:-.02em}p{margin:0 0 1rem}.container{max-width:1120px;margin:auto;padding:0 24px}.skip-link{position:absolute;top:-80px;left:12px;background:var(--ink);color:white;padding:12px;z-index:50}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:1.25rem;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{width:31px;height:31px;color:var(--primary)}.nav{display:flex;align-items:center;gap:31px}.nav a,.nav-trigger{color:var(--text);font-size:.88rem;font-weight:600}.nav a:hover,.nav-trigger:hover{color:var(--primary);text-decoration:none}.nav-trigger{border:0;background:none;padding:10px 0}.nav-item{position:relative}.nav-chevron{display:inline-block;transform:rotate(45deg);width:6px;height:6px;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;vertical-align:3px;margin-left:5px}.dropdown{position:absolute;top:100%;left:-22px;width:245px;padding:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:none}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown,.nav-item.is-open .dropdown{display:grid}.dropdown a{display:block;padding:9px 12px;border-radius:7px}.dropdown a:hover{background:var(--bg)}.mobile-toggle{display:none;border:1px solid var(--border);background:var(--card);border-radius:9px;width:44px;height:44px;color:var(--ink)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin-bottom:18px}.eyebrow:before{content:"";width:16px;height:1px;background:var(--primary)}.lede{font-size:1.1rem;line-height:1.7;color:var(--muted);max-width:650px}.hero{padding:88px 0 54px}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.hero h1{max-width:650px}.hero .lede{margin:0 0 27px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 19px;border-radius:10px;border:1px solid transparent;font-size:.88rem;font-weight:700;line-height:1.25;text-align:center;transition:background .18s,transform .18s,color .18s,border-color .18s;white-space:normal}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{color:white;background:var(--primary);border-color:var(--primary)}.btn-primary:hover{color:white;background:var(--primary-hover)}.btn-secondary{color:var(--ink);background:white;border-color:var(--border)}.btn-secondary:hover{background:#EFF6FF;border-color:#BFDBFE}.btn-ghost{color:var(--text);background:transparent;border-color:var(--border)}.btn-large{padding:15px 24px;min-height:54px}.btn-block{width:100%}.hero-visual{height:380px;border-radius:22px;position:relative;overflow:hidden;background:#0B1220;background-image:linear-gradient(rgba(148,163,184,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.065) 1px,transparent 1px),radial-gradient(circle at 58% 45%,#172d4c,#0B1220 65%);background-size:32px 32px,32px 32px,auto;border:1px solid #1E293B;display:grid;place-items:center}.hero-visual svg{width:min(75%,360px);filter:drop-shadow(0 25px 25px rgba(0,0,0,.25))}.visual-top,.visual-bottom{position:absolute;color:#AAB9CF;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.visual-top{top:22px;left:24px}.visual-bottom{bottom:22px;right:24px}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-block:1px solid var(--border);padding:20px 0;margin:0 auto 75px}.trust-item{display:flex;gap:10px;align-items:center;font-size:.8rem;font-weight:600;color:var(--text)}.trust-icon{width:29px;height:29px;display:grid;place-items:center;background:#DBEAFE;color:var(--primary);border-radius:8px;font-size:1rem;flex:none}.section{padding:76px 0}.section-tight{padding:48px 0}.section-head{max-width:670px;margin-bottom:32px}.section-head p{color:var(--muted)}.section-alt{background:#F1F5F9;border-block:1px solid var(--border)}.section-label{color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-tile{position:relative;display:flex;flex-direction:column;min-height:190px;padding:23px;background:var(--card);border:1px solid var(--border);border-radius:14px;color:var(--text);box-shadow:0 2px 8px rgba(15,23,42,.02);transition:transform .2s,border-color .2s,box-shadow .2s}.tool-tile:hover{text-decoration:none;transform:translateY(-3px);border-color:#93C5FD;box-shadow:var(--shadow)}.tile-icon{width:38px;height:38px;border:1px solid #BFDBFE;background:#EFF6FF;border-radius:10px;display:grid;place-items:center;color:var(--primary);margin-bottom:21px;font-weight:800}.tool-tile h3{margin:0 0 5px}.tool-tile p{font-size:.83rem;color:var(--muted);margin-bottom:20px}.tile-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.85rem;color:var(--ink)}.arrow{color:var(--primary);font-size:1.2rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-number{font-size:.78rem;color:var(--primary);font-weight:800;border-bottom:1px solid var(--border);display:block;padding-bottom:14px;margin-bottom:22px}.steps p{color:var(--muted);font-size:.9rem}.price-table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.price-table th,.price-table td{text-align:left;padding:17px 22px;border-bottom:1px solid var(--border);font-size:.88rem}.price-table th{background:#F1F5F9;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.price-table tr:last-child td{border:0}.price-table td:last-child{font-weight:700;color:var(--ink);white-space:nowrap}.price-table a{font-weight:650}.faq-list{border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border);padding:19px 0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:700;color:var(--ink)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:1.2rem;color:var(--primary);line-height:1}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:800px;color:var(--muted);font-size:.9rem;margin:13px 0 0}.cta-panel{background:var(--ink);color:#CBD5E1;border-radius:20px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-panel h2{color:white;max-width:520px}.cta-panel p{margin:0}.cta-panel .btn{flex:none}.page-hero{padding:67px 0 40px}.page-hero h1{max-width:800px}.page-hero .lede{max-width:740px}.breadcrumbs{font-size:.78rem;color:var(--muted);margin-bottom:35px}.breadcrumbs a{color:var(--muted)}.breadcrumbs span{margin:0 10px;color:#CBD5E1}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px;align-items:start}.workspace-card,.side-card,.article-card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.workspace-card{padding:24px}.side-card{padding:25px}.side-card h3{font-size:1rem}.side-card ul{padding-left:18px;font-size:.85rem;color:var(--muted);margin-bottom:0}.side-card li{margin:10px 0}.side-stack{display:grid;gap:14px}.small-note{font-size:.78rem;color:var(--muted)}.dropzone{border:1.5px dashed #94A3B8;background:#F8FAFC;border-radius:12px;min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;padding:32px 20px;transition:border-color .2s,background .2s}.dropzone.is-dragging{background:#EFF6FF;border-color:var(--primary)}.dropzone-icon{width:58px;height:58px;margin:0 auto 17px;background:#DBEAFE;color:var(--primary);border-radius:14px;display:grid;place-items:center}.dropzone h3{font-size:1.12rem;margin:0 0 7px}.dropzone p{font-size:.84rem;color:var(--muted);margin:0 0 19px}.dropzone input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.dropzone label.btn{cursor:pointer}.option-row{display:flex;gap:10px;align-items:center;color:var(--text);font-size:.85rem;margin:16px 0 0}.option-row input{accent-color:var(--primary);width:18px;height:18px}.status-panel{display:flex;align-items:center;gap:16px;min-height:180px;justify-content:center;text-align:left}.spinner{width:30px;height:30px;border:3px solid #DBEAFE;border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:15px 17px;border-radius:10px;background:#FEF2F2;border:1px solid #FECACA;color:#991B1B;font-size:.86rem}.alert-warn{background:#FFFBEB;border-color:#FDE68A;color:#92400E}.alert-info{background:#EFF6FF;border-color:#BFDBFE;color:#1E40AF}.alert-success{background:#F0FDF4;border-color:#BBF7D0;color:#166534}.viewer-shell{position:relative;height:480px;background:var(--viewer);border-radius:10px;overflow:hidden;border:1px solid #1E293B}.viewer-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.035) 1px,transparent 1px);background-size:30px 30px}.viewer-canvas{position:absolute;inset:0}.viewer-shell canvas{display:block;width:100%;height:100%}.viewer-hint{position:absolute;left:16px;bottom:15px;color:#94A3B8;font-size:.68rem;pointer-events:none}.viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:13px 0 17px}.tool-button{min-height:38px;border-radius:8px;padding:7px 12px;background:white;border:1px solid var(--border);color:var(--text);font-size:.77rem;font-weight:650}.tool-button:hover,.tool-button[aria-pressed=true]{color:var(--primary);background:#EFF6FF;border-color:#93C5FD}.toggle-group{display:flex;gap:3px;background:#F1F5F9;padding:3px;border-radius:9px;margin-left:auto}.toggle-group .tool-button{border:0;background:transparent}.toggle-group .tool-button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #CBD5E1}.stats{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.stat-chip{padding:8px 11px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:.76rem}.stat-chip strong{display:block;color:var(--ink);font-size:.83rem}.result-actions{margin-top:24px;border-top:1px solid var(--border);padding-top:21px}.result-actions .btn{margin:8px 0 10px}.result-actions p{font-size:.78rem;color:var(--muted);margin:0}.result-actions .start-over{display:inline-block;margin-top:15px;font-size:.84rem}.metrics-table{width:100%;border-collapse:collapse;font-size:.78rem;margin:17px 0}.metrics-table th,.metrics-table td{text-align:left;padding:9px;border-bottom:1px solid var(--border)}.metrics-table th{color:var(--muted)}.workspace-subtitle{font-size:.8rem;color:var(--muted);margin-top:-3px}.editor-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.control-group{border:1px solid var(--border);border-radius:10px;padding:16px}.control-group h3{font-size:.88rem}.input-row{display:flex;gap:8px;align-items:center;margin:9px 0}.input-row label{min-width:67px;font-size:.77rem}.input-row input{min-width:0;width:100%;height:40px;border:1px solid var(--border);border-radius:7px;padding:8px 10px;color:var(--ink)}.button-wrap{display:flex;flex-wrap:wrap;gap:7px}.article-layout{display:grid;grid-template-columns:minmax(0,750px) 260px;gap:40px;align-items:start}.article-card{padding:40px}.article-body{color:var(--text);font-size:.96rem}.article-body h2{font-size:1.65rem;margin:2em 0 .6em}.article-body h3{margin:1.6em 0 .5em}.article-body p{margin-bottom:1.2em}.article-body ul,.article-body ol{padding-left:24px}.article-body li{margin-bottom:.55em}.article-body strong{color:var(--ink)}.article-aside{position:sticky;top:100px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{background:white;border:1px solid var(--border);border-radius:14px;padding:27px;min-height:210px;display:flex;flex-direction:column;color:var(--text)}.guide-card:hover{text-decoration:none;border-color:#93C5FD}.guide-card h3{margin-top:16px}.guide-card p{font-size:.84rem;color:var(--muted)}.guide-card span:last-child{margin-top:auto;font-size:.82rem;font-weight:700;color:var(--primary)}.paid-box{text-align:center;max-width:620px;margin:65px auto 110px;background:white;border:1px solid var(--border);border-radius:18px;padding:52px 38px;box-shadow:var(--shadow)}.paid-icon{width:64px;height:64px;border-radius:50%;background:#DCFCE7;color:var(--success);display:grid;place-items:center;font-size:1.7rem;margin:0 auto 22px}.site-footer{background:#EAF0F7;border-top:1px solid var(--border);margin-top:60px;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px}.footer-grid h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:17px}.footer-grid a{display:block;color:var(--text);font-size:.79rem;margin:0 0 10px}.footer-grid a:hover{color:var(--primary)}.footer-intro p{font-size:.79rem;color:var(--muted);max-width:220px;margin-top:13px}.footer-bottom{border-top:1px solid #CBD5E1;margin-top:45px;padding-top:22px;display:flex;gap:16px;justify-content:space-between;font-size:.72rem;color:var(--muted)}.hidden{display:none!important}
@media(max-width:900px){.hero-layout{gap:28px}.tool-layout{grid-template-columns:minmax(0,1fr)}.side-stack{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-intro{grid-column:1/-1}.article-layout{grid-template-columns:1fr}.article-aside{display:none}}
@media(max-width:700px){.container{padding:0 18px}.header-inner{height:64px}.mobile-toggle{display:grid;place-items:center}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:white;border-bottom:1px solid var(--border);padding:15px 18px 23px;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.nav.is-open{display:flex}.nav>a,.nav-trigger{display:block;text-align:left;padding:12px 6px;width:100%}.dropdown{position:static;display:none;box-shadow:none;width:100%;border:0;background:var(--bg)}.nav-item:hover .dropdown{display:none}.nav-item.is-open .dropdown,.nav-item:focus-within .dropdown{display:grid}.hero{padding:53px 0 32px}.hero-layout{grid-template-columns:1fr}.hero-visual{height:265px}.trust-row{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:36px}.section{padding:52px 0}.tool-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr;gap:18px}.step-number{margin-bottom:13px}.cta-panel{padding:30px;display:block}.cta-panel .btn{margin-top:22px}.page-hero{padding:42px 0 28px}.viewer-shell{height:340px}.article-card{padding:24px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:22px}.footer-bottom{display:block}.editor-controls{grid-template-columns:1fr}}
@media(max-width:470px){h1{font-size:2.35rem}.tool-grid,.guide-grid,.side-stack{grid-template-columns:1fr}.tool-tile{min-height:160px}.trust-item{align-items:flex-start;font-size:.73rem}.workspace-card{padding:15px}.viewer-shell{height:340px}.price-table th,.price-table td{padding:13px 10px;font-size:.76rem}.footer-grid{gap:24px}.paid-box{padding:34px 20px}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.tool-selector{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:2px 2px 16px;margin-bottom:16px;white-space:nowrap}
.tool-selector a{flex:none;padding:9px 15px;border:1px solid var(--border);background:#fff;border-radius:10px;color:var(--text);font-size:.87rem;font-weight:600}
.tool-selector a:hover,.tool-selector .selected{color:var(--primary);border-color:#BFDBFE;background:#EFF6FF;text-decoration:none}
.table-scroll{max-width:100%;overflow-x:auto}
input[type=file]:focus-visible + label{outline:3px solid var(--primary);outline-offset:3px}