:root{--dylio-wordmark-black:#231f20;--dylio-pine-gray:#838484;--dylio-mountain-ochre:#ca852a;--dylio-water-blue:#4e65af;--dylio-logo-rich-black:#040707;--dylio-white:#fff;--dylio-night-navy:#0c1d25;--dylio-deep-forest:#162d33;--dylio-spruce-green:#23443d;--dylio-lake-slate:#223861;--dylio-sky-blue:#84a0c5;--dylio-mist:#aabad3;--color-text:var(--dylio-wordmark-black);--color-bg:var(--dylio-white);--color-accent:var(--dylio-mountain-ochre);--color-on-accent:var(--dylio-wordmark-black);--color-link:var(--dylio-water-blue);--color-border:var(--dylio-pine-gray);--color-dark-bg:var(--dylio-night-navy);--color-dark-surface:var(--dylio-deep-forest);--color-dark-text:var(--dylio-white);--color-dark-muted:var(--dylio-mist);--color-dark-link:var(--dylio-sky-blue);--color-tint-ochre:color-mix(in srgb, var(--dylio-mountain-ochre) 12%, white);--color-tint-mist:color-mix(in srgb, var(--dylio-mist) 25%, white);--font-head:"Bitter", Georgia, "Times New Roman", serif;--font-kicker:"Montserrat", system-ui, sans-serif;--font-body:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@font-face{font-family:Bitter;src:url(/fonts/Bitter-Black-latin.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-400-700-latin.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--ink:var(--dylio-wordmark-black);--muted:color-mix(in srgb, var(--dylio-wordmark-black) 75%, white);--line:color-mix(in srgb, var(--dylio-pine-gray) 45%, white);--navy:var(--dylio-night-navy);--forest:var(--dylio-deep-forest);--ochre:var(--dylio-mountain-ochre);--link:var(--dylio-water-blue);--link-hover:var(--dylio-lake-slate);--head:var(--font-head);--kick:var(--font-kicker);--body:var(--font-body);--max:1120px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);color:var(--ink);background:var(--dylio-white);margin:0;font-size:17px;font-weight:400;line-height:1.6}@media (width>=900px){body{font-size:18px}}img{max-width:100%;height:auto}strong,b{font-weight:700}a{color:var(--link);text-underline-offset:.15em}a:hover{color:var(--link-hover)}:focus-visible{outline:3px solid var(--link);outline-offset:2px}h1,h2,h3,.head{font-family:var(--head);letter-spacing:-.005em;font-weight:900;line-height:1.08}h1{margin:0 0 .35em;font-size:clamp(2.5rem,5.6vw,4rem)}h2{margin:1.5em 0 .5em;font-size:clamp(1.75rem,3.2vw,2.5rem)}h3{margin:0 0 .35em;font-size:clamp(1.3rem,2vw,1.55rem)}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.skip{position:absolute;left:-9999px}.skip:focus{background:var(--dylio-white);color:var(--ink);z-index:30;padding:8px;top:10px;left:10px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow,.kicker{font-family:var(--kick);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin:0 0 12px;font-size:.85rem;font-weight:600}.site-header,.hero,.page-head,.site-footer{background:var(--navy);color:var(--dylio-white)}.site-header :focus-visible,.hero :focus-visible,.page-head :focus-visible,.site-footer :focus-visible,.pick-head :focus-visible,.newsletter :focus-visible{outline-color:var(--dylio-sky-blue)}.site-header{border-bottom:3px solid var(--ochre);position:relative}.site-header .wrap{justify-content:space-between;align-items:center;gap:8px 24px;padding-top:4px;padding-bottom:4px;display:flex}.logo{color:var(--dylio-mist);flex:none;align-items:center;gap:14px;text-decoration:none;display:flex}.logo img{width:100px;height:auto;display:block}.logo-kicker{font-family:var(--kick);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:600}.nav{gap:4px 22px;display:flex}.nav a{color:var(--dylio-white);font-family:var(--kick);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-bottom:2px solid #0000;padding:8px 0;font-size:.85rem;font-weight:600;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{border-bottom-color:var(--ochre);color:var(--dylio-white)}.menu-btn{display:none}@media (width<=900px) and (width>=761px){.logo-kicker{display:none}.nav{gap:4px 16px}}@media (width<=760px){.site-header .wrap{gap:12px;padding-top:0;padding-bottom:0}.logo img{width:96px}.logo-kicker{display:none}.nav{scrollbar-width:thin;flex:1;gap:18px;min-width:0;padding:4px;overflow-x:auto}.nav a{font-size:.78rem}.has-menu .menu-btn{min-height:44px;color:var(--dylio-white);border:1px solid var(--dylio-pine-gray);font-family:var(--kick);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.has-menu .menu-btn:hover{border-color:var(--ochre)}.menu-btn .i-close,.menu-open .menu-btn .i-open{display:none}.menu-open .menu-btn .i-close{display:inline}.has-menu .nav{display:none}.has-menu.menu-open .nav{z-index:20;background:var(--navy);border-bottom:3px solid var(--ochre);flex-direction:column;gap:0;padding:4px 20px 12px;display:flex;position:absolute;top:100%;left:0;right:0;overflow:visible}.has-menu.menu-open .nav a{border-bottom:1px solid var(--forest);padding:12px 0;font-size:.9rem}.has-menu.menu-open .nav a[aria-current=page]{border-bottom-color:var(--ochre)}}.hero{isolation:isolate;position:relative;overflow:hidden}.hero-bg,.hero-bg img{width:100%;height:100%;position:absolute;inset:0}.hero-bg{z-index:-2}.hero-bg img{object-fit:cover;object-position:center}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--navy) 92%, transparent) 0%, color-mix(in srgb, var(--navy) 84%, transparent) 45%, color-mix(in srgb, var(--navy) 15%, transparent) 100%);position:absolute;inset:0}.hero-content{padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(64px,9vw,120px)}.hero h1{max-width:15ch;color:var(--dylio-white)}.hero p.lede{max-width:600px;color:var(--dylio-mist);margin:0 0 1.4em;font-size:1.12rem}.hero .eyebrow,.page-head .eyebrow{color:var(--ochre)}@media (width<=700px){.hero:before{background:linear-gradient(0deg, color-mix(in srgb, var(--navy) 92%, transparent) 0%, color-mix(in srgb, var(--navy) 90%, transparent) 80%, color-mix(in srgb, var(--navy) 55%, transparent) 100%)}.hero-content{padding-top:140px;padding-bottom:48px}.hero .btn{text-align:center;display:block}.hero .btn-ghost{margin:10px 0 0}}.btn{font-family:var(--kick);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--ochre);border-radius:3px;padding:13px 22px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary,.btn-primary:hover{background:var(--ochre);color:var(--ink)}.btn-primary:hover{background:color-mix(in srgb, var(--ochre) 85%, white)}.btn-ghost{color:var(--dylio-white);border-color:var(--dylio-white);margin-left:10px}.btn-ghost:hover{background:var(--dylio-white);color:var(--navy)}section{padding:8px 0 24px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.card{background:var(--dylio-white);border:1px solid var(--line);border-top:4px solid var(--dylio-pine-gray);border-radius:3px;flex-direction:column;padding:20px;display:flex}.card p{color:var(--muted);margin:0 0 12px;font-size:.95rem}.card .more{font-family:var(--kick);text-transform:uppercase;letter-spacing:.08em;color:var(--link);margin-top:auto;font-size:.82rem;font-weight:600;text-decoration:none}.card.live{border-top-color:var(--ochre)}a.card{color:inherit;text-decoration:none}a.card:hover{box-shadow:0 6px 18px color-mix(in srgb, var(--navy) 14%, transparent);border-color:var(--dylio-pine-gray)}a.card:hover .more{color:var(--link-hover)}.tag{font-family:var(--kick);text-transform:uppercase;letter-spacing:.08em;border-radius:3px;align-self:flex-start;margin-bottom:10px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-block}.tag-live{background:var(--ochre);color:var(--ink)}.tag-soon{background:var(--color-tint-mist);color:var(--ink)}.tag-new{background:var(--dylio-water-blue);color:var(--dylio-white)}.tag-sponsored{background:var(--color-tint-ochre);color:var(--ink);border:1px solid var(--ochre)}.newsletter{background:var(--forest);color:var(--dylio-white);border-left:5px solid var(--ochre);border-radius:3px;margin:32px 0;padding:30px}.newsletter h2{color:var(--dylio-white);margin-top:0}.newsletter p{color:var(--dylio-mist)}.newsletter form{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.newsletter input{font:inherit;border:1px solid var(--dylio-pine-gray);background:var(--dylio-white);color:var(--ink);border-radius:3px;flex:240px;padding:12px;font-size:1rem}.newsletter button{background:var(--ochre);color:var(--ink);font-family:var(--kick);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:0;border-radius:3px;padding:12px 20px;font-size:.9rem;font-weight:600}.newsletter button:disabled{cursor:progress;opacity:.7}.newsletter .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.newsletter .nl-status{color:var(--dylio-white);min-height:1.5em;margin:10px 0 0;font-weight:600}.newsletter .nl-status[data-kind=error]{color:#ffd7c2}.newsletter .note a{color:var(--dylio-white)}.newsletter .note{margin-top:10px;font-size:.85rem}.notice{background:var(--color-tint-ochre);border:1px solid color-mix(in srgb, var(--ochre) 45%, white);border-left:5px solid var(--ochre);margin:22px 0;padding:14px 16px;font-size:.95rem}.toc{background:var(--color-tint-mist);border:1px solid var(--line);border-radius:3px;padding:16px 20px}.toc .head{font-size:1.25rem}.toc ol{margin:6px 0 0;padding-left:22px}.pick{background:var(--dylio-white);border:1px solid var(--line);border-radius:3px;margin:24px 0;overflow:hidden}.pick-head{background:var(--navy);color:var(--dylio-white);border-bottom:3px solid var(--ochre);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.pick-rank{font-family:var(--head);color:var(--ochre);min-width:56px;font-size:2.6rem;font-weight:900;line-height:1}.pick-head h2{color:var(--dylio-white);margin:0;font-size:clamp(1.4rem,2.6vw,1.8rem)}.pick-head .best{font-family:var(--kick);text-transform:uppercase;letter-spacing:.08em;color:var(--dylio-mist);margin-top:4px;font-size:.8rem;font-weight:600}.pick-body{grid-template-columns:1fr;gap:20px;padding:18px 20px;display:grid}@media (width>=860px){.pick-body{grid-template-columns:1.1fr .9fr}}table.specs{border-collapse:collapse;width:100%;font-size:.9rem}table.specs th,table.specs td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}table.specs th{width:38%;color:var(--muted);font-weight:600}table.specs sup a{font-size:.75rem;text-decoration:none}.pick h4{font-family:var(--kick);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:.85rem;font-weight:600}.pick ul{margin:0 0 14px;padding-left:20px}.pick ol.src{word-break:break-word;margin:0;padding-left:22px;font-size:.85rem}.price{background:var(--color-tint-ochre);border-left:3px solid var(--ochre);margin-bottom:14px;padding:8px 10px;font-size:.95rem}.score{font-family:var(--kick);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.8rem;font-weight:600}.compare-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.compare{border-collapse:collapse;background:var(--dylio-white);width:100%;min-width:720px;font-size:.9rem}table.compare th,table.compare td{border:1px solid var(--line);text-align:left;padding:9px}table.compare thead th{background:var(--navy);color:var(--dylio-white);font-family:var(--kick);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:600}table.compare tbody tr:nth-child(2n){background:var(--color-tint-mist)}.sponsor-slot{border:2px dashed var(--ochre);background:var(--color-tint-ochre);border-radius:3px;margin:24px 0;padding:16px}.prose{max-width:760px}.prose table{border-collapse:collapse;background:var(--dylio-white);width:100%;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px}.prose th{background:var(--color-tint-mist);font-weight:600}.page-head{background:linear-gradient(180deg, var(--navy), var(--forest));padding:40px 0 34px}.page-head h1{color:var(--dylio-white)}.page-head p{color:var(--dylio-mist);max-width:700px;margin:0}.page-head .eyebrow{margin-bottom:10px}.crumbs{color:var(--dylio-mist);margin-bottom:10px;font-size:.85rem}.crumbs a{color:var(--dylio-sky-blue)}.site-footer{color:var(--dylio-mist);margin-top:56px;padding:40px 0 26px;font-size:.92rem}.site-footer a{color:var(--dylio-white)}.site-footer a:hover{color:var(--dylio-sky-blue)}.foot-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;display:grid}.site-footer h3{color:var(--dylio-white);font-family:var(--kick);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.8em;font-size:.85rem;font-weight:600}.foot-logo{width:140px;height:auto;margin-bottom:14px;display:block}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:5px 0}.social{gap:10px;display:flex;margin:10px 0 12px!important}.social a{border:1px solid var(--dylio-pine-gray);width:42px;height:42px;color:var(--dylio-white);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.social a:hover,.social a:focus-visible{background:var(--ochre);border-color:var(--ochre);color:var(--ink)}.grimr img{width:140px;height:auto;margin-bottom:6px;display:block}.tagline{font-family:var(--kick);letter-spacing:.3em;text-transform:uppercase;font-size:.78rem;font-weight:600}.soon{font-style:italic}.legal{border-top:1px solid var(--forest);color:var(--dylio-mist);margin-top:26px;padding-top:14px;font-size:.8rem}@media (width>=900px){.grid.three{grid-template-columns:repeat(3,1fr)}}
