body,html{height:100%}.landing{display:grid;grid-template-columns:1fr 1fr;background:var(--papir);overflow:hidden}.landing-content{display:flex;flex-direction:column;padding:32px 64px;position:relative}.landing-header{display:flex;align-items:center;justify-content:space-between}.landing-brand{display:inline-flex;align-items:center;gap:12px;font:500 30px/1 var(--font-serif);color:var(--fg-1);letter-spacing:-.01em;font-variation-settings:"opsz" 30}.landing-brand,.landing-brand:hover{text-decoration:none}.landing-locale-wrap{position:relative}.landing-locale{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;background:var(--bg-elevated);border:1px solid transparent;border-radius:var(--r-full);font:500 12px var(--font-sans);color:var(--fg-2);box-shadow:var(--shadow-1);cursor:pointer;transition:border-color .12s ease,color .12s ease}.landing-locale:hover{border-color:var(--border-soft);color:var(--fg-1)}.landing-locale:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing-locale>span[aria-hidden=true]:first-child{filter:saturate(.95);font-size:14px}.landing-locale-caret{font-size:12px;line-height:1;color:var(--fg-3);margin-left:2px;transform:translateY(-1px)}.landing-locale-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;margin:0;padding:6px;list-style:none;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border-hair);border-radius:12px;box-shadow:0 8px 24px rgba(15,43,35,.12),var(--shadow-1)}.landing-locale-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:0;border-radius:8px;font:500 13px var(--font-sans);color:var(--fg-1);text-align:left;cursor:pointer}.landing-locale-option:hover:not(:disabled){background:var(--bg-sunken)}.landing-locale-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.landing-locale-option.is-active{color:var(--fg-1);background:var(--bg-sunken)}.landing-locale-option.is-disabled,.landing-locale-option:disabled{color:var(--fg-4);cursor:not-allowed}.landing-locale-option.is-disabled .landing-locale-flag{filter:saturate(.2) opacity(.7)}.landing-locale-flag{font-size:16px;line-height:1}.landing-locale-label{flex:1 1 auto}.landing-locale-check{color:var(--accent);font-size:13px}.landing-body{max-width:520px;width:100%;margin:40px 0 0}.landing-h1{font:500 64px/1.04 var(--font-serif);font-variation-settings:"opsz" 96;letter-spacing:-.03em;margin:0 0 28px;color:var(--fg-1);text-wrap:pretty}.landing-lead{font:400 17px/1.55 var(--font-sans);color:var(--fg-2);margin:0 0 32px;max-width:460px;padding-bottom:28px;border-bottom:1px solid var(--border-hair)}.landing-props{list-style:none;padding:0 0 28px;margin:0 0 28px;display:grid;grid-gap:14px;gap:14px;max-width:480px;border-bottom:1px solid var(--border-hair)}.landing-prop{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:14px;gap:14px;align-items:center}.landing-prop-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--papir-deep);color:var(--dyp-skog);flex-shrink:0}.landing-prop-title{font:500 17px/1.35 var(--font-sans);color:var(--fg-1);letter-spacing:-.01em}.landing-cta{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;max-width:380px}.btn-landing-primary{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 28px;background:var(--terrakotta);color:var(--papir);border-radius:var(--r-full);font:500 16px var(--font-sans);text-decoration:none;transition:background var(--d-mid) var(--ease)}.btn-landing-primary:hover{background:var(--accent-hover);text-decoration:none}.btn-landing-ghost{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 28px;background:transparent;color:var(--fg-1);border:1px solid var(--border-soft);border-radius:var(--r-full);font:500 15px var(--font-sans);text-decoration:none;transition:border-color var(--d-mid) var(--ease)}.btn-landing-ghost:hover{border-color:var(--fg-1);text-decoration:none}.landing-cta-tertiary{display:inline-block;font:400 14px/1.4 var(--font-sans);color:var(--fg-3);text-decoration:none;margin:-6px 0 22px;max-width:380px;padding:4px 2px;transition:color var(--d-mid) var(--ease)}.landing-cta-tertiary:hover{color:var(--fg-1);text-decoration:underline}.landing-finepriint{font:400 12px/1.5 var(--font-sans);color:var(--fg-3);margin:0 0 24px;max-width:380px}.landing-finepriint a{color:var(--fg-2);text-decoration:underline;-webkit-text-decoration-color:var(--terrakotta);text-decoration-color:var(--terrakotta);text-underline-offset:3px}.landing-footer{display:flex;align-items:center;gap:12px;font:400 12px var(--font-sans);flex-wrap:wrap;margin-top:auto;padding-top:32px}.landing-footer,.landing-footer .dot{color:var(--fg-3)}.landing-footer a{color:var(--fg-1);text-decoration:underline;-webkit-text-decoration-color:var(--terrakotta);text-decoration-color:var(--terrakotta);text-underline-offset:3px;font-weight:500;display:inline-block;padding:12px 4px;margin:-12px 0}.landing-image{position:relative;background-color:var(--dyp-skog);background-image:linear-gradient(180deg,rgba(15,43,35,.25),transparent 30%,transparent 70%,rgba(15,43,35,.45)),url(/assets/hero-reading.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.landing-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(168,182,158,.2) 0,transparent 60%);mix-blend-mode:screen;opacity:.7;pointer-events:none}@media (max-width:880px){.landing{grid-template-columns:1fr;grid-template-rows:30svh auto}.landing-image{order:0}.landing-content{order:1;padding:24px 24px 28px}.landing-header{margin-bottom:24px}.landing-brand{font-size:24px}.landing-body{margin:0;padding:0}.landing-h1{font-size:40px;line-height:1.06;margin-bottom:20px}.landing-lead{font-size:15px;padding-bottom:20px;margin-bottom:24px}.landing-props{gap:12px;margin-bottom:22px;padding-bottom:22px}.landing-prop-icon{width:30px;height:30px}.landing-prop-title{font-size:15.5px}.landing-cta{gap:8px;margin-bottom:14px}.btn-landing-ghost,.btn-landing-primary{height:52px}.landing-footer{margin-top:24px;flex-wrap:wrap}}@media (max-width:1180px) and (min-width:881px){.landing-content{padding:32px 40px}.landing-h1{font-size:64px}.landing-body{max-width:420px}}