:root{--navy:#071521;--teal:#0e4d5a;--blue:#0788b6;--orange:#c94e1b;--ink:#102a37;--muted:#567482;--line:#d6e4ea}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f8fbfd;line-height:1.6}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #29aee4;outline-offset:4px}.container{max-width:1280px;padding:0 48px;margin:auto}header{position:sticky;top:0;z-index:20;background:#071521f5;color:white;border-bottom:1px solid #284451;backdrop-filter:blur(14px)}header .container{height:100px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand img{width:145px}.nav,.nav-actions{display:flex;align-items:center;gap:22px;font-size:12px}.nav{color:#c2d5df}.nav a:hover{color:white}.nav-actions{gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:5px;background:var(--orange);color:white;border:1px solid var(--orange);padding:16px 22px;font-size:13px;line-height:1.4;font-weight:700;transition:background .15s}.button:hover{background:#ac3f13}.button.small{padding:12px 17px;font-size:12px}.button.secondary{background:transparent;border-color:#91c4d3;color:#e2f0f5}.arrow{font-size:19px}.menu-toggle{display:none;background:none;border:1px solid #7798a6;color:white;border-radius:4px;padding:8px 12px}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#587d8e;padding:24px 0 33px}.breadcrumbs a{color:#0e4d5a;text-decoration:underline}.feature-hero{background:radial-gradient(ellipse at 100% 50%,#d4eff7,transparent 60%),#f4f9fc;padding-bottom:58px}.feature-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.5px;color:var(--teal);font-weight:700;line-height:1.5}.eyebrow:before{content:'';height:2px;width:21px;background:#f36a2e;flex-shrink:0}h1{font-size:clamp(38px,4.2vw,55px);letter-spacing:-2px;line-height:1.1;margin:18px 0 23px}h2{font-size:clamp(29px,3vw,39px);letter-spacing:-1.2px;line-height:1.15;margin:0 0 23px}h3{font-size:19px;letter-spacing:-.4px;line-height:1.3;margin:17px 0 12px}p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 20px}.hero-description{font-size:16px;max-width:570px}.cta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:27px}.text-link{font-size:12px;line-height:1.6;font-weight:700;color:var(--teal)}.text-link:hover{text-decoration:underline}.microcopy{font-size:10px;margin:18px 0 0;color:#647d89}figure{margin:0;padding:10px;background:white;border:1px solid #c8dee7;border-radius:9px;box-shadow:0 24px 50px #0e4d5a13}figure img{width:100%;height:auto;border-radius:4px}figcaption{font-size:9px;color:#648190;line-height:1.7;padding:12px 4px 4px}.feature-workflow{padding:70px 0;background:white}.section-lead{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start;margin-bottom:24px}.section-lead h2{max-width:430px}.section-lead p{margin:0}.workflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.workflow-cards article{border-top:1px solid #bad4df;padding-top:23px}.step-number{font-size:11px;color:#238dad;font-family:monospace}.workflow-cards p{font-size:14px;margin-bottom:0}.feature-example{padding:70px 0;background:#edf5f8}.example-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px}.example-grid h2{margin-top:18px}.example-grid>div>p{font-size:14px}.example-table{background:white;border:1px solid #cee0e8;border-radius:8px;overflow:hidden;box-shadow:0 15px 35px #0e4d5a08}table{width:100%;border-collapse:collapse;text-align:left}caption{text-align:left;background:#0e293b;color:#bfdbe7;padding:17px 21px;font-size:10px;line-height:1.7}th{font-size:10px;color:#577a8b;background:#f4f9fb;font-weight:700;padding:14px 21px;border-bottom:1px solid #d8e5ec}td{padding:17px 21px;border-bottom:1px solid #e4edf1;font-size:12px;line-height:1.7;vertical-align:top}td:first-child{font-weight:700;width:43%;color:#0e4d5a}tr:last-child td{border-bottom:0}.feature-explanation{padding:75px 0;background:white}.editorial-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.editorial-grid h2{margin-top:18px}.editorial-grid p{font-size:14px}.editorial-note{border-top:1px solid var(--line);padding-top:23px;margin-top:28px;font-size:12px!important}.editorial-note a,.source-note a{color:#0e4d5a;text-decoration:underline}.source-note{font-size:11px!important;line-height:1.8}.feature-faq{padding:65px 0;background:#f8fbfd}details{border-bottom:1px solid #d5e3ea;padding:20px 0}summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.7;list-style:none;display:flex;gap:20px;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:21px;font-weight:400;color:#0e4d5a}details[open] summary:after{content:'−'}details p{margin:16px 0 0;font-size:13px}.related-features{padding:55px 0;background:white;border-top:1px solid #e0ebef}.related-features h2{font-size:26px;margin-bottom:23px}.related-features nav{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-features a{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f0f7fa;border:1px solid #cfe2eb;padding:20px;border-radius:5px;font-size:13px;line-height:1.6;color:#0e4d5a}.related-features a:hover{background:#e2f0f6}.feature-closing{padding:60px 0;background:linear-gradient(120deg,#0e293b,#0e4d5a);color:white}.feature-closing .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.feature-closing .eyebrow{color:#84d1e8}.feature-closing h2{font-size:34px;margin:17px 0}.feature-closing p{color:#bfd7e2;font-size:14px;margin:0}.feature-closing .cta-row{margin:0;gap:12px;flex-shrink:0}.feature-closing .button{font-size:12px}footer{background:#050f18;color:white;padding:36px 0 23px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-top img{width:145px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:#aac4d2}.footer-bottom{border-top:1px solid #27404d;padding-top:22px;margin-top:27px;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.8;color:#8daab9}
@media(max-width:1100px){.container{padding:0 32px}.brand img{width:120px}header .container{gap:18px}.nav,.nav-actions{gap:13px;font-size:11px}.feature-hero-grid{gap:32px}.section-lead,.example-grid,.editorial-grid{gap:35px}.feature-closing .container{display:block}.feature-closing .cta-row{margin-top:25px}}
@media(max-width:760px){.container{padding:0 22px}header .container{height:80px;gap:15px}.brand img{width:115px}.nav{display:none}.nav-actions>a:first-child{display:none}.nav-actions{gap:11px}.menu-toggle{display:block}.button.small{font-size:11px;padding:10px 12px;gap:10px}.nav.open{display:flex;position:absolute;top:80px;left:0;right:0;background:#071521;flex-direction:column;align-items:start;padding:23px;gap:23px;border-bottom:1px solid #45606e}.breadcrumbs{font-size:10px;padding:21px 0 28px;gap:8px}.feature-hero{padding-bottom:40px}.feature-hero-grid,.section-lead,.example-grid,.editorial-grid{grid-template-columns:1fr;gap:28px}h1{font-size:39px;letter-spacing:-1.6px;margin-top:16px}.hero-description{font-size:14px}.eyebrow{font-size:9px;letter-spacing:1px}.cta-row{gap:17px;margin-top:24px}.button{font-size:12px;padding:15px 18px}.microcopy{font-size:10px;line-height:1.7}.feature-workflow,.feature-example,.feature-explanation,.feature-faq{padding:45px 0}.section-lead{gap:0}h2{font-size:31px}.section-lead p{font-size:14px}.workflow-cards{grid-template-columns:1fr;gap:25px;margin-top:28px}.workflow-cards article{padding-top:19px}.workflow-cards h3{margin-top:10px;font-size:20px}.workflow-cards p{font-size:14px}.example-grid,.editorial-grid{gap:15px}.example-grid h2,.editorial-grid h2{margin-bottom:19px}caption{padding:16px;font-size:10px}td,th{padding:14px 15px;font-size:11px}th{font-size:10px}td{overflow-wrap:anywhere}.editorial-grid p{font-size:14px}.related-features{padding:40px 0}.related-features h2{font-size:27px}.related-features nav{grid-template-columns:1fr;gap:12px}.related-features a{padding:18px;font-size:13px}.feature-closing{padding:45px 0}.feature-closing h2{font-size:31px}.feature-closing .cta-row{flex-shrink:1}.feature-closing .button{font-size:11px}.footer-top{display:block}.footer-links{margin-top:25px;gap:16px;font-size:11px}.footer-bottom{display:block;font-size:10px}.footer-bottom span{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}