:root{--ink:#eaf5f5;--muted:#a8bcbc;--bg:#0d1719;--panel:#132326;--line:#294245;--teal:#39d4cf;--deep:#071011;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:5;background:#fff;color:#000;padding:.6rem}.site-header,footer{max-width:1180px;margin:auto;padding:1.2rem 2rem;display:flex;align-items:center;gap:1.5rem}.site-header{justify-content:space-between}.brand{font-size:1.35rem;font-weight:850;letter-spacing:.08em}.brand span,.eyebrow{color:var(--teal)}nav{display:flex;align-items:center;gap:1.3rem;font-size:.92rem;color:var(--muted)}.button{display:inline-block;padding:.75rem 1.05rem;border-radius:.35rem;background:var(--teal);color:#062022;font-weight:750;text-decoration:none}.button:hover{background:#73e9e4;text-decoration:none}.button.small{padding:.5rem .8rem}.button.light{background:#fff;color:#102124}.nav-toggle{display:none}.hero,.section,.intro,.pro-banner{padding:6rem max(2rem,calc((100vw - 1100px)/2))}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center;min-height:590px;background:radial-gradient(circle at 73% 25%,#16484a 0,transparent 30%)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.6rem,5.2vw,5.3rem);line-height:1.02;letter-spacing:-.055em;margin-bottom:1.5rem}h1 em{color:var(--teal);font-style:normal}h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.08;letter-spacing:-.04em;max-width:760px}.lede,.intro p,.security p{font-size:1.08rem;color:var(--muted);max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:750;margin-bottom:1rem}.actions{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap;margin-top:2rem}.text-link{color:var(--teal);font-weight:700}.quiet{font-size:.85rem;color:var(--muted);margin-top:1.3rem}.product-placeholder{border:1px solid #3b6769;background:linear-gradient(145deg,#1d3b3e,#102124);min-height:270px;border-radius:.7rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#a8dbd9;box-shadow:0 24px 55px #0005}.product-placeholder small{color:var(--muted);margin-top:.3rem}.hero-shot{min-height:360px}.intro{padding-top:5rem;padding-bottom:5rem;background:#e5f2f0;color:#102124}.intro .eyebrow{color:#16817d}.intro p{color:#416060}.section{border-top:1px solid var(--line)}.alt{background:#102024}.steps,.grid{display:grid;gap:1rem}.steps{grid-template-columns:repeat(4,1fr);margin-top:2.5rem}.steps article,.cards article,.three article{border:1px solid var(--line);border-radius:.45rem;padding:1.4rem;background:#0f1c1f}.steps b{color:var(--teal);font-size:.8rem}.steps h3,.cards h3,.three h3{margin:.5rem 0}.steps p,.cards p,.three p{color:var(--muted);font-size:.94rem;margin:0}.cards{grid-template-columns:repeat(4,1fr);margin-top:2.5rem}.three{grid-template-columns:repeat(3,1fr);margin-top:2rem}.comparison{overflow-x:auto;margin-top:2rem;border:1px solid var(--line);border-radius:.5rem}table{width:100%;border-collapse:collapse;min-width:570px}th,td{padding:.85rem 1rem;border-bottom:1px solid var(--line);text-align:left}th{background:#163034;color:var(--teal)}td:not(:first-child){font-weight:700}.pro-banner{background:var(--teal);color:#092225;display:flex;align-items:center;justify-content:space-between;gap:2rem}.pro-banner .eyebrow{color:#166b68}.pro-banner h2{margin-bottom:.4rem}.pro-banner h2 small{font-size:.45em}.pro-banner p{max-width:650px;margin:0}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.security{padding-bottom:6rem}footer{border-top:1px solid var(--line);justify-content:space-between;flex-wrap:wrap;color:var(--muted);font-size:.88rem}footer .brand{color:var(--ink)}footer div{display:flex;gap:1.2rem}.page-hero{padding:5rem max(2rem,calc((100vw - 1100px)/2));background:linear-gradient(130deg,#102b2d,#0d1719)}.page-hero p{max-width:700px;color:var(--muted);font-size:1.1rem}.content{max-width:900px;margin:auto;padding:4rem 2rem 6rem}.content h2{font-size:1.7rem;margin-top:3rem}.content p,.content li{color:var(--muted)}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.doc-grid a{display:block;padding:1.2rem;border:1px solid var(--line);border-radius:.4rem;background:var(--panel)}.doc-grid p{font-size:.9rem;margin:.3rem 0 0}.notice{border-left:3px solid var(--teal);padding:1rem 1.2rem;background:#112528;color:var(--muted)}
@media(max-width:780px){.site-header{padding:1rem 1.25rem;position:relative}.nav-toggle{display:block;background:transparent;border:1px solid var(--line);color:var(--ink);padding:.45rem .7rem;border-radius:.3rem}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem 1.25rem;background:#102024;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);z-index:2}nav.open,.site-header:not(:has(.nav-toggle)) nav{display:flex}.hero{grid-template-columns:1fr;padding:4rem 1.25rem;gap:2.5rem;min-height:0}.section,.intro,.pro-banner,.page-hero{padding:4rem 1.25rem}.steps,.cards,.three,.doc-grid,.preview-grid{grid-template-columns:1fr 1fr}.pro-banner{display:block}.pro-banner .button{margin-top:1.5rem}footer{padding:2rem 1.25rem;display:block}footer>*{margin-bottom:1rem}footer div{flex-wrap:wrap}}@media(max-width:480px){.steps,.cards,.three,.doc-grid,.preview-grid{grid-template-columns:1fr}h1{font-size:2.7rem}.product-placeholder{min-height:220px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.brand{display:inline-flex;align-items:center;gap:.55rem}.brand:before{content:"";width:1.55rem;height:1.55rem;background:url("../images/brand/yelf-mark.png") center/contain no-repeat;filter:drop-shadow(0 0 7px #27d8d399)}.hero-shot{background-image:linear-gradient(#07101180,#07101180),url("../images/brand/yelf-hero-graphic.png");background-size:cover;background-position:center}