/* Hamburger.ee 2026 editorial redesign — typography-led, fast, no framework */
:root{--ink:#0b0b0a;--paper:#f1ede3;--acid:#ff4d24;--warm:#f7b24b;--line:rgba(11,11,10,.18);--max:1320px;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--mono:"Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;overflow-x:hidden}img,svg,video,iframe{max-width:100%;height:auto}.shell{width:min(var(--max),calc(100% - 64px));margin:auto}.narrow{width:min(860px,calc(100% - 64px));margin:auto}a{color:inherit}.eyebrow{font:700 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--acid);margin:0 0 18px}.eyebrow.dark{color:var(--acid)}
.sale-ribbon{background:var(--acid);color:#fff}.sale-ribbon .shell{min-height:34px;display:flex;align-items:center;justify-content:center;gap:16px;text-align:center}.sale-ribbon strong,.sale-ribbon a{font:700 10px var(--mono);letter-spacing:.08em}.sale-ribbon span{font-size:11px}.sale-ribbon a{text-decoration:none;border-bottom:1px solid currentColor}
.site-header{position:sticky;top:0;z-index:90;background:rgba(241,237,227,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:36px;height:36px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:700 11px var(--mono)}.brand strong{font-size:14px;letter-spacing:.12em}.brand em{font-style:normal;color:var(--acid);font-weight:900}.nav{display:flex;gap:26px;margin-left:auto}.nav a{text-decoration:none;font-size:12px;font-weight:800}.nav a:hover{color:var(--acid)}.header-sale{background:var(--ink);color:#fff;text-decoration:none;padding:12px 15px;display:flex;gap:8px;align-items:center}.header-sale span{font:700 8px var(--mono);color:#aaa}.header-sale b{font-size:12px}.nav-toggle{display:none}
.home-hero{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.home-hero:before{content:"H";position:absolute;right:-.04em;top:-.23em;font:900 min(70vw,900px)/1 var(--sans);letter-spacing:-.12em;color:rgba(255,77,36,.07);pointer-events:none}.home-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.55fr);gap:80px;align-items:end;padding:96px 0 72px}.home-copy h1{margin:0;font:900 clamp(72px,11vw,176px)/.72 var(--sans);letter-spacing:-.085em;text-transform:uppercase}.home-copy h1 span{display:block;font:inherit;color:inherit;letter-spacing:inherit}.home-copy h1 .hero-domain-tld{color:var(--acid)}.home-copy h2{max-width:860px;margin:42px 0 18px;font:400 clamp(34px,4.5vw,66px)/.98 var(--serif);letter-spacing:-.045em}.home-copy>p:not(.eyebrow){max-width:720px;font-size:17px;color:#4f4d47}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.primary,.secondary,.sale-card>a,.domain-grid>a{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 20px;text-decoration:none;font-size:12px;font-weight:900}.primary{background:var(--ink);color:#fff}.secondary{border:1px solid var(--ink)}.hero-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.hero-proof span{font:700 9px var(--mono);letter-spacing:.08em;border-top:1px solid var(--ink);padding-top:8px}
.sale-card{background:var(--ink);color:#fff;padding:30px;border:0;position:relative}.sale-card:before{content:"";position:absolute;left:0;top:0;width:72px;height:7px;background:var(--acid)}.sale-card .sale-kicker{font:700 9px var(--mono);letter-spacing:.12em;color:#aaa;border:0;padding:0}.sale-card>span{display:block;margin-top:28px;font:400 28px var(--serif)}.sale-card small{font:700 9px var(--mono);color:#aaa}.sale-card strong{display:block;font:900 clamp(50px,5vw,76px)/1 var(--sans);letter-spacing:-.06em;color:var(--warm);margin:10px 0 18px}.sale-card p,.sale-card li{font-size:13px;color:#c8c4ba}.sale-card ul{list-style:none;padding:0;margin:18px 0;border-top:1px solid #333}.sale-card li{padding:10px 0;border-bottom:1px solid #292929}.sale-card li:before{content:"→ ";color:var(--acid)}.sale-card>a{width:100%;background:var(--acid);color:#fff;margin-top:18px}
.intro{padding:96px 0;background:#fff}.intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.intro h2,.section-head h2,.article-section h2,.related-head h2{margin:0;font:400 clamp(42px,6vw,82px)/.93 var(--serif);letter-spacing:-.055em}.intro p,.section-head>p:last-child{font-size:17px;color:#55514a}.note{background:var(--paper);border:0;border-left:5px solid var(--acid);padding:25px}.note strong{font:400 25px var(--serif)}
.pillars{padding:110px 0}.section-head{max-width:950px;margin-bottom:54px}.pillar-list{border-top:1px solid var(--ink)}.pillar{display:grid;grid-template-columns:70px 280px 1fr 40px;gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:.25s}.pillar:hover{padding-left:16px;background:var(--acid);color:#fff}.pillar .no{font:700 10px var(--mono)}.pillar strong{font:400 30px var(--serif)}.pillar p{font-size:14px;margin:0}.pillar b{font-size:22px}
.triad{background:var(--ink);color:#fff;padding:100px 0}.triad .shell{display:grid;grid-template-columns:1fr 1fr;gap:80px}.triad h2{font:400 clamp(44px,6vw,84px)/.92 var(--serif);letter-spacing:-.055em}.triad p{color:#bbb}.triad a{color:var(--warm)}
.guides,.popular{padding:100px 0}.guide-grid,.popular-grid,.related-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}.guide-card,.popular-card,.related-card{padding:30px 28px 32px 0;border-bottom:1px solid var(--line);text-decoration:none}.guide-card:nth-child(odd),.popular-card:nth-child(odd),.related-card:nth-child(odd){border-right:1px solid var(--line);padding-right:32px}.guide-card:nth-child(even),.popular-card:nth-child(even),.related-card:nth-child(even){padding-left:32px}.guide-card strong,.popular-card strong,.related-card strong{display:block;font:400 30px var(--serif);margin:7px 0}.guide-card:hover strong,.popular-card:hover strong,.related-card:hover strong{color:var(--acid)}
.article-hero{background:var(--ink);color:#fff;padding:92px 0 72px}.article-hero-grid{display:grid;grid-template-columns:1.2fr .55fr;gap:80px;align-items:end}.article-hero h1{margin:0;font:900 clamp(58px,8vw,120px)/.84 var(--sans);letter-spacing:-.075em;text-transform:uppercase}.hero-lede{max-width:760px;font:400 22px/1.45 var(--serif);color:#ccc}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.hero-tags span{font:700 9px var(--mono);border-top:1px solid #666;padding-top:8px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:90px;padding-top:80px;padding-bottom:100px}.answer-first{font:400 26px/1.5 var(--serif);border-left:5px solid var(--acid);padding:20px 25px;background:#fff;margin-bottom:55px}.article-section{padding:0 0 55px}.article-section h2{font-size:clamp(36px,4vw,58px);margin-bottom:20px}.article-section p,.article-section li{font-size:17px;color:#4d4a44}.article-section a{font-weight:800;text-decoration-color:var(--acid);text-underline-offset:3px}.right-rail{position:relative}.rail-card{position:sticky;top:120px;background:#fff;padding:25px;border-top:6px solid var(--acid)}.rail-card span,.rail-links>span{font:700 9px var(--mono);letter-spacing:.12em;color:var(--acid)}.rail-card strong{display:block;font:400 26px var(--serif);margin:12px 0}.rail-links{margin-top:30px;border-top:1px solid var(--ink)}.rail-links a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:800;font-size:13px}
.related{margin-top:30px}.related-head{margin-bottom:30px}.related-head span{font:700 10px var(--mono);color:var(--acid)}.domain-section{background:var(--acid);color:#fff;padding:52px 0}.domain-grid{display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center}.domain-grid h2{font:900 clamp(42px,6vw,78px)/1 var(--sans);letter-spacing:-.06em;margin:5px 0}.domain-grid>div>span{font:700 9px var(--mono)}.domain-status{font:900 54px var(--sans)}.domain-grid>a{background:#fff;color:var(--ink)}
.footer{background:var(--ink);color:#fff;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:50px}.footer-brand{font:900 25px var(--sans);text-decoration:none}.footer-brand span{color:var(--acid)}.footer p{color:#aaa;font-size:13px}.footer-grid>div>span{display:block;font:700 9px var(--mono);color:#777;margin-bottom:12px}.footer-grid a{display:block;color:#ddd;text-decoration:none;font-size:12px;margin:8px 0}.footer-bottom{border-top:1px solid #333;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font:700 9px var(--mono);color:#777}.footer-legal{display:flex;gap:12px;flex-wrap:wrap}.footer-legal a{margin:0}.floating-sale{position:fixed;right:0;bottom:22px;z-index:80;background:var(--ink);color:#fff;padding:12px 16px;text-decoration:none;border-left:5px solid var(--acid);font-size:12px;font-weight:900}
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:9999;display:none}.cookie-banner.show{display:flex;justify-content:center}.cookie-card{width:min(920px,100%);background:#fff;color:var(--ink);box-shadow:0 20px 70px rgba(0,0,0,.28);border-top:7px solid var(--acid);padding:22px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.cookie-card strong{font:400 24px var(--serif)}.cookie-card p{margin:6px 0;font-size:13px;color:#555}.cookie-links{display:flex;gap:12px;font-size:11px}.cookie-actions{display:flex;gap:8px}.cookie-actions button{border:1px solid var(--ink);min-height:46px;padding:0 18px;font-weight:900;cursor:pointer}.cookie-all{background:var(--ink);color:#fff}.cookie-essential{background:#fff;color:#555}.legal-main{padding:90px 0 110px}.legal-main h1{font:900 clamp(58px,8vw,110px)/.86 var(--sans);letter-spacing:-.07em;text-transform:uppercase}.legal-main h2{font:400 34px var(--serif);margin-top:45px}.legal-main p{font-size:17px;color:#4d4a44}.legal-note{background:#fff;border-left:5px solid var(--acid);padding:24px;margin:30px 0}
@media(max-width:900px){.shell,.narrow{width:calc(100% - 32px)}.nav{display:none}.nav-toggle{display:block;margin-left:auto;border:1px solid var(--ink);background:transparent;padding:8px 10px}.nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;border-bottom:1px solid var(--ink)}.home-hero-grid,.article-hero-grid,.intro-grid,.article-layout,.triad .shell,.domain-grid,.footer-grid{grid-template-columns:1fr}.home-hero-grid{gap:44px;padding:70px 0}.home-copy h1{font-size:clamp(62px,18vw,110px)}.home-copy h2{font-size:clamp(34px,9vw,52px)}.article-hero h1{font-size:clamp(52px,15vw,90px)}.pillar{grid-template-columns:45px 1fr 28px}.pillar p{display:none}.article-layout{gap:30px}.rail-card{position:static}.domain-grid{gap:20px}.footer-grid{gap:30px}.cookie-card{grid-template-columns:1fr}.cookie-actions{display:grid;grid-template-columns:1fr}.floating-sale{display:none}}
@media(max-width:560px){.shell,.narrow{width:calc(100% - 22px)}.sale-ribbon span{display:none}.header-inner{min-height:68px}.header-sale{display:none}.home-hero-grid{padding:54px 0}.home-copy h1{font-size:18vw}.home-copy h2{margin-top:28px}.hero-actions{display:grid}.primary,.secondary{width:100%}.guide-grid,.popular-grid,.related-grid{grid-template-columns:1fr}.guide-card,.popular-card,.related-card,.guide-card:nth-child(n),.popular-card:nth-child(n),.related-card:nth-child(n){padding:24px 0;border-right:0}.intro,.pillars,.guides,.popular{padding:68px 0}.article-hero{padding:60px 0}.article-layout{padding-top:55px;padding-bottom:70px}.cookie-banner{left:8px;right:8px;bottom:8px}.cookie-card{padding:17px}.cookie-actions{width:100%}.footer-bottom{flex-direction:column}.domain-status{font-size:44px}}