@font-face{font-family:Lato;src:url(assets/Lato-Regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url(assets/Lato-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--ink:#252e26;--muted:#6b7165;--paper:#f9f8f3;--line:#dce0d4;--lime:#deea88;--green:#31533e;font-family:Lato,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #759356;outline-offset:5px}p{line-height:1.65}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h2{font-size:clamp(32px,3.1vw,49px);line-height:1.15;letter-spacing:-1.8px}.wrap{max-width:1260px;margin:0 auto;padding-left:44px;padding-right:44px}header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1440px;margin:auto;padding:0 44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand svg{width:30px;height:30px;margin-right:3px}.brand>span{font-weight:400;color:var(--muted)}nav{display:flex;gap:34px;font-size:14px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--ink);border:1px solid var(--ink);color:white;border-radius:7px;padding:17px 22px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:var(--green);transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{padding:12px 17px;font-size:13px}.button.outline{background:transparent;color:var(--ink);border-color:#b3bca6}.button.outline:hover{background:#edf0e5}.text-link{font-size:14px;font-weight:700;display:inline-flex;gap:20px;align-items:center}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;line-height:1.5}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#8aa65b;margin-right:9px;vertical-align:2px}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding-top:70px;padding-bottom:80px;overflow:visible}.hero-copy{z-index:2}.hero h1{font-size:clamp(45px,4.7vw,70px);line-height:1.05;letter-spacing:-3px;margin:28px 0}.hero h1 em{color:var(--green);letter-spacing:-3.5px}.intro{font-size:17px;max-width:430px;color:#606957;line-height:1.7}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:32px;flex-wrap:wrap}.micro{font-size:11px!important;color:var(--muted);line-height:1.6!important;margin-top:15px}.demo-note{display:flex;gap:10px;align-items:flex-start;max-width:470px;margin:30px 0 0;padding:11px 14px;border-left:3px solid var(--lime);background:rgba(222,234,136,.18);border-radius:0 10px 10px 0;font-size:14px;line-height:1.5;color:var(--ink)}.demo-note .studio-icon{flex:none;width:18px;height:18px;margin-top:2px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round}.demo-note b{font-weight:700}.demo-note a{color:var(--green);font-weight:700}.format-tags{display:flex;gap:17px;flex-wrap:wrap;margin-top:45px;font-size:10px;color:#5b6355}.format-tags span::before{content:'✓';margin-right:6px}.hero-art{height:550px;position:relative;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:50px -15px 5px 15px;border-radius:50%;background:#e4e9da;filter:blur(10px);z-index:-2}.coordinate{position:absolute;right:10px;top:0;font-size:9px;letter-spacing:2px;color:#8a907d}.paper{position:absolute;background:#fffefa;box-shadow:0 26px 50px #35402b18,0 0 0 1px #22222209}.behind{inset:36px 12px 14px 30px;transform:rotate(9deg);background:#e4e8d8}.main-paper{inset:35px 18px 0 4px;padding:28px 27px;transform:rotate(-5deg);display:flex;flex-direction:column}.paper-heading{font-size:8px;letter-spacing:1.8px;display:flex;justify-content:space-between;border-bottom:1px solid #ccd3c0;padding-bottom:15px}.main-paper h2{font-family:Georgia,serif;font-size:30px;line-height:1.1;letter-spacing:-1.1px;margin-top:21px}.main-paper p{font-size:9px;margin-top:8px;color:#79806f}.main-paper img,.main-paper>.hero-engine{width:100%;height:auto;margin-top:20px;object-fit:contain;flex:1;min-height:0}.paper-bottom{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;padding-top:20px}.export-tag{position:absolute;right:-24px;bottom:27px;padding:16px 20px;display:flex;align-items:center;gap:12px;background:white;border:1px solid #dde3d6;box-shadow:0 10px 24px #20351a17;border-radius:9px;transform:rotate(3deg);z-index:2}.export-tag b{display:block;font-size:12px}.export-tag small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.check{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--lime);font-size:13px}.editor-tag{position:absolute;top:246px;left:-32px;background:var(--ink);color:#fff;font-size:11px;border-radius:6px;padding:10px 14px;transform:rotate(-5deg)}.editor-tag span{position:absolute;left:-12px;top:-14px;font-size:31px;color:var(--ink)}.uses{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.uses>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.uses span:first-child{font-size:8px;letter-spacing:1.2px;max-width:130px;line-height:1.6;color:var(--muted)}.uses b{font-size:15px;font-weight:400}.star{color:#96a277;font-size:17px}.workflow{padding-top:110px;padding-bottom:108px}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end}.section-heading h2{margin-top:18px}.section-heading>p{font-size:14px;color:var(--muted);max-width:330px;margin-bottom:2px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:48px}.step-visual{height:170px;background:#eff1e7;border-radius:8px;margin-bottom:26px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.route-mini span{font-size:10px;background:#fffefa;border:1px solid #cad2bc;padding:8px 10px;border-radius:4px;z-index:1}.route-mini i{height:2px;width:15px;background:#8d9d76}.route-mini:before{content:'';position:absolute;inset:25px;border:1px dashed #cad2bc;border-radius:50%}.label-mini{flex-direction:column;gap:16px}.ghost{font-size:11px;text-decoration:line-through;color:#9da58e}.label-pill{background:#fffefa;box-shadow:0 4px 12px #53614212;font-size:22px;border-radius:6px;padding:8px 17px;position:relative;display:flex;align-items:center;gap:10px}.label-pill i{width:9px;height:9px;background:var(--green);border-radius:50%}.label-pill b{position:absolute;right:-20px;bottom:-18px;font-size:30px}.step-visual small{font-size:9px;color:var(--muted)}.file-mini{gap:16px;padding-bottom:20px}.file-mini div{height:68px;width:59px;display:flex;align-items:end;justify-content:space-between;background:#fffefa;border:1px solid #c3ceaf;border-radius:4px;padding:10px;font-size:12px;box-shadow:4px 5px 0 #dfe5d3}.file-mini div span{font-size:13px;color:#7c8a61}.file-mini small{position:absolute;bottom:26px}.step-title{display:flex;gap:13px;align-items:center;margin-bottom:12px}.step-title>span{font-size:10px;color:#7c876b;border:1px solid var(--line);border-radius:50%;height:26px;width:26px;display:grid;place-items:center}.step-title h3{font-size:19px;letter-spacing:-.4px}.steps article>p{font-size:13px;color:var(--muted);max-width:320px;line-height:1.8}.design-section{background:#e8eddf;padding:88px 0}.design-grid{display:grid;grid-template-columns:370px 1fr;gap:60px;align-items:center}.design-copy h2{margin:22px 0;font-size:52px}.design-copy>p{color:#69705e;font-size:14px;max-width:330px}.theme-picker{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.theme{display:flex;align-items:center;gap:6px;padding:9px 10px;background:transparent;border:1px solid #c3cdb6;border-radius:30px;font-size:11px;color:var(--ink)}.theme.active{background:#fffefa;border-color:var(--green);box-shadow:0 2px 5px #2333150d}.theme i{width:12px;height:12px;border-radius:100%;background:var(--swatch)}.feature-list{list-style:none;padding:0;margin:28px 0 0;font-size:12px}.feature-list li{padding:8px 0;display:flex;gap:12px}.feature-list span{width:20px;color:var(--green);font-size:16px}.design-map{background:#fffefa;border:1px solid #ced6c0;border-radius:10px;overflow:hidden;box-shadow:0 20px 45px #34422914;transform:rotate(1deg)}.design-toolbar{display:flex;justify-content:space-between;padding:17px 18px;font-size:10px;border-bottom:1px solid #dfe4d5}.design-toolbar i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:100%;margin-right:7px}.design-toolbar>span:last-child{color:#78816c}.design-map img{display:block;width:100%;aspect-ratio:1.43;object-fit:contain}.design-map figcaption{display:flex;justify-content:space-between;gap:15px;padding:12px 16px;font-size:8px;color:var(--muted)}.design-map figcaption a{text-decoration:underline;text-underline-offset:2px}.print-section{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center;padding-top:110px;padding-bottom:110px}.print-section h2{margin:18px 0 32px;font-size:39px}.benefit{display:flex;gap:18px;margin-top:23px}.benefit>span{font-size:10px;margin-top:4px;color:#92a077}.benefit h3{font-size:17px;margin-bottom:6px}.benefit p{font-size:12px;color:var(--muted);max-width:365px}.print-detail{height:440px;position:relative;background:#ececdf;display:flex;align-items:center;justify-content:center}.print-detail:before{content:'';position:absolute;inset:30px;background:#fafaf5;box-shadow:0 13px 30px #39432513;transform:rotate(-3deg)}.print-big{font-family:Georgia,serif;font-size:170px;letter-spacing:-15px;position:relative;color:var(--green);padding-bottom:30px}.print-big>span{position:absolute;font-family:Lato,sans-serif;font-size:50px;right:-45px;top:4px;color:#80916a;letter-spacing:0}.print-label{position:absolute;bottom:100px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.8px;color:#7b826e}.print-file{position:absolute;bottom:42px;left:55px;right:45px;display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #d9dfcf;padding-top:13px;gap:10px}.print-file b{font-weight:400;color:#7a866a}.ruler{position:absolute;top:18px;left:20px;right:20px;height:9px;background:repeating-linear-gradient(to right,transparent 0 9px,#bac6a3 9px 10px)}.crop-corner{position:absolute;width:22px;height:22px;z-index:1;border-color:#8b977b}.tl{top:24px;left:22px;border-top:1px solid;border-left:1px solid}.br{bottom:24px;right:22px;border-bottom:1px solid;border-right:1px solid}.pricing{padding-top:35px;padding-bottom:90px}.center-heading{text-align:center}.center-heading h2{margin:18px 0 15px;font-size:44px}.center-heading>p{font-size:14px;color:var(--muted)}.price-note{font-size:8px;text-align:center;letter-spacing:1.3px;color:#737d65;margin:32px 0 26px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid var(--line);padding:30px 27px;border-radius:10px;position:relative;background:#fdfdf8}.plan-kind{font-size:8px;letter-spacing:1.1px;color:#778266}.price-card h3{font-size:25px;margin-top:14px}.price{font-size:50px;letter-spacing:-2px;margin:26px 0 18px;display:flex;align-items:baseline;gap:9px}.price span{font-size:11px;letter-spacing:0;color:var(--muted)}.price-card p{font-size:12px;color:var(--muted);min-height:47px}.price-card .button{display:flex;width:100%;font-size:12px;margin-top:25px;padding:13px 10px;gap:8px}.price-card ul{padding:20px 0 0;list-style:none;border-top:1px solid var(--line);margin:25px 0 0;font-size:11px;line-height:2.4}.price-card li::before{content:'✓';margin-right:8px;color:#789056}.featured{background:#eef2dc;border-color:#9aab78}.recommended{position:absolute;top:-12px;left:25px;border:1px solid #c1d480;border-radius:20px;background:var(--lime);font-size:8px;letter-spacing:1px;padding:6px 12px}.pricing-fine{font-size:10px;color:var(--muted);max-width:850px;margin:19px auto 0;text-align:center;line-height:1.7}.enterprise{margin-top:36px;display:flex;align-items:center;gap:25px;border:1px solid var(--line);padding:30px;border-radius:9px}.enterprise-icon{font-size:40px;color:#98a77c}.enterprise>div:nth-child(2){flex:1}.enterprise h3{font-size:22px;letter-spacing:-.6px;margin:7px 0}.enterprise p{font-size:11px;color:var(--muted);max-width:560px}.enterprise>.text-link{font-size:12px;white-space:nowrap}#enterprise-details{margin:15px 30px 0;font-size:12px;color:var(--muted)}#enterprise-details summary{cursor:pointer}#enterprise-details p{margin-top:12px;max-width:800px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:110px;padding-top:35px}.faq>*{min-width:0}.faq h2{margin-top:19px;font-size:35px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:22px;cursor:pointer;font-size:13px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:18px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;color:var(--muted);margin-top:15px;padding-right:25px}.faq details a{text-decoration:underline}.closing{background:var(--ink);color:#fffefa;overflow:hidden}.closing>.wrap{position:relative;padding-top:65px;padding-bottom:70px}.closing .eyebrow{color:#b9c1ad;font-size:9px}.closing h2{font-size:63px;letter-spacing:-2px;margin:25px 0}.closing em{color:var(--lime)}.closing .button{background:var(--lime);color:var(--ink);border-color:var(--lime);margin-top:5px}.closing-orbit{position:absolute;right:80px;top:80px;color:#91a069;font-size:245px;line-height:1;transform:rotate(10deg)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:35px;padding-bottom:35px}footer .brand{font-size:19px}footer p{font-size:9px;color:var(--muted);max-width:250px}footer>div{display:flex;gap:20px;font-size:10px}footer>div a:hover{text-decoration:underline}
@media(min-width:1440px){.hero{gap:55px}.hero-art{height:560px}}
@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}header{padding:0 28px;gap:20px}nav{gap:18px;font-size:12px}.brand{font-size:20px}.hero{gap:10px;min-height:600px;padding-top:50px;padding-bottom:60px}.hero h1{font-size:52px}.hero-art{height:475px}.main-paper{padding:20px}.main-paper h2{font-size:24px}.export-tag{right:0}.hero-actions{gap:17px}.intro{font-size:15px}.format-tags{gap:10px;font-size:9px}.uses>.wrap{gap:15px}.uses b{font-size:12px}.design-grid{grid-template-columns:310px 1fr;gap:30px}.design-copy h2{font-size:44px}.print-section{gap:45px}.steps{gap:20px}.step-title h3{font-size:16px}.route-mini span{padding:8px;font-size:9px}.price-card{padding:25px 20px}.price{font-size:43px}.closing-orbit{right:40px;font-size:190px}}
@media(max-width:760px){header{height:72px;padding:0 20px}nav{display:none}.brand{font-size:19px;gap:5px}.brand svg{width:25px;height:25px}.button.small{font-size:11px;padding:10px 12px}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:24px}.hero h1{font-size:clamp(43px,9.5vw,66px);letter-spacing:-2.3px;margin:22px 0}.hero h1 em{letter-spacing:-2.3px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.intro{font-size:15px;max-width:480px}.hero-actions{margin-top:24px;gap:20px}.hero-actions .button{padding:14px 18px;font-size:12px}.hero-actions .text-link{font-size:12px}.format-tags{margin-top:27px}.hero-art{height:465px;width:min(420px,calc(100% - 28px));margin:0 auto}.main-paper{inset:25px 5px 15px;padding:23px}.behind{inset:30px 5px 25px}.main-paper h2{font-size:27px}.editor-tag{left:-9px;top:250px}.export-tag{right:-8px;bottom:8px;padding:12px}.coordinate{font-size:8px;top:4px}.uses{padding:20px 0}.uses>.wrap{justify-content:center;flex-wrap:wrap;gap:13px 17px}.uses span:first-child{max-width:none;width:100%;text-align:center;font-size:8px;margin-bottom:2px}.uses b{font-size:11px}.star{font-size:10px}.workflow{padding-top:65px;padding-bottom:65px}.section-heading{grid-template-columns:1fr;gap:22px}.section-heading h2{font-size:33px;letter-spacing:-1.1px}.section-heading>p{font-size:13px;max-width:500px}.steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.steps article{display:grid;grid-template-columns:120px 1fr;gap:0 20px;align-items:center}.step-visual{grid-row:span 2;height:145px;margin:0}.step-title{margin:0 0 8px;gap:8px;align-self:end}.step-title h3{font-size:16px}.step-title>span{display:none}.steps article>p{font-size:12px;align-self:start}.route-mini{flex-direction:column}.route-mini i{width:2px;height:10px}.route-mini span{font-size:8px;padding:6px 9px}.route-mini:before{inset:15px}.label-mini{gap:10px;padding:8px}.ghost{text-align:center;font-size:8px}.label-pill{font-size:16px;padding:8px;gap:5px}.label-pill b{right:-5px;font-size:20px}.step-visual small{font-size:8px;text-align:center}.file-mini{gap:9px;padding:0 10px 22px}.file-mini div{width:42px;height:57px;font-size:10px;padding:6px}.file-mini small{bottom:21px}.design-section{padding:60px 0}.design-grid{grid-template-columns:1fr;gap:30px}.design-copy h2{font-size:45px;margin:16px 0}.design-copy>p{max-width:480px;font-size:13px}.feature-list{display:none}.design-map{transform:none}.design-toolbar{font-size:9px;padding:13px}.design-map figcaption{font-size:7px;padding:10px}.print-section{grid-template-columns:1fr;gap:38px;padding-top:65px;padding-bottom:60px}.print-detail{height:330px;max-width:480px;width:100%;margin:auto}.print-big{font-size:130px}.print-label{bottom:80px;font-size:7px}.print-file{bottom:35px;left:48px;right:40px;font-size:9px}.print-section h2{font-size:33px;margin:18px 0 28px}.benefit p{max-width:none}.pricing{padding-top:25px;padding-bottom:55px}.center-heading h2{font-size:34px;letter-spacing:-1.3px}.center-heading>p{font-size:13px}.price-note{font-size:7px;line-height:1.7;max-width:230px;margin:24px auto}.price-grid{grid-template-columns:1fr;gap:25px}.price-card{padding:27px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.plan-kind{grid-column:span 2;font-size:8px}.price-card h3{font-size:25px;margin-top:16px}.price{font-size:42px;grid-column:2;grid-row:2/4;display:flex;flex-direction:column;gap:2px;align-items:end;margin:12px 0}.price-card p{grid-column:1;font-size:11px;margin-top:10px;min-height:0}.price-card .button{grid-column:span 2;margin-top:20px}.price-card ul{grid-column:span 2;margin-top:20px;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;font-size:10px;line-height:1.8}.enterprise{padding:22px;gap:18px;flex-wrap:wrap;margin-top:28px}.enterprise-icon{display:none}.enterprise>div:nth-child(2){flex-basis:100%}.enterprise h3{font-size:23px}.enterprise>.text-link{font-size:11px}.faq{grid-template-columns:1fr;gap:26px;padding-top:20px;padding-bottom:60px}.faq h2{font-size:32px}.closing>.wrap{padding-top:48px;padding-bottom:50px}.closing h2{font-size:49px;position:relative;z-index:1}.closing-orbit{font-size:140px;right:-35px;top:100px;opacity:.4}.closing .eyebrow{font-size:8px;max-width:260px}.closing .button{position:relative;font-size:11px;padding:14px;gap:12px}footer{flex-wrap:wrap;gap:18px;padding-top:27px;padding-bottom:27px}footer p{max-width:180px;font-size:8px}footer>div{width:100%;font-size:10px;gap:25px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.hero-credit{display:block;font-size:10px;color:#64705f;text-align:left;margin-top:10px}.design-map figcaption{font-size:10px;gap:12px;flex-wrap:wrap}@media(max-width:760px){.hero-credit,.design-map figcaption{font-size:9px}}
/* Interactive feature gallery */
@font-face{font-family:Libre Baskerville;src:url('assets/LibreBaskerville.ttf') format('truetype');font-weight:400 700;font-display:swap}
.map-lab{background:#e8ecdf;padding:78px 0}.lab-heading{display:flex;gap:60px;align-items:end;justify-content:space-between;margin-bottom:35px}.lab-heading h2{font-size:46px;letter-spacing:-1.6px;margin:18px 0 0}.lab-heading>p{max-width:320px;font-size:14px;color:var(--muted)}.lab-shell{background:#fffef8;border:1px solid #d2d8c6;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #263e2110}.lab-controls{display:flex;justify-content:space-between;gap:25px;padding:23px 28px;border-bottom:1px solid #dfe3d7;align-items:center}.lab-modes{display:flex;gap:5px}.lab-controls button{font:inherit;cursor:pointer;color:#59644f;background:transparent;border:1px solid transparent;border-radius:7px;padding:11px 13px;font-size:12px}.lab-modes button{display:flex;gap:9px;align-items:center}.lab-modes button>span{font-size:22px;line-height:1}.lab-controls button:hover{background:#edf0e5}.lab-controls button.active{background:var(--green);color:#fff}.lab-options{display:flex;gap:24px}.option-label{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#7b8372;margin-bottom:7px}.lab-options [role=group]{display:flex;gap:3px}.lab-options button{font-size:12px;padding:7px 9px;background:#f0f1e9}.lab-options [data-font=serif]{font-family:Libre Baskerville,Georgia,serif}.lab-options [data-font] span{font-family:Lato,sans-serif;font-size:10px;margin-left:4px}.lab-figure{margin:0;background:#eeeade;position:relative}.lab-figure>img,.lab-figure>.engine-map{width:100%;height:480px;object-fit:contain;display:block}.lab-map-heading{display:flex;justify-content:space-between;gap:15px;padding:22px 30px 0;color:#7e826e;font-size:9px;letter-spacing:1.8px}.lab-figure figcaption{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:#788170;padding:0 30px 17px}.lab-figure figcaption a,.lab-footnote a{text-decoration:underline;text-underline-offset:3px}.lab-explainer{padding:27px 30px;display:flex;gap:45px;justify-content:space-between;align-items:center;min-height:170px}.lab-explainer h3{font-size:25px;margin:8px 0 10px;letter-spacing:-.6px}.lab-explainer p{font-size:13px;color:var(--muted);max-width:610px}.lab-explainer .eyebrow{font-size:8px}.demo-tags{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex-shrink:0}.demo-tags span{border:1px solid #dfe4d4;border-radius:20px;font-size:10px;padding:6px 10px;color:#657453}.lab-footnote{font-size:10px;color:#707962;line-height:1.7;max-width:850px;margin:17px 0 0}.smart-section{padding-top:90px;padding-bottom:40px}.smart-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}.smart-card{border:1px solid var(--line);border-radius:12px;background:#fffef9;padding:27px}.feature-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;margin-bottom:20px;color:#6b775d}.mini-badge{background:#edf1e4;border-radius:20px;padding:6px 8px;letter-spacing:0;font-size:9px;white-space:nowrap}.ai-example{height:220px;border-radius:8px;background:#f0f0e6;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:8px}.example-row{display:flex;gap:10px;align-items:center;min-height:55px}.example-number{border:1px solid #b8c5ad;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.example-row>div{flex:1;min-width:0}.example-source{display:block;font-size:12px;line-height:1.4;color:#626d57}.example-result{display:none;font-size:19px;font-weight:400}.example-status{display:none;font-size:9px;color:#536d42}.is-after .example-result{display:block}.is-after .example-source{font-size:8px;color:#838b7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.is-after .example-status{display:block}.is-after .excursion{opacity:.5}.feature-toggle{border:0;border-bottom:1px solid #c6d1b7;background:none;color:var(--green);padding:12px 0 7px;cursor:pointer;font:700 12px Lato,sans-serif;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}.feature-toggle[aria-pressed=true]{color:#78914b}.smart-card h3{font-size:23px;letter-spacing:-.5px;margin:24px 0 12px}.smart-card>p{font-size:13px;color:var(--muted);line-height:1.7}.smart-card>small{display:block;margin-top:14px;font-size:9px;line-height:1.5;color:#7e8675}.position-demo{height:220px;position:relative;overflow:hidden;background:#eeeade;border-radius:8px}.position-demo svg{position:absolute;width:100%;height:100%}.place-label{position:absolute;color:#355b49;font-size:22px;transition:left .5s ease,top .5s ease;background:#eeeadeaa;border-radius:4px;padding:0 3px}.place-one{left:45%;top:45%}.place-two{left:48%;top:42%}.is-after .place-one{left:16%;top:29%}.is-after .place-two{left:61%;top:17%}.label-leader{opacity:0;transition:opacity .5s}.is-after .label-leader{opacity:1}.position-hint{position:absolute;bottom:13px;left:16px;font-size:10px;color:#7e8876}.feature-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:42px}.feature-shelf article{border-top:1px solid #d7decb;padding-top:23px}.shelf-icon{font-size:30px;color:#738d59}.feature-shelf h3{font-size:17px;margin:15px 0 10px;letter-spacing:-.3px}.feature-shelf p{font-size:12px;color:var(--muted)}.feature-shelf a{display:inline-block;font-size:11px;margin-top:13px;text-decoration:underline;text-underline-offset:3px}.ease-note{background:#ebf0df;display:flex;gap:20px;align-items:center;padding:25px 28px;margin-top:40px;border-radius:10px}.ease-note>span{font-size:34px;color:#789454}.ease-note>div{flex:1}.ease-note strong{font-size:16px}.ease-note p{font-size:12px;color:var(--muted);margin-top:6px}.ease-note a{font-size:12px;white-space:nowrap}
@media(max-width:1100px){.lab-controls{flex-wrap:wrap}.lab-options{margin-left:auto}.lab-heading h2{font-size:38px}.feature-topline{letter-spacing:.5px}.mini-badge{font-size:8px}.smart-card{padding:20px}.place-label{font-size:19px}}
@media(max-width:760px){.map-lab{padding:55px 0}.lab-heading{display:block;margin-bottom:25px}.lab-heading h2{font-size:35px;letter-spacing:-1px}.lab-heading>p{margin-top:20px;max-width:none;font-size:13px}.lab-controls{padding:15px;gap:20px}.lab-modes{width:100%;justify-content:space-between;gap:2px}.lab-modes button{font-size:10px;padding:9px 6px;gap:4px}.lab-modes button>span{font-size:19px}.lab-options{margin:0;justify-content:space-between;width:100%;gap:12px}.lab-options button{font-size:10px;padding:7px}.lab-options [data-font] span{font-size:9px;margin-left:2px}.option-label{font-size:8px}.lab-map-heading{font-size:7px;letter-spacing:.7px;padding:17px 15px 0}.lab-figure>img,.lab-figure>.engine-map{height:auto;aspect-ratio:760/530}.lab-figure figcaption{font-size:8px;padding:0 15px 13px}.lab-explainer{display:block;padding:22px;min-height:240px}.lab-explainer h3{font-size:24px}.lab-explainer p{font-size:12px}.demo-tags{flex-direction:row;flex-wrap:wrap;margin-top:16px;gap:6px}.demo-tags span{font-size:8px;padding:5px 7px}.lab-footnote{font-size:9px}.smart-section{padding-top:60px}.smart-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}.smart-card{padding:20px}.smart-card h3{font-size:23px}.feature-topline{font-size:8px}.mini-badge{font-size:7px;padding:5px 6px}.feature-shelf{grid-template-columns:1fr 1fr;gap:26px 20px;margin-top:30px}.feature-shelf h3{font-size:16px}.feature-shelf p{font-size:11px}.ease-note{padding:22px;flex-wrap:wrap;gap:15px}.ease-note>span{display:none}.ease-note>div{flex-basis:100%}.ease-note a{font-size:11px}.place-label{font-size:18px}}
@media(prefers-reduced-motion:reduce){.place-label,.label-leader{transition:none}}
.lab-controls{flex-wrap:wrap}.lab-modes{flex-wrap:wrap}.lab-options{margin-left:auto}@media(max-width:760px){.lab-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px}.lab-modes button{justify-content:center;padding:10px 7px}.lab-options{margin-left:0}}
/* SVG UI icons use Kartenstudio's 24px grid and 1.8px rounded stroke. */
.studio-icon{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-toggle>.studio-icon{width:18px;height:18px}.shelf-icon .studio-icon{width:30px;height:30px}.closing-orbit .studio-icon{width:1em;height:1em}.format-tags span:before{content:none}.lab-modes .studio-icon{width:19px;height:19px}
.fast-lane{display:grid;grid-template-columns:155px 1fr 225px;gap:42px;align-items:center;padding-top:65px;padding-bottom:65px;border-bottom:1px solid var(--line)}.time-mark{display:flex;align-items:center;gap:14px;color:var(--green)}.time-mark strong{font:italic 130px/.9 Georgia,serif;letter-spacing:-8px}.time-mark span{font-size:9px;line-height:1.7;letter-spacing:1.3px}.fast-copy h2{font-size:34px;letter-spacing:-1px;margin:13px 0}.fast-copy>p{font-size:13px;color:var(--muted)}.fast-copy small{display:block;margin-top:13px;font-size:9px;line-height:1.6;color:#7c8471}.fast-steps{list-style:none;padding:0;margin:0}.fast-steps li{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.fast-steps b{font-size:10px;color:#889970;font-weight:400}
.reveal-pending{opacity:0;transform:translateY(22px)}.revealed{animation:section-reveal .7s cubic-bezier(.22,1,.36,1) both}@keyframes section-reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.button,.lab-controls button,.theme,.feature-toggle{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 7px 17px #263e2118}.button:active,.lab-controls button:active{transform:translateY(1px)}.button .studio-icon,.text-link .studio-icon{transition:transform .2s ease}.button:hover .studio-icon,.text-link:hover .studio-icon{transform:translate(2px,-2px)}.ai-example .example-result{animation:label-arrive .45s ease both}.ai-example .example-row:nth-child(2) .example-result{animation-delay:.08s}.ai-example .example-row:nth-child(3) .example-result{animation-delay:.16s}.ai-example .example-row{transition:opacity .5s ease}.position-leaders{animation:label-arrive .5s ease both}@keyframes label-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.fast-lane{grid-template-columns:130px 1fr;gap:30px}.fast-steps{grid-column:2;display:flex;gap:20px;flex-wrap:wrap}.fast-steps li{border:0;padding:0;font-size:10px}}@media(max-width:760px){.fast-lane{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:40px}.time-mark strong{font-size:84px}.time-mark span{font-size:9px}.fast-copy h2{font-size:31px}.fast-steps{grid-column:auto;gap:18px}.fast-copy .eyebrow{font-size:8px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}.revealed,.ai-example .example-result,.position-leaders{animation:none}.button,.lab-controls button,.theme,.feature-toggle,.ai-example .example-row,.button .studio-icon,.text-link .studio-icon{transition:none}.button:hover,.button:active,.lab-controls button:active,.button:hover .studio-icon,.text-link:hover .studio-icon{transform:none}}
/* Keep the cursor inside its badge and preserve the map's full aspect ratio. */
.editor-tag{display:flex;align-items:center;gap:7px}.editor-tag>span{position:static;display:flex;align-items:center;color:inherit;font-size:17px;line-height:1}.editor-tag .studio-icon{width:17px;height:17px}.lab-figure>#demo-map{width:100%;height:auto;aspect-ratio:760/530;display:block}
.paste-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:80px;padding-bottom:70px;align-items:center}.paste-story h2{font-size:clamp(30px,3.5vw,48px);line-height:1.1;margin:20px 0}.paste-story p{line-height:1.7;color:#606957}.paste-story>div>small{display:block;font-size:11px;color:#687460;margin-top:14px}.paste-example{background:#eeeee4;border:1px solid #d9dece;border-radius:18px;padding:32px;box-shadow:0 18px 45px #253d2110}.paste-example>span,.import-paths article>span{font-size:10px;letter-spacing:.15em;color:#637456}.paste-example blockquote{margin:24px 0;line-height:2;font-size:16px;color:#364c3c}.paste-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #ccd4c2;padding-top:22px}.paste-chips b{padding:7px 10px;border-radius:20px;background:#dce5d1;font-size:12px;color:#35533e}.paste-chips i{font-style:normal}.paste-example p{font-size:11px}.import-paths{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:70px}.import-paths article{border-top:1px solid #ccd4c2;padding-top:22px}.import-paths h3{font-size:26px;margin:14px 0}.import-paths p{line-height:1.6;color:#626c5d;max-width:440px}@media(max-width:700px){.paste-story,.import-paths{grid-template-columns:1fr;gap:30px}.paste-story{padding-top:45px;padding-bottom:45px}.paste-example{padding:23px}}

.brand img{display:block;width:232px;height:auto;max-width:100%}
@media(max-width:640px){.brand img{width:174px}}

.pilot-card{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:36px;margin:32px 0}.pilot-card>div{max-width:650px}.pilot-card h3{font-size:25px}.pilot-card p{margin:12px 0}.pilot-card>.button{flex-shrink:0}@media(max-width:760px){.pilot-card{flex-direction:column;align-items:flex-start;padding:24px}}

/* Compact locale navigation, separate from the primary call to action. */
header .language-nav{display:flex;gap:3px;flex-shrink:0;}
.language-nav a{padding:5px 6px;font-size:11px;letter-spacing:.04em;border-radius:5px;}
.language-nav a[aria-current="page"]{background:var(--ink,#173a34);color:white;}
@media(max-width:900px){header .language-nav{display:flex;}header .language-nav a{padding:4px;}}

.legal-page{padding-top:80px;padding-bottom:90px;min-height:65vh}.legal-page h1{font-size:clamp(32px,5vw,58px);margin:18px 0 48px}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.legal-grid h2{font-size:24px;margin:0 0 20px}.legal-grid address{font-style:normal;line-height:1.8}.legal-grid p{line-height:1.7}.legal-grid a{overflow-wrap:anywhere}.faq-page .legal-grid h3{font-size:17px;font-weight:700;margin:26px 0 6px}.faq-page .legal-grid h2+h3{margin-top:0}@media(max-width:650px){.legal-grid{grid-template-columns:1fr;gap:28px}.legal-page{padding-top:45px}}

.contact-page{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;padding-top:90px;padding-bottom:100px;min-height:70vh}.contact-intro h1{font-size:clamp(36px,4.5vw,64px);line-height:1.08;margin:22px 0}.contact-intro>p{max-width:480px;line-height:1.7;color:var(--muted,#606957)}.contact-intro .button{margin-top:20px;overflow-wrap:anywhere}.contact-intro .contact-person{font-size:14px;margin-top:22px}.contact-topics article{border-top:1px solid var(--line);padding:24px 0}.contact-topics h2{font-size:23px;margin:0 0 12px}.contact-topics p{line-height:1.7;color:var(--muted,#606957)}@media(max-width:760px){.contact-page{grid-template-columns:1fr;gap:36px;padding-top:45px;padding-bottom:50px}}

/* 2026-09 relaunch: real exports (hero, gallery, designs, poster, before/after) and automation. */
nav{gap:28px}
.hero-stack{height:560px;position:relative;isolation:isolate}
.hero-stack:before{content:'';position:absolute;inset:60px -10px 10px 20px;border-radius:50%;background:#e4e9da;filter:blur(12px);z-index:-2}
.sheet{position:absolute;margin:0;background:#fffefa;padding:9px;border-radius:4px;box-shadow:0 26px 50px #35402b24,0 0 0 1px #22222210;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.sheet img{display:block;width:100%;height:auto;border-radius:2px}
.sheet figcaption{position:absolute;left:18px;bottom:18px;background:#fffefae6;border-radius:20px;padding:5px 10px;font-size:9px;letter-spacing:.6px;color:#4d5747;box-shadow:0 2px 8px #0000000f}
.sheet-back-left{width:43%;left:0;top:18px;transform:rotate(-6deg)}
.sheet-back-right{width:40%;right:0;top:0;transform:rotate(5deg)}
.sheet-front{width:84%;left:9%;bottom:34px;transform:rotate(-1.2deg);z-index:1}
.hero-stack:hover .sheet-back-left{transform:rotate(-8deg) translateX(-8px)}
.hero-stack:hover .sheet-back-right{transform:rotate(7deg) translateX(8px)}
.hero-stack .export-tag{right:-18px;bottom:6px}
.hero-stack .editor-tag{top:auto;bottom:250px;left:-26px;z-index:2}

.gallery-section{padding-top:105px;padding-bottom:30px}
.gallery-filter{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0 28px}
.gallery-filter button{border:1px solid var(--line);background:#fffef9;color:var(--ink);border-radius:30px;padding:9px 15px;font-size:12px;transition:background .2s,border-color .2s}
.gallery-filter button:hover{border-color:#b3bca6}
.gallery-filter button[aria-pressed=true],.gallery-filter button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.gallery-grid{columns:3 300px;column-gap:24px}
.g-card{break-inside:avoid;margin:0 0 26px}
.g-card[hidden]{display:none}
.g-open{display:block;width:100%;padding:0;border:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #20351a14,0 12px 30px #20351a12;cursor:zoom-in;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.g-open:hover{transform:translateY(-4px);box-shadow:0 2px 4px #20351a14,0 22px 44px #20351a1f}
.g-open img{display:block;width:100%;height:auto}
.g-card figcaption{display:flex;flex-direction:column;gap:3px;padding:12px 2px 0}
.g-card figcaption b{font-size:14px;letter-spacing:-.2px}
.g-card figcaption span{font-size:11px;color:var(--muted)}
.gallery-note{font-size:10px;color:#707962;line-height:1.7;margin-top:8px}
.gallery-note a{text-decoration:underline;text-underline-offset:3px}

.lightbox{border:0;padding:0;background:transparent;max-width:min(1280px,94vw);max-height:94vh;overflow:visible}
.lightbox::backdrop{background:#161c17d9;backdrop-filter:blur(4px)}
.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center}
.lightbox img{display:block;max-width:100%;max-height:84vh;width:auto;height:auto;border-radius:6px;box-shadow:0 30px 80px #0006;background:#fff}
.lightbox figcaption{display:flex;gap:14px;align-items:baseline;color:#f2f3ec;margin-top:14px;font-size:12px}
.lightbox figcaption b{font-size:15px}
.lightbox figcaption span{color:#c3c9b8}
.lightbox button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:#fffefa;color:var(--ink);box-shadow:0 6px 18px #0004}
.lightbox .studio-icon{width:20px;height:20px}
.lightbox-nav{position:fixed;left:0;right:0;top:50%;display:flex;justify-content:space-between;padding:0 18px;pointer-events:none;transform:translateY(-50%)}
.lightbox-nav button{pointer-events:auto}
.lightbox-close{position:fixed;top:18px;right:18px}

.design-lab{background:#e8ecdf;padding:90px 0}
.design-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.design-stage{margin:0;background:#fffef8;border:1px solid #d2d8c6;border-radius:14px;padding:14px;box-shadow:0 20px 50px #263e2110}
.design-stage img{display:block;width:100%;height:auto;border-radius:6px;background:#f0f0e6}
.design-stage figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;font-size:11px;color:var(--muted);padding:14px 4px 2px}
.design-stage figcaption>span:first-child{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.design-stage figcaption b{color:var(--ink);font-size:15px}
#design-desc{font-size:13px;color:#4d5747}
.design-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.design-list button{position:relative;display:flex;flex-direction:column;gap:7px;align-items:stretch;text-align:left;padding:5px 5px 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);transition:background .2s,border-color .2s,transform .2s}
.design-list button:hover{background:#f3f5ec;transform:translateY(-2px)}
.design-list button[aria-pressed=true]{background:#fffef8;border-color:#b8c3a6;box-shadow:0 6px 16px #263e2114}
.design-list img{display:block;width:100%;height:auto;aspect-ratio:1200/856;object-fit:cover;border-radius:5px;box-shadow:0 0 0 1px #00000014}
.design-list b{display:block;font-size:12px;padding:0 2px}
.design-list small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.poster-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:110px;padding-bottom:100px}
.poster-frame{display:flex;justify-content:center;background:linear-gradient(#ecebe3,#e4e3d9);border-radius:18px;padding:56px 20px}
.poster-wall{position:relative;width:min(360px,72%)}
.poster-wall img{display:block;width:100%;height:auto;box-shadow:0 0 0 10px #232823,0 0 0 11px #11151166,0 34px 60px #1a201a40}
.poster-callout{position:absolute;white-space:nowrap;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.3px;border-radius:5px;padding:6px 10px}
.poster-callout{box-shadow:0 6px 16px #0000002e}
.callout-heart{left:62%;top:37%}.callout-heart:before{content:'';position:absolute;right:100%;top:50%;margin-top:-5px;border:5px solid transparent;border-right-color:var(--ink)}
.callout-title{left:-26px;top:78%;transform:rotate(-3deg)}
.callout-note{right:-26px;top:90%;transform:rotate(2deg)}
.poster-copy h2{margin:18px 0 22px}
.poster-copy>p{color:var(--muted);font-size:15px}
.poster-features{list-style:none;padding:0;margin:30px 0 26px;display:grid;gap:18px}
.poster-features li{display:flex;gap:15px;align-items:flex-start}
.poster-features li>span{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#edf1e4;color:#56724a}
.poster-features .studio-icon{width:19px;height:19px}
.poster-features b{display:block;font-size:14px}
.poster-features small{display:block;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.5}
.paper-chips{display:flex;flex-wrap:wrap;gap:8px}
.paper-chips span{border:1px solid var(--line);background:#fffef9;border-radius:6px;padding:6px 11px;font-size:11px;letter-spacing:.4px}

.improve-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:36px;align-items:center;margin-top:40px}
.improve-card h3{font-size:24px;letter-spacing:-.5px;margin-bottom:12px}
.improve-card p{font-size:13px;color:var(--muted)}
.improve-card small{display:block;font-size:10px;color:#7a8370;margin-top:14px;line-height:1.6}
.compare{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 14px 34px #20351a1c;background:#fff;touch-action:pan-y}
.compare img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.compare .compare-before{position:absolute;inset:0;height:100%;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.compare:after{content:'';position:absolute;top:0;bottom:0;left:var(--split);width:2px;margin-left:-1px;background:#fffefa;box-shadow:0 0 8px #0005;pointer-events:none}
.compare-handle{position:absolute;top:50%;left:var(--split);transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fffefa;color:var(--ink);box-shadow:0 4px 14px #0004;pointer-events:none;z-index:1}
.compare-handle .studio-icon{width:20px;height:20px}
.compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.compare:has(input:focus-visible){outline:3px solid #759356;outline-offset:4px}
.compare-tag{position:absolute;top:12px;background:#fffefae6;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;pointer-events:none}
.compare-tag.before{left:12px}.compare-tag.after{right:12px}
.feature-shelf{row-gap:36px}

.automation{background:var(--ink);color:#eef0e6;padding:100px 0}
.automation .eyebrow{color:#b9c1ad}
.automation h2{margin:18px 0 22px}
.automation h2 em{color:var(--lime)}
.automation-copy>p{color:#c7cdbd;font-size:15px;max-width:480px}
.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.pilot-badge{display:inline-flex;align-items:center;margin-top:28px;border:1px solid #4b5a4c;border-radius:30px;padding:8px 15px;font-size:11px;color:#dfe5d2}
.chat-mock{display:flex;flex-direction:column;gap:12px;background:#1b221c;border:1px solid #394639;border-radius:18px;padding:24px;box-shadow:0 30px 60px #0000004d}
.chat-bubble{border-radius:14px;padding:12px 16px;font-size:13px;line-height:1.55;max-width:84%}
.chat-bubble.user{align-self:flex-end;background:var(--lime);color:var(--ink);border-bottom-right-radius:4px}
.chat-bubble.assistant{background:#2a352b;border-bottom-left-radius:4px;padding:10px}
.chat-bubble.assistant img{display:block;width:100%;height:auto;border-radius:8px}
.chat-bubble.assistant p{margin:10px 6px 4px;color:#e6eadd}
.chat-tools{display:flex;flex-wrap:wrap;gap:6px}
.chat-tools code{font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:#263027;color:#cfe0a8;border:1px solid #3a473b;border-radius:6px;padding:6px 8px}
.chat-tools code:before{content:'⚙ ';opacity:.6}
.chat-mock small{font-size:10px;color:#8e9886;text-align:right}
.automation-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:70px}
.automation-cards article{border-top:1px solid #3d4a3e;padding-top:22px}
.automation-cards .shelf-icon{color:var(--lime)}
.automation-cards h3{font-size:17px;margin:14px 0 9px}
.automation-cards p{font-size:12px;color:#b8c0ad}

header .button.small{white-space:nowrap}
@media(max-width:1180px){nav{gap:20px}}
@media(max-width:1060px){nav{gap:14px;font-size:12px}nav a[href="#pilot"]{display:none}}
@media(max-width:1000px){
 .hero-stack{height:500px}
 .design-shell{grid-template-columns:minmax(0,1fr)}
 .design-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:118px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
 .design-list button{scroll-snap-align:start}
 .poster-section{gap:45px}
 .improve-card{grid-template-columns:1fr}
 .automation-grid{grid-template-columns:1fr;gap:40px}
 .automation-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .hero-stack{height:auto;aspect-ratio:1/1.05;width:min(440px,100%);margin:10px auto 0}
 .sheet{padding:6px}
 .sheet figcaption{left:12px;bottom:12px;font-size:8px}
 .hero-stack .export-tag{right:-4px;bottom:0}
 .hero-stack .editor-tag{left:-4px;bottom:44%}
 .gallery-section{padding-top:60px}
 .gallery-filter{flex-wrap:nowrap;overflow-x:auto;margin:26px -20px 22px;padding:0 20px 6px;scrollbar-width:none}
 .gallery-filter::-webkit-scrollbar{display:none}
 .gallery-filter button{flex:none}
 .gallery-grid{columns:2 150px;column-gap:14px}
 .g-card{margin-bottom:18px}
 .g-card figcaption b{font-size:12px}
 .g-card figcaption span{font-size:10px}
 .design-lab{padding:60px 0}
 .design-stage{padding:8px}
 .design-stage figcaption{flex-direction:column;gap:4px}
 .poster-section{grid-template-columns:1fr;padding-top:65px;padding-bottom:55px}
 .poster-frame{padding:40px 16px}
 .poster-callout{display:none}
 .improve-card{gap:22px}
 .automation{padding:65px 0}
 .automation-cards{grid-template-columns:1fr;gap:4px;margin-top:44px}
 .chat-mock{padding:16px}
 .lightbox-nav{top:auto;bottom:18px;transform:none;justify-content:center;gap:16px}
}
@media(prefers-reduced-motion:reduce){.sheet,.g-open{transition:none}.hero-stack:hover .sheet-back-left{transform:rotate(-6deg)}.hero-stack:hover .sheet-back-right{transform:rotate(5deg)}}

/* Correct the Map: Mercator and Equal Earth crossfade in one frame. */
.true-size{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;margin-top:72px;margin-bottom:24px}
.true-size h2 em{font-style:normal;color:#c56b36}
.true-size-copy p{max-width:46ch}
.projection-switch{display:inline-flex;gap:4px;padding:4px;margin:10px 0 14px;border-radius:999px;background:#eef2ef}
.projection-switch button{border:0;border-radius:999px;padding:9px 16px;background:transparent;font:inherit;font-weight:700;color:#4a5b53;cursor:pointer}
.projection-switch button[aria-pressed="true"]{background:#fff;color:#15342c;box-shadow:0 2px 8px #15342c1f}
.true-size-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:#4a5b53}
.true-size-facts span{display:inline-flex;align-items:center;gap:7px}
.swatch{display:inline-block;width:12px;height:12px;border-radius:3px}
.swatch.africa{background:#c56b36}.swatch.greenland{background:#2f6f88}
.projection-figure{position:relative;display:grid;margin:0;aspect-ratio:900/560}
.projection-figure img{grid-area:1/1;width:100%;height:100%;object-fit:contain;transition:opacity .9s ease}
/* Only the rectangular Mercator map is a card; Equal Earth stands free in its own outline (no empty bands). */
.projection-figure .projection-mercator{border-radius:14px;box-shadow:0 14px 34px #20351a1c}
.projection-figure figcaption{position:absolute;left:14px;bottom:12px;padding:6px 10px;border-radius:8px;background:#fffefae6;font-size:13px;color:#15342c}
.projection-figure[data-projection="mercator"] .projection-equal-earth,.projection-figure[data-projection="equal-earth"] .projection-mercator{opacity:0}
.projection-figure[data-projection="mercator"] .caption-equal-earth,.projection-figure[data-projection="equal-earth"] .caption-mercator{display:none}
@media (max-width:860px){.true-size{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:48px}}
@media (prefers-reduced-motion:reduce){.projection-figure img{transition:none}}
.true-size-copy p{margin:0 0 12px}
/* EU storage badge and the "Ihre Daten in Europa." block (fact check 30.09.2026): neutral EU blue, server icon, no flag. */
.eu-badge{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:7px 14px 7px 11px;border:1px solid #c5d3ea;border-radius:30px;background:#edf2fa;color:#1f4e9c;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.1px;transition:border-color .2s,background .2s}.eu-badge:hover{border-color:#1f4e9c;background:#e3ebf8}.eu-badge svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.space-copy .eu-badge{background:#ffffff12;border-color:#ffffff38;color:#dce6f6}.space-copy .eu-badge:hover{background:#ffffff1f;border-color:#dce6f6}
.eu-badge svg.eu-flag{width:21px;height:14px;fill:initial;stroke:none;border-radius:2px}
.eu-data{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 22px;align-items:start;margin-top:44px;padding:28px 30px;border:1px solid var(--line);border-radius:14px;background:#fffefa;scroll-margin-top:100px}.eu-data>svg{width:30px;height:30px;fill:none;stroke:#1f4e9c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.eu-data h3{font-size:19px;letter-spacing:-.3px;margin:0 0 8px}.eu-data p{font-size:14px;color:var(--muted);line-height:1.75;max-width:900px}
.bx-dark .eu-data{background:#ffffff0d;border-color:#ffffff1f}.bx-dark .eu-data h3{color:#fff}.bx-dark .eu-data p{color:#c3c8bf}.bx-dark .eu-data>svg{stroke:#b9cdf0}
.eu-section{padding-top:10px;padding-bottom:90px}.eu-section .eu-data{margin-top:0;padding:40px 44px}.eu-section h2{margin:14px 0 16px;font-size:35px}
@media(max-width:640px){.eu-data{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 20px}.eu-section .eu-data{padding:26px 22px}.eu-data h3{font-size:18px}.eu-section h2{font-size:30px}}
/* Tap targets (W80, WCAG 2.5.8): the visible size stays, only the hit area grows. An invisible halo (::before;
   ::after on the explode dots, whose ::before is the dot) of at least 24 px, 44 px for touch (pointer: coarse). */
:root{--tap-min:24px}
@media(pointer:coarse){:root{--tap-min:44px}}
:where(nav a,footer>div a,.text-link,p a,summary,.eu-badge,.brand,.button,.gallery-filter button,.projection-switch button,.feature-toggle,.space-back,.space-scroll,.explode-dots button){position:relative}
:where(nav a,footer>div a,.text-link,summary,.eu-badge,.brand,.button,.gallery-filter button,.projection-switch button,.feature-toggle,.space-back,.space-scroll)::before,:where(p a)::after,.explode-dots button::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--tap-min));height:max(100%,var(--tap-min));translate:-50% -50%}
/* Neighbours closer than the halo: it must never cover the visible part of the next target. The language links sit
   3 px apart (width 24 px), the explode dots 2 px apart (height 24 px; touch widens them inwards, no page overflow). */
.language-nav a::before{width:max(100%,24px)}
/* Nav links: the halo sits on the link with equal insets left and right (no translate) and grows sideways by at
   most half the nav gap (28 px, 20 px up to 1180 px, 14 px up to 1060 px), so it never reaches the neighbour. */
nav:not(.language-nav) a::before{--tap-x:clamp(calc(-1 * var(--nav-reach,7px)),calc(50% - var(--tap-min)/2),0px);left:var(--tap-x);right:var(--tap-x);width:auto;translate:0 -50%}
@media(min-width:1061px){nav:not(.language-nav) a{--nav-reach:10px}}
@media(min-width:1181px){nav:not(.language-nav) a{--nav-reach:14px}}
.explode-dots button::after{height:max(100%,24px);left:auto;right:0;translate:0 -50%}
/* Phones: the nav strip and the gallery filter scroll sideways, so they clip the halo to their padding box. For touch
   they get more padding where the halo is short, taken back with a negative margin: the layout stays where it was. */
/* Footer links: for touch the halo grows mostly downwards, so it leaves the brand link above its own 44 px. */
@media(pointer:coarse){footer>div a::before{top:-8px;translate:-50% 0}}
@media(max-width:760px) and (pointer:coarse){
 body header nav:not(.language-nav){padding-bottom:16px;margin-bottom:-4px}body header nav:not(.language-nav) a::before{top:-12px;bottom:-16px;height:auto;translate:none}
 body .gallery-filter{padding-top:5px;margin-top:21px}
}

/* Bescheid-Formular (Pilotsektion): gleiche Kartenoptik wie die Pilot-Card, zweispaltig. */
.invite{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:start;background:#fffefa;border:1px solid var(--line);border-radius:24px;padding:36px;margin:0 0 32px}
.invite h3{font-size:25px;margin:12px 0}
.invite div>p{color:var(--muted);font-size:14px;line-height:1.7}
#invite-form{position:relative}
.invite-row{display:flex;gap:14px;align-items:end;flex-wrap:wrap}
.invite-row>div{flex:1;min-width:220px}
.invite-row label{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.invite-row input{width:100%;font:inherit;font-size:15px;padding:14px 16px;border:1px solid #b3bca6;border-radius:7px;background:#fff;color:var(--ink)}
.invite-row input:focus-visible{outline:3px solid #759356;outline-offset:2px}
.invite-consent{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:12px;color:var(--muted);line-height:1.6;cursor:pointer}
.invite-consent input{flex:none;width:17px;height:17px;margin-top:1px;accent-color:var(--green)}
.invite-consent a{text-decoration:underline;text-underline-offset:3px}
.invite-status{margin-top:12px;font-size:13px;min-height:20px}
.invite-status[data-state=ok]{color:var(--green);font-weight:700}
.invite-status[data-state=error]{color:#a13c2a}
.invite-turnstile{margin-top:14px}
/* Honeypot: unsichtbar statt display:none, aber komplett aus dem Layout und der Tab-Reihenfolge. */
.invite-hp{position:absolute;left:-10000px;top:0;width:1px;height:1px;overflow:hidden;margin:0}
@media(max-width:760px){.invite{grid-template-columns:1fr;gap:24px;padding:24px}}

.g-card figcaption .starter-use { display: inline-block; margin-top: 9px; padding: 8px 0; min-height: 40px; color: var(--ink, #26382f); font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }