:root{--ink:#10294b;--deep:#081a33;--blue:#2878b9;--sky:#83bde6;--blue-soft:#e8f3fd;--yellow:#ffbc24;--yellow-soft:#fff2ce;--cream:#fffaf0;--line:#dce4ea;--muted:#607083;--shadow:0 24px 70px rgba(16,41,75,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 92% 8%,rgba(255,188,36,.16),transparent 25rem),linear-gradient(180deg,#fffdf8 0,#fff 34%,#f7fafc 100%);color:var(--deep);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}.site-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1240px;padding:24px 32px}.brand{align-items:center;display:inline-flex;gap:11px}.brand-mark{align-items:center;background:var(--ink);border:3px solid var(--deep);border-radius:8px;box-shadow:inset 0 0 0 2px #fff;color:#fff;display:inline-flex;font-family:ui-monospace,monospace;font-size:13px;font-weight:800;height:34px;justify-content:center;letter-spacing:-.06em;transform:rotate(-2deg);width:50px}.brand-name{font-size:18px;font-weight:650;letter-spacing:-.04em}.brand-name strong{color:var(--blue)}nav{display:flex;gap:30px}nav a,footer a{color:var(--muted);font-size:14px;font-weight:650}nav a:hover,footer a:hover{color:var(--ink)}.hero{align-items:center;display:grid;gap:clamp(32px,6vw,90px);grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);margin:0 auto;max-width:1240px;min-height:660px;overflow:hidden;padding:42px 32px 84px}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.14em;margin:0 0 18px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:var(--deep);font-size:clamp(48px,6.7vw,82px);font-weight:820;letter-spacing:-.075em;line-height:.97;margin-bottom:28px;max-width:780px}h1 span,.section-heading h2 span{color:var(--blue)}.hero-intro{color:var(--muted);font-size:clamp(18px,2vw,21px);line-height:1.65;max-width:650px}.plate-form{margin-top:36px}.plate-form>label{display:block;font-size:14px;font-weight:750;margin-bottom:10px}.plate-input{align-items:stretch;background:#fff;border:3px solid var(--deep);border-radius:13px;box-shadow:0 16px 34px rgba(16,41,75,.12);display:flex;max-width:660px;min-height:76px;overflow:hidden}.code-strip{align-items:center;background:#1457b8;color:#fff;display:flex;flex:0 0 64px;font-family:ui-monospace,monospace;font-size:11px;font-weight:850;justify-content:center;letter-spacing:.06em;writing-mode:vertical-rl}.plate-input input{border:0;color:var(--deep);flex:1;font-family:ui-monospace,monospace;font-size:clamp(24px,3vw,34px);font-weight:750;letter-spacing:.09em;min-width:0;outline:0;padding:12px 20px;text-transform:uppercase}.plate-input input:focus{background:#fbfdff;box-shadow:inset 0 0 0 3px var(--sky)}.plate-input button,.image-button,.article-button{background:var(--yellow);border:0;color:var(--deep);font-size:15px;font-weight:820;transition:transform .15s ease,background .15s ease}.plate-input button{margin:7px;padding:0 24px}.plate-input button:hover,.image-button:hover,.article-button:hover{background:#ffcb55;transform:translateY(-1px)}.plate-input button.checking{animation:check-pulse .55s ease-in-out infinite;background:#ffe09a}.privacy-note,.form-error{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:7px;margin:11px 0 0}.privacy-note span{align-items:center;background:#dff5e7;border-radius:50%;color:#197343;display:inline-flex;font-weight:900;height:20px;justify-content:center;width:20px}.form-error{color:#b43c35;font-weight:650;max-width:620px}.suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.suggestions>span{color:var(--muted);font-size:12px;font-weight:650;margin-right:3px}.suggestions button{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-family:ui-monospace,monospace;font-size:12px;font-weight:800;padding:7px 9px}.suggestions button:hover{background:var(--blue-soft);border-color:var(--sky)}.hero-kurt{align-self:end;justify-self:center;max-width:550px;position:relative;width:100%}.hero-kurt:before{background:var(--yellow);border-radius:50%;content:"";height:78%;left:8%;opacity:.16;position:absolute;top:12%;width:78%}.hero-kurt img{animation:kurt-float 5s ease-in-out infinite;display:block;height:auto;position:relative;transform-origin:50% 90%;width:100%}.speech-bubble{background:#fff;border:2px solid var(--ink);border-radius:16px 16px 4px 16px;box-shadow:0 12px 35px rgba(16,41,75,.14);display:flex;flex-direction:column;gap:3px;max-width:280px;padding:14px 17px;position:absolute;right:1%;top:1%;transform:rotate(2deg);z-index:3}.speech-bubble strong{font-size:15px}.speech-bubble span{color:var(--muted);font-size:13px}.result-section,.how-section,.article-section,.top-section{margin:0 auto;max-width:1240px;padding:88px 32px;scroll-margin-top:30px}.result-section{background:linear-gradient(135deg,rgba(232,243,253,.92),rgba(255,255,255,.8));border:1px solid #d7e8f4;border-radius:34px;box-shadow:var(--shadow);margin-bottom:64px}.result-arrival{animation:result-arrival .5s ease both}.section-heading{max-width:760px}.section-heading h2,.privacy-section h2,.article-heading h2,.top-section h2{font-size:clamp(34px,4vw,53px);letter-spacing:-.055em;line-height:1.05;margin-bottom:18px}.section-heading>p:last-child{color:var(--muted);line-height:1.6}.result-intro-row{align-items:center;background:rgba(255,255,255,.8);border:1px solid #d7e8f4;border-radius:20px;display:grid;gap:18px;grid-template-columns:auto minmax(0,1fr) auto;margin-top:34px;padding:17px}.result-intro-row>p{color:var(--muted);line-height:1.5;margin:0}.result-intro-row>p strong{color:var(--ink)}.code-badge{align-items:center;background:#fff;border:2px solid var(--ink);border-radius:12px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 16px;height:72px;min-width:145px;overflow:hidden}.code-badge>span{align-items:center;background:#1457b8;color:#fff;display:flex;font-family:ui-monospace,monospace;font-size:9px;font-weight:850;grid-row:1/3;height:100%;justify-content:center;writing-mode:vertical-rl}.code-badge strong{align-self:end;font-family:ui-monospace,monospace;font-size:27px;letter-spacing:.05em;padding-left:14px}.code-badge small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.07em;padding:0 0 9px 14px;text-transform:uppercase}.image-button,.article-button{border-radius:10px;display:inline-flex;min-height:45px;padding:0 15px;white-space:nowrap;align-items:center;justify-content:center}.image-ready{background:#fff4d7;border:1px solid #f1d183;border-radius:12px;color:#76520a;font-size:13px;line-height:1.5;margin:14px 0 0;padding:12px 15px}.result-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:20px}.result-card{background:#fff;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;min-height:340px;padding:26px;position:relative}.result-card h3{font-size:29px;letter-spacing:-.04em;margin-bottom:12px}.result-card>p:not(.card-kicker):not(.map-note):not(.stats-rank){color:var(--muted);line-height:1.55}.card-label{border-radius:999px;display:inline-block;font-size:10px;font-weight:850;letter-spacing:.08em;margin-bottom:24px;padding:7px 10px;text-transform:uppercase;width:max-content}.fact-card .card-label,.map-card .card-label{background:var(--blue-soft);color:#23689f}.fun-card .card-label,.personality-card .card-label{background:var(--yellow-soft);color:#875600}.card-kicker{color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.1em;margin-bottom:5px;text-transform:uppercase}.region-pill{background:#f2f5f7;border-radius:999px;color:var(--muted);font-size:12px;font-weight:700;margin-top:auto;padding:7px 10px;width:max-content}.stats-card{background:linear-gradient(155deg,#fff,#f4faff)}.stats-rank{color:var(--ink)!important;font-size:13px;font-weight:700;line-height:1.5}.source-note{color:var(--muted);display:block;font-size:10px;line-height:1.4;margin-top:10px}.map-card{background:linear-gradient(145deg,#fff,#eff8fe)}.germany-map{background:linear-gradient(rgba(40,120,185,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(40,120,185,.08) 1px,transparent 1px),#eef8ff;background-size:22px 22px;border:1px solid #b9d7ef;border-radius:43% 55% 48% 38%/25% 39% 51% 56%;height:130px;margin:10px auto 12px;position:relative;transform:rotate(4deg);width:164px}.germany-map:before,.germany-map:after{background:rgba(40,120,185,.15);border-radius:50%;content:"";position:absolute}.germany-map:before{height:48px;left:23px;top:17px;width:58px}.germany-map:after{bottom:16px;height:40px;right:22px;width:52px}.map-pin{align-items:center;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;color:var(--deep);display:flex;font-family:ui-monospace,monospace;font-size:10px;font-weight:900;height:33px;justify-content:center;position:absolute;transform:translate(-50%,-50%) rotate(-4deg);width:43px;z-index:2}.map-label{bottom:9px;color:var(--ink);font-size:10px;font-weight:750;left:11px;position:absolute;transform:rotate(-4deg)}.map-note{color:var(--muted);font-size:12px;line-height:1.45;margin-bottom:0}.personality-card{background:linear-gradient(145deg,#fff9e9,#fff)}.vote-box{border-top:1px solid var(--line);margin-top:auto;padding-top:18px}.vote-box>span{display:block;font-size:13px;font-weight:750;margin-bottom:10px}.vote-box>div{display:flex;flex-wrap:wrap;gap:8px}.vote-box button{align-items:center;background:#f5f7f9;border:1px solid var(--line);border-radius:9px;color:var(--ink);display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:9px 10px}.vote-box button:hover,.vote-box button.selected{background:var(--blue-soft);border-color:var(--sky)}.vote-box small{color:#197343;display:block;font-size:11px;line-height:1.4;margin-top:9px;min-height:0}.compact{max-width:630px}.steps{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:42px}.steps article{border-top:3px solid var(--ink);padding:22px 6px 0}.steps article>span{color:#d99100;font-family:ui-monospace,monospace;font-size:13px;font-weight:850}.steps h3{font-size:23px;letter-spacing:-.035em;margin:18px 0 10px}.steps p{color:var(--muted);line-height:1.55}.top-section{background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:0 12px 38px rgba(16,41,75,.07);margin-bottom:34px}.top-list{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);list-style:none;margin:32px 0 16px;padding:0}.top-list li{align-items:center;background:#f7fafc;border:1px solid var(--line);border-radius:14px;display:grid;gap:12px;grid-template-columns:26px 52px 1fr;padding:12px}.top-list strong{color:var(--blue);font-size:14px}.top-list span{font-family:ui-monospace,monospace;font-size:17px;font-weight:900}.top-list em{color:var(--muted);font-size:12px;font-style:normal;font-weight:600}.top-note{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:0}.article-section{padding-top:28px}.article-heading{align-items:end;display:flex;gap:30px;justify-content:space-between}.article-heading h2{margin-bottom:0}.article-grid{display:grid;gap:18px;grid-template-columns:1.35fr 1fr 1fr;margin-top:36px}.article-card{border-radius:24px;display:flex;flex-direction:column;min-height:260px;padding:28px}.article-card span{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.article-card h3{font-size:clamp(24px,2.4vw,33px);letter-spacing:-.05em;line-height:1.05;margin:35px 0 12px;max-width:360px}.article-card p{line-height:1.5;margin-bottom:22px}.article-card a{font-size:13px;font-weight:800;margin-top:auto}.featured-article{background:var(--deep);color:#fff;overflow:hidden;position:relative}.featured-article:after{background:var(--yellow);border:3px solid #fff;border-radius:12px;bottom:-30px;color:var(--deep);content:"ORT";display:grid;font-family:ui-monospace,monospace;font-size:39px;font-weight:900;height:132px;place-items:center;position:absolute;right:-7px;transform:rotate(-13deg);width:215px}.featured-article p,.featured-article span{color:#c2d8eb;max-width:330px;position:relative;z-index:1}.featured-article h3,.featured-article a{position:relative;z-index:1}.yellow-article{background:var(--yellow);color:var(--deep)}.yellow-article p,.blue-article p{color:rgba(8,26,51,.72)}.blue-article{background:var(--blue-soft);color:var(--deep)}.privacy-section{align-items:center;background:var(--deep);border-radius:32px;color:#fff;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin:40px auto 100px;max-width:1176px;padding:55px 60px;scroll-margin-top:30px}.privacy-section .eyebrow{color:var(--sky)}.privacy-section h2{margin-bottom:0}.privacy-section ul{display:grid;gap:15px;list-style:none;margin:0;padding:0}.privacy-section li{align-items:flex-start;color:#dce8f2;display:flex;gap:12px;line-height:1.4}.privacy-section li:before{align-items:center;background:var(--yellow);border-radius:50%;color:var(--deep);content:"✓";display:inline-flex;flex:0 0 25px;font-size:12px;font-weight:900;height:25px;justify-content:center}footer{align-items:center;border-top:1px solid var(--line);display:grid;gap:24px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1240px;padding:34px 32px 50px}footer p{color:var(--muted);font-size:13px;margin:0}footer>div{display:flex;gap:20px;justify-content:flex-end}.legal-page,.article-page{margin:0 auto;max-width:960px;padding:70px 32px 100px}.legal-page h1,.article-page h1{font-size:clamp(44px,6vw,74px)}.legal-page h2{font-size:28px;letter-spacing:-.04em;margin:44px 0 12px}.legal-page p{color:var(--muted);line-height:1.7;max-width:760px}.legal-page a{color:var(--blue);font-weight:700}.legal-notice{background:#fff3cf;border:1px solid #ebcb70;border-radius:16px;color:#604304;line-height:1.55;margin:26px 0 36px;padding:18px 20px}.legal-small{font-size:13px}.article-hero{align-items:center;display:grid;gap:40px;grid-template-columns:1fr .8fr;margin-bottom:60px}.article-visual{background:var(--yellow);border-radius:32px;min-height:420px;overflow:hidden;position:relative}.article-visual img{bottom:-10px;height:auto;position:absolute;right:-20px;width:80%}.article-plate{background:#fff;border:4px solid var(--deep);border-radius:16px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:1fr 28px;height:150px;left:30px;overflow:hidden;position:absolute;top:50px;transform:rotate(-5deg);width:270px;z-index:1}.article-plate span{align-items:center;background:#1457b8;color:#fff;display:flex;font-family:ui-monospace,monospace;font-weight:900;grid-row:1/3;justify-content:center;writing-mode:vertical-rl}.article-plate strong{align-self:end;font-family:ui-monospace,monospace;font-size:52px;padding-left:25px}.article-plate small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;padding:0 0 12px 27px}.prose{color:#344b64;font-size:18px;line-height:1.75;margin:0 auto;max-width:720px}.prose h2{color:var(--deep);font-size:32px;letter-spacing:-.04em;line-height:1.1;margin:55px 0 15px}.article-lead{color:var(--deep);font-size:23px;line-height:1.5}.prose blockquote{border-left:5px solid var(--yellow);color:var(--ink);font-size:23px;font-weight:750;line-height:1.4;margin:42px 0;padding:6px 0 6px 24px}@keyframes kurt-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1.2deg)}}@keyframes check-pulse{0%,100%{transform:scale(1)}50%{transform:scale(.97)}}@keyframes result-arrival{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-kurt{max-width:480px}.result-grid{grid-template-columns:repeat(2,1fr)}.steps,.article-grid{grid-template-columns:1fr}.article-card{min-height:220px}.privacy-section{grid-template-columns:1fr;margin-left:24px;margin-right:24px}.article-hero{grid-template-columns:1fr}.article-visual{min-height:360px}}@media(max-width:640px){.site-header{padding:18px 20px}nav{display:none}.hero,.result-section,.how-section,.article-section,.top-section{padding-left:20px;padding-right:20px}.hero{min-height:auto;padding-bottom:55px;padding-top:50px}h1{font-size:clamp(46px,15vw,64px)}.plate-input{flex-wrap:wrap}.code-strip{flex-basis:48px}.plate-input input{font-size:24px}.plate-input button{border-radius:8px;flex-basis:100%;min-height:52px}.speech-bubble{right:0;top:-10px}.result-section{border-radius:24px;margin-left:12px;margin-right:12px;padding-bottom:55px;padding-top:55px}.result-intro-row{align-items:flex-start;grid-template-columns:1fr}.image-button{width:100%}.result-grid{grid-template-columns:1fr}.result-card{min-height:0}.article-heading{align-items:flex-start;flex-direction:column}.article-button{width:100%}.privacy-section{border-radius:24px;gap:28px;margin-bottom:70px;padding:38px 26px}.top-list{grid-template-columns:1fr}.legal-page,.article-page{padding:50px 20px 70px}.article-visual{min-height:300px}.article-plate{left:20px;top:25px;transform:scale(.8) rotate(-5deg);transform-origin:top left}footer{align-items:flex-start;grid-template-columns:1fr;padding-left:20px;padding-right:20px}footer>div{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}