*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}:root{color-scheme:light;--bg:#f6f9fd;--surface:#fff;--text:#061b3b;--muted:#5a7191;--border:#dbe5f0;--accent:#087df6;--card:#edf3fb;--shadow:0 22px 62px rgba(9,27,71,.06)}
[data-theme="dark"]{color-scheme:dark;--bg:#071328;--surface:#0c203b;--text:#e7f2ff;--muted:#92a9c9;--border:#243955;--accent:#48a9ff;--card:#142c4b;--shadow:0 22px 62px rgba(0,0,0,.18)}
.page{max-width:1560px;margin:auto;padding:0 clamp(18px,5vw,92px)}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}.identity{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.17em;font-weight:850}.tiny-crest{width:36px;height:40px;background:linear-gradient(155deg,#00266a,#0a80fb 70%,#47b9ff);color:white;display:grid;place-items:center;clip-path:polygon(50% 0,95% 35%,85% 100%,15% 100%,5% 35%)}nav{display:flex;align-items:center;gap:20px}.header-status{font-size:11px;color:var(--muted);letter-spacing:.05em;white-space:nowrap}.status-point{display:inline-block;width:6px;height:6px;background:#3aae91;border-radius:50%;vertical-align:middle;margin-right:6px}.theme-switch{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;min-width:40px;height:40px;font-size:21px}.account-link{border:1px solid var(--border);background:var(--surface);padding:11px 17px;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap;transition:.2s}.account-link:hover{border-color:var(--accent);color:var(--accent)}.account-link span{margin-left:10px;color:var(--accent)}.hero{position:relative;min-height:590px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);align-items:center;overflow:hidden;isolation:isolate}.hero-content{max-width:695px;position:relative;z-index:2;padding:65px 0}.ambient{position:absolute;width:470px;height:470px;border-radius:50%;filter:blur(110px);background:rgba(4,106,237,.07);top:6%;right:-4%;z-index:-1}.eyebrow{font-size:10px;letter-spacing:.18em;color:#2585ed;font-weight:750;display:flex;gap:10px;align-items:center}.eyebrow span{width:16px;height:1px;background:#2288ff}.hero-logo-frame{background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;width:230px;height:160px;padding:13px;margin:27px 0 24px;box-shadow:0 12px 40px #071e4210;border:1px solid #e8eef6}.brand-logo{display:block;max-width:100%;width:220px;max-height:138px;object-fit:contain}.hero h1{font-size:clamp(38px,4.2vw,62px);line-height:1.13;font-weight:780;letter-spacing:-.05em;margin:0 0 20px}.hero h1 em{font-style:normal;color:#1488fa}.hero p{color:var(--muted);font-size:16px;max-width:550px;line-height:1.8;margin:0 0 27px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.button-primary{background:#056bea;color:#fff;padding:15px 23px;border-radius:11px;display:inline-flex;align-items:center;gap:21px;font-weight:700;font-size:13px;box-shadow:0 12px 27px #0a7cf526}.button-primary:hover{background:#208cfa}.button-primary span{font-size:20px}.note{color:var(--muted);font-size:12px}.hero-visual{height:485px;position:relative;display:flex;align-items:center;justify-content:center}.visual-ring{border:1px solid #8fbce54d;border-radius:50%;position:absolute;aspect-ratio:1}.ring-one{width:70%}.ring-two{width:86%;border-style:dashed}.ring-three{width:100%;border-color:#8eb5dd20}.visual-core{height:220px;width:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-10deg);border:1px solid #399af9;background:linear-gradient(142deg,#021d51 15%,#0b3d9b 61%,#078bfc);border-radius:25px;box-shadow:0 50px 80px #053e8733;color:#eaf6ff;font-size:80px;font-weight:900;letter-spacing:-.1em;text-shadow:0 1px 15px #70beff66}.visual-core span{font-size:10px;letter-spacing:.2em;font-weight:500;transform:rotate(10deg);margin-top:-14px}.visual-label{position:absolute;font-size:10px;letter-spacing:.2em;color:var(--muted);font-weight:700}.top-label{top:44px;right:38px}.bottom-label{bottom:38px;left:38px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:15px 0 80px}.principles article{border-top:1px solid var(--border);padding:23px 12px 0 0}.principles article>span{font-size:11px;color:#1685e8;letter-spacing:.14em}.principles h2{font-size:18px;letter-spacing:-.02em;font-weight:700;margin:12px 0 7px}.principles p{margin:0;color:var(--muted);font-size:13px;max-width:295px}.footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;padding:24px 0 35px}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-content{padding:54px 0 25px}.hero-visual{position:absolute;right:-80px;top:115px;width:390px;height:390px;opacity:.12;pointer-events:none}.hero h1,.hero p{position:relative;z-index:3}.principles{padding-top:45px}}
@media(max-width:600px){.site-header{height:77px}.identity{font-size:12px}.header-status{display:none}nav{gap:7px}.account-link{padding:9px;font-size:11px}.account-link span{display:none}.hero-content{padding-top:52px}.hero-logo-frame{width:190px;height:130px}.brand-logo{max-height:108px}.hero h1{font-size:38px}.hero p{font-size:14px}.hero-visual{display:none}.principles{grid-template-columns:1fr;gap:0;padding:20px 0 54px}.principles article{padding-bottom:23px}.footer{flex-direction:column}}

/* Brand refinements — original NordKron Illustrator emblem, no auxiliary NK badge */
.identity-emblem{position:relative;display:inline-flex;align-items:center;justify-content:center;width:54px;height:39px;flex-shrink:0}
.identity-emblem img{display:block;width:54px;max-height:40px;object-fit:contain}
.mark-white{display:none!important}
[data-theme="dark"] .mark-navy{display:none!important}
[data-theme="dark"] .mark-white{display:block!important}
.hero-visual{isolation:isolate}
.visual-emblem-stage{position:relative;display:flex;align-items:center;justify-content:center;width:min(85%,420px);aspect-ratio:1.25;z-index:1;filter:drop-shadow(0 25px 42px #056cf43b)}
.visual-emblem-stage:before{content:"";position:absolute;inset:12% 8%;border-radius:50%;background:radial-gradient(ellipse,rgba(13,118,250,.14),transparent 68%);filter:blur(27px);z-index:-1}
.visual-logo{width:100%;max-height:315px;object-fit:contain}
[data-theme="dark"] .visual-emblem-stage{filter:drop-shadow(0 23px 47px #208dff54)}
@media(max-width:1000px){.hero-visual{right:-28px;top:130px;opacity:.18}}
@media(max-width:600px){.identity-emblem,.identity-emblem img{width:39px;max-height:34px}.identity{gap:8px}}

/* Variant B: one prominent emblem in the hero, no duplicate logo tile */
.hero-content{padding-top:75px;padding-bottom:75px}
.hero-content .eyebrow{margin-bottom:27px}
.hero-visual{min-width:0}
@media(max-width:1000px){.hero-visual{opacity:.12}}
@media(max-width:600px){.hero-content{padding:54px 0 42px}.hero h1{font-size:clamp(32px,9vw,38px)}.hero-actions .button-primary{min-height:48px}.site-header{gap:8px}.identity{letter-spacing:.08em}}

/* Original approved full-color brand artwork, without recreated gradient */
.identity-emblem img.mark-navy{width:54px;height:40px;object-fit:contain}
.visual-logo.mark-navy{width:100%;height:100%;object-fit:contain}