:root{--paper:#f6efe4;--paper-2:#fffaf1;--ink:#171512;--muted:#5d554c;--hairline:#17151224;--orange:#ff7a3d;--blue:#2f80ed;--green:#36a56a;--yellow:#f6c84f;--shadow:0 24px 70px #271c0d29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #fff8e9 0, var(--paper) 34%, #efe3d1 100%);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1160px,100% - 40px);margin:0 auto}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;padding:22px 0;display:flex;position:sticky;top:0}.logo{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:800;display:flex}.logo-mark{border:1px solid var(--ink);background:var(--paper-2);width:28px;height:28px;box-shadow:4px 4px 0 var(--ink);border-radius:9px;place-items:center;display:grid}.nav-links{color:var(--muted);align-items:center;gap:24px;font-size:14px;display:flex}.button{border:1px solid var(--ink);background:var(--ink);color:var(--paper-2);border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:4px 4px #17151233}.button.secondary{color:var(--ink);background:0 0}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;padding:74px 0 70px;display:grid}.eyebrow{border:1px solid var(--hairline);color:var(--muted);background:#fffaf1b8;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.pulse{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 7px #36a56a24}h1{letter-spacing:-.065em;max-width:820px;margin:24px 0 20px;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(54px,8vw,104px);line-height:.91}.lede{color:var(--muted);max-width:680px;font-size:20px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.trust{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;display:grid}.trust div{border-top:1px solid var(--hairline);color:var(--muted);padding-top:12px;font-size:13px}.trust b{color:var(--ink);margin-bottom:4px;font-size:18px;display:block}.stage{border:1px solid var(--hairline);min-height:560px;box-shadow:var(--shadow);background:linear-gradient(145deg,#fffaf1eb,#ebe0cfc7);border-radius:34px;position:relative;overflow:hidden}.stage:before{content:"";border:1px dashed #17151229;border-radius:24px;position:absolute;inset:20px}.flat-source{z-index:4;background:linear-gradient(145deg,#f7d790,#b8d7f1);border:1px solid #17151247;border-radius:20px;width:150px;height:190px;position:absolute;top:30px;left:28px;overflow:hidden;box-shadow:8px 8px #17151229}.flat-source:before{content:"";background:linear-gradient(#222 0 18%,#ff9f66 18% 45%,#2862b8 45% 100%);border-radius:42px 42px 16px 16px;width:76px;height:106px;position:absolute;top:48px;left:38px}.flat-source:after{content:"";filter:blur(4px);background:#1715122e;border-radius:99px;width:62px;height:18px;position:absolute;bottom:34px;right:16px}.flat-source span{z-index:2;border:1px solid var(--hairline);background:#fffaf1d6;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;position:absolute;top:10px;left:12px}.flat-source i{background:radial-gradient(circle at 35% 30%,#fff,#f6c84f 32%,#ff7a3d 72%);border-radius:12px;width:34px;height:34px;position:absolute;top:32px;right:20px}.scan-line{background:var(--green);z-index:6;width:146px;height:2px;animation:3.4s ease-in-out infinite scan;position:absolute;top:44px;left:30px;box-shadow:0 0 18px #36a56abf}.split-arrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;z-index:5;font-size:12px;font-weight:800;position:absolute;top:106px;left:192px}.split-arrow:after{content:"→";color:var(--ink);margin-top:4px;font-size:34px;line-height:1;display:block}.layer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #17151238;border-radius:22px;animation:6s ease-in-out infinite floatLayer;position:absolute;box-shadow:0 18px 50px #19120a29}.layer:after{content:attr(data-label);border:1px solid var(--hairline);background:var(--paper-2);color:var(--ink);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;top:-13px;left:10px}.layer-bg{background:linear-gradient(145deg,#f7d790,#b8d7f1);animation-delay:0s;inset:82px 58px 96px 210px}.layer-subject{background:linear-gradient(#222 0 18%,#ff9f66 18% 45%,#2862b8 45% 100%);border-radius:96px 96px 28px 28px;width:184px;height:260px;animation-delay:.8s;top:144px;left:292px;transform:rotate(-2deg)}.layer-text{background:#fffaf1e6;width:220px;height:78px;padding:18px;animation-delay:1.4s;top:92px;left:238px}.layer-text span{background:var(--ink);border-radius:99px;height:12px;margin:8px 0;display:block}.layer-text span:last-child{background:var(--orange);width:62%}.layer-object{background:radial-gradient(circle at 35% 30%,#fff,#f6c84f 32%,#ff7a3d 72%);border-radius:36px;width:118px;height:118px;animation-delay:2s;bottom:128px;right:58px}.layer-shadow{filter:blur(8px);background:#17151229;border:0;width:220px;height:28px;animation-delay:2.6s;bottom:112px;left:258px}.callout{border:1px solid var(--hairline);width:186px;color:var(--muted);z-index:8;background:#fffaf1e6;border-radius:18px;padding:14px;font-size:13px;position:absolute;top:24px;right:24px}.callout b{color:var(--ink);margin-bottom:5px;display:block}.timeline{gap:8px;display:grid;position:absolute;bottom:24px;left:24px;right:24px}.timeline-row{border:1px solid var(--hairline);background:#fffaf1cc;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.dot{background:var(--blue);border-radius:50%;width:10px;height:10px}@keyframes floatLayer{0%,to{transform:translate3d(0,0,0) rotate(var(--r,0deg))}50%{transform:translate3d(10px,-14px,0) rotate(var(--r,0deg))}}@keyframes scan{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(146px)}}@media (prefers-reduced-motion:reduce){.layer{animation:none}html{scroll-behavior:auto}}section{padding:72px 0}.section-head{justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px;display:flex}h2{letter-spacing:-.04em;margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(32px,4.2vw,54px);line-height:1.02}.section-head p{max-width:520px;color:var(--muted);line-height:1.6}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card{border:1px solid var(--hairline);background:#fffaf1a8;border-radius:24px;min-height:210px;padding:22px}.card h3{letter-spacing:-.03em;margin:0 0 12px;font-size:18px}.card p,.card li{color:var(--muted);font-size:14px;line-height:1.55}.workflow{counter-reset:step;grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.step{counter-increment:step;border:1px solid var(--ink);background:var(--paper-2);border-radius:20px;padding:18px;box-shadow:5px 5px #1715121f}.step:before{content:"0" counter(step);color:var(--orange);margin-bottom:22px;font-weight:800;display:block}.step h3{letter-spacing:-.03em;margin:0 0 10px;font-size:17px}.step p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.section-kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.section-head.vertical{max-width:820px;display:block}.section-head.vertical p{max-width:680px}.split-section{grid-template-columns:.95fr 1.05fr;align-items:start;gap:48px;display:grid}.problem-list{gap:14px;display:grid}.problem{border-top:1px solid var(--hairline);grid-template-columns:48px 1fr;gap:0 16px;padding:22px 0;display:grid}.problem span{color:var(--orange);grid-row:1/span 2;font-weight:800}.problem h3{letter-spacing:-.03em;margin:0 0 8px;font-size:20px}.problem p{color:var(--muted);margin:0;line-height:1.6}.output-panel{border:1px solid var(--hairline);background:#fffaf180;border-radius:34px;padding:42px}.output-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;display:grid}.output{background:var(--paper-2);border:1px solid #1715122e;border-radius:24px;padding:22px}.output span{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.output h3{margin:14px 0 10px}.output p{color:var(--muted);margin:0;line-height:1.55}.comparison-table{border:1px solid var(--hairline);background:#fffaf194;border-radius:24px;overflow:hidden}.comparison-row{border-top:1px solid var(--hairline);grid-template-columns:.8fr 1.1fr 1.1fr;display:grid}.comparison-row:first-child{border-top:0}.comparison-row span{color:var(--muted);padding:16px;line-height:1.45}.comparison-row span:first-child,.comparison-row.head span{color:var(--ink);font-weight:800}.comparison-row.head{background:var(--paper-2)}.answer-block{border:1px solid var(--hairline);background:#fffaf1ad;border-radius:28px;margin:42px 0 10px;padding:28px}.answer-block h2{font-size:clamp(30px,4vw,48px)}.answer-block p{color:var(--muted);max-width:760px;line-height:1.65}.use-list{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.use-list div{border:1px solid var(--hairline);background:#fffaf1b3;border-radius:18px;padding:18px;font-weight:700}.breadcrumbs{color:var(--muted);gap:8px;margin-bottom:24px;font-size:13px;display:flex}.final-cta{border:1px solid var(--ink);background:var(--paper-2);border-radius:34px;margin-bottom:72px;padding:42px;box-shadow:8px 8px #1715121f}.final-cta p{color:var(--muted);max-width:720px;line-height:1.65}.seo-list{gap:12px;display:grid}.seo-item{border:1px solid var(--hairline);background:#fffaf194;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:18px;display:grid}.seo-item p{color:var(--muted);margin:6px 0 0}.footer{border-top:1px solid var(--hairline);color:var(--muted);grid-template-columns:1fr 1.2fr 1fr;align-items:start;gap:28px;padding:48px 0;display:grid}.footer-brand strong{color:var(--ink);margin-bottom:6px;display:block}.footer-brand p{margin:0}.footer-links,.locale-switcher{flex-wrap:wrap;gap:10px 16px;display:flex}.footer-links a,.locale-switcher a{font-size:13px}.locale-switcher a[aria-current=page]{color:var(--ink);font-weight:800}.page{padding:62px 0 90px}.page h1{font-size:clamp(48px,7vw,88px)}.faq{gap:14px;margin-top:34px;display:grid}.faq details{border:1px solid var(--hairline);background:#fffaf1b3;border-radius:18px;padding:18px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);line-height:1.6}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:44px}.grid,.workflow,.output-grid,.use-list,.split-section,.footer{grid-template-columns:1fr}.section-head{display:block}.nav-links a:not(.button){display:none}.stage{min-height:500px}.comparison-row{grid-template-columns:1fr}.comparison-row.head{display:none}.seo-item{grid-template-columns:1fr}.output-panel,.final-cta{padding:28px}}