:root{--paper:#fbfaf6;--ink:#191a17;--dark:#1f211d;--bg:#f1ecdf;--accent:#ddbd79;--accent-deep:#9a7a3f;--line:#dedbd2;--green:#5d6f60}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.5}img{display:block;max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer}.section-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;width:min(1220px,calc(100% - 40px));margin:0 auto;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-family:"Manrope",sans-serif;font-weight:800;font-size:20px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:white;font-size:17px}.brand-small{font-size:17px}.brand-small .brand-mark{width:30px;height:30px}.desktop-nav{display:flex;gap:32px}.desktop-nav a{color:#55584f;text-decoration:none;font-size:14px;font-weight:600}.desktop-nav a:hover{color:#111}.btn{border:0;border-radius:999px;padding:15px 22px;font-weight:700;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-small{padding:11px 18px;font-size:14px}.btn-dark{background:var(--dark);color:#fff}.btn-primary{background:var(--accent);color:#17160f;box-shadow:0 8px 30px rgba(185,145,67,.18)}.btn-primary:hover{background:#e5c886}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#8b7241;margin-bottom:20px}.eyebrow.light{color:#d9be86}.text-link,.link-button{color:var(--ink);font-weight:700;text-decoration:none}.link-button{padding:0;border:0;background:none}.section-pad{padding:112px 0}
.hero{min-height:720px;display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:52px;padding:52px 0 86px}.hero h1,.section-heading h2,.feature-band h2,.cta-band h2{font-family:"Manrope",sans-serif;letter-spacing:-.045em;line-height:.98;margin:0}.hero h1{font-size:clamp(52px,6vw,84px)}.hero h1 span{color:#9a7a3f}.hero-lead{font-size:19px;max-width:620px;color:#5a5c55;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:22px}.trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px;color:#6e7068;font-size:13px}.hero-visual{position:relative;min-height:560px;border-radius:32px;overflow:hidden;background:#ddd;box-shadow:0 28px 70px rgba(28,30,25,.14)}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}.hero-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.12) 70%,rgba(0,0,0,.28))}.floating-note{position:absolute;background:rgba(255,253,248,.94);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:13px 17px;box-shadow:0 10px 28px rgba(0,0,0,.13);display:flex;flex-direction:column}.floating-note b{font-family:"Manrope"}.floating-note span{font-size:12px;color:#65675f}.note-1{left:5%;top:5%}.note-2{right:5%;bottom:5%}
.section-heading{max-width:810px}.section-heading.centered{text-align:center;margin:0 auto}.section-heading h2,.feature-band h2,.cta-band h2{font-size:clamp(40px,5vw,64px)}.section-heading p{font-size:18px;color:#6c6e67;max-width:590px}.split-heading{max-width:none;display:grid;grid-template-columns:1fr .75fr;gap:75px;align-items:end}.split-heading p{margin:0 0 4px}
.intent-grid.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}.intent-card{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0}.photo-card{padding:0}.card-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ddd}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.photo-card:hover .card-photo img{transform:scale(1.035)}.photo-label{position:absolute;left:15px;top:15px;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700}.card-content{padding:23px 24px 26px;display:flex;flex-direction:column;flex:1}.intent-card h3{font-family:"Manrope";font-size:22px;margin:0 0 8px}.intent-card p{color:#6b6d66;font-size:14px;margin:0 0 24px}.intent-card .link-button{margin-top:auto;text-align:left}.unknown-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;margin-top:18px;background:var(--bg)}.unknown-strip>div{display:flex;align-items:center;gap:14px}.unknown-strip>div>div{display:flex;flex-direction:column}.unknown-strip span{color:#686a63;font-size:14px}.unknown-strip b{font-family:"Manrope"}.unknown-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:white;color:var(--ink)!important;font-weight:800;font-size:18px!important}
.feature-band{background:var(--dark);color:white;padding:105px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.feature-copy{font-size:18px;color:#d7d8d2}.feature-copy strong{color:white}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line)}.step{padding:30px 28px 0 0}.step span{font-family:"Manrope";font-size:12px;font-weight:800;color:#a1834a}.step h3{font-family:"Manrope";font-size:20px}.step p{font-size:14px;color:#6c6e67}
.inspiration-section{background:#f0ede6}.gallery-grid{margin-top:56px;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:310px 310px;gap:16px}.gallery-card{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#ddd}.gallery-card.gallery-tall{grid-row:1/3}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-card:hover img{transform:scale(1.025)}.gallery-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(10,10,8,.72))}.gallery-card figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;color:white;display:flex;flex-direction:column}.gallery-card figcaption b{font-family:"Manrope";font-size:19px}.gallery-card figcaption span{font-size:13px;color:rgba(255,255,255,.85)}
.cta-band{background:var(--bg);padding:78px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner p{color:#6a6c65}.site-footer{padding:38px 0 55px;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;border-top:1px solid var(--line)}.site-footer p{margin:0;font-size:13px}.muted{color:#84867f}
.quiz-modal{position:fixed;inset:0;z-index:100;display:none}.quiz-modal.open{display:block}.quiz-backdrop{position:absolute;inset:0;background:rgba(20,20,17,.55);backdrop-filter:blur(5px)}.quiz-panel{position:absolute;right:0;top:0;height:100%;width:min(860px,100%);background:var(--paper);overflow:auto;padding:34px 48px 52px;box-shadow:-25px 0 70px rgba(0,0,0,.18)}.quiz-close{position:fixed;right:18px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:white;font-size:26px;z-index:4}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-right:36px;margin-bottom:52px}.progress-wrap{display:flex;align-items:center;gap:14px;min-width:300px}.progress-bar{height:5px;background:#e5e2da;border-radius:20px;flex:1;overflow:hidden}.progress-bar span{display:block;height:100%;width:12.5%;background:var(--accent-deep);transition:.3s}.progress-wrap>span{font-size:12px;color:#777970;white-space:nowrap}.quiz-step{display:none;animation:fadeUp .25s ease}.quiz-step.active{display:block}@keyframes fadeUp{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}.quiz-step h2{font-family:"Manrope";font-size:clamp(32px,4.5vw,48px);line-height:1.06;letter-spacing:-.035em;margin:8px 0 10px}.quiz-step>p{color:#6d6f68;margin-top:0}.step-kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:#9a7a3f}.choice-list,.choice-grid{display:grid;gap:10px;margin-top:28px}.choice-grid{grid-template-columns:repeat(2,1fr)}.choice-grid.compact label span{min-height:64px;display:flex;align-items:center}.choice-list label,.choice-grid label{position:relative;cursor:pointer}.choice-list input,.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-list label>span,.choice-grid label>span{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:white;transition:.15s}.choice-list label>span:hover,.choice-grid label>span:hover{border-color:#b9ae98}.choice-list input:checked+span,.choice-grid input:checked+span{border-color:var(--accent-deep);box-shadow:0 0 0 2px rgba(185,145,67,.12);background:#fffbf2}.choice-list small,.choice-grid small{color:#76786f;margin-top:3px}.style-grid{grid-template-columns:repeat(2,1fr)}.style-grid label>span{padding:9px}.style-swatch{height:150px;border-radius:11px;margin-bottom:12px;display:block;overflow:hidden;background:#e4e0d7}.style-swatch img{width:100%;height:100%;object-fit:cover}.style-unknown{min-height:208px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end;background:linear-gradient(135deg,#eee9dd,#d7d1c2)!important}.style-unknown i{margin:auto auto 26px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;font-style:normal;font-weight:800;font-size:24px}.checkbox-grid input:checked+span{background:#f8f1e2}.upload-box{border:1.5px dashed #bbb5a8;border-radius:22px;padding:42px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:32px;background:#fcfaf4;cursor:pointer}.upload-box input{display:none}.upload-icon{font-size:34px;width:56px;height:56px;border-radius:50%;background:#ece3d1;display:grid;place-items:center;margin-bottom:12px}.upload-box small{color:#777970;margin-top:4px}.file-names{margin-top:12px;color:#6b6d66;font-size:13px}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:38px;padding-top:22px;border-top:1px solid var(--line)}.result-step{padding-bottom:20px}.result-badge{display:inline-block;background:#efe3c9;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#7f6535}.result-intro{font-size:18px!important;max-width:700px}.result-hero{height:280px;border-radius:20px;overflow:hidden;margin:26px 0 14px;background:#ddd}.result-hero img{width:100%;height:100%;object-fit:cover}.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 28px}.result-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.result-card h3{font-family:"Manrope";margin-top:0}.result-card ul{padding-left:20px;color:#5e6059}.trait-list{display:flex;flex-wrap:wrap;gap:8px}.trait{background:var(--bg);padding:9px 11px;border-radius:999px;font-size:13px}.result-score{font-size:13px;color:#7a7c74;margin-bottom:30px}.lead-box{background:var(--bg);border-radius:26px;padding:30px}.lead-box h3{font-family:"Manrope";font-size:27px;line-height:1.1;margin:6px 0 8px}.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.lead-grid label{font-size:12px;font-weight:700;color:#5e6059}.lead-grid .full{grid-column:1/-1}.lead-grid input,.lead-grid textarea{width:100%;border:1px solid #cfc9bb;border-radius:12px;padding:12px 13px;background:white;margin-top:6px;outline:none}.lead-grid input:focus,.lead-grid textarea:focus{border-color:var(--accent-deep)}.privacy-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#66685f;margin:16px 0}.fineprint{font-size:11px;color:#80827a}.success-message{display:none;background:#e7f0e6;color:#395438;border-radius:12px;padding:12px 14px;margin-top:10px;font-size:13px}.success-message.show{display:block}
@media(max-width:900px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.hero-visual{min-height:500px}.split-heading{grid-template-columns:1fr;gap:25px}.intent-grid.visual-grid{grid-template-columns:1fr 1fr}.intent-grid.visual-grid .intent-card:last-child{grid-column:1/-1}.feature-grid{grid-template-columns:1fr;gap:36px}.steps-grid{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr}.quiz-panel{padding:28px 24px 40px}.quiz-topbar{padding-right:35px}.progress-wrap{min-width:210px}.site-header .btn-small{display:none}}
@media(max-width:620px){.section-shell,.site-header{width:min(100% - 26px,1180px)}.site-header{height:70px}.hero{min-height:auto;padding:34px 0 58px;gap:30px}.hero h1{font-size:47px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:390px;border-radius:24px}.floating-note{transform:scale(.87);transform-origin:left top}.note-1{left:3%;top:3%}.note-2{right:3%;bottom:3%;transform-origin:right bottom}.section-pad{padding:74px 0}.intent-grid.visual-grid,.steps-grid,.choice-grid,.result-layout,.lead-grid{grid-template-columns:1fr}.intent-grid.visual-grid .intent-card:last-child{grid-column:auto}.unknown-strip{align-items:flex-start;flex-direction:column}.feature-band{padding:72px 0}.gallery-grid{grid-template-columns:1fr;grid-template-rows:330px 260px 260px}.gallery-card.gallery-tall{grid-row:auto}.cta-inner{align-items:flex-start;flex-direction:column}.quiz-panel{padding:22px 16px 36px}.quiz-topbar{flex-direction:column;align-items:flex-start;margin-bottom:36px}.progress-wrap{width:100%;min-width:0;padding-right:36px}.quiz-close{right:10px;top:10px}.quiz-step h2{font-size:34px}.style-grid{grid-template-columns:1fr 1fr}.style-swatch{height:105px}.style-unknown{min-height:163px!important}.lead-grid .full{grid-column:auto}.site-footer{padding-bottom:35px}.trust-row{gap:10px 16px}}
.bot-field{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important}
.file-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.file-upload-grid .upload-box{margin-top:0;padding:26px 12px;min-height:180px}.selected-file{font-size:11px;color:#665b45;margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submit-status{display:none;margin-top:12px;border-radius:12px;padding:12px 14px;font-size:13px}.submit-status.show{display:block}.submit-status.loading{background:#f4ecdd;color:#655533}.submit-status.error{background:#f5dfdc;color:#7a342e}.success-message{flex-direction:column;gap:4px;padding:16px 18px}.success-message.show{display:flex}.success-message b{font-family:"Manrope"}.success-message span{font-size:12px}.btn:disabled{opacity:.65;cursor:wait}
@media(max-width:620px){.file-upload-grid{grid-template-columns:1fr}.file-upload-grid .upload-box{min-height:125px;padding:18px 12px}}


/* SEO / lokale content */
.region-section{background:#f5f0e5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.city-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.city-pills span{background:#fff;border:1px solid #ded8ca;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;color:#55584f}
.seo-guides{padding-top:104px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.guide-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff}.guide-card h3{font-family:"Manrope";font-size:23px;line-height:1.15;margin:12px 0}.guide-card p{color:#6b6d66;font-size:14px}.guide-card a{color:var(--ink);font-weight:800;text-decoration:none}.guide-tag{font-size:10px;letter-spacing:.13em;font-weight:800;color:#96773e}
.footer-brand p{margin-top:8px!important}.footer-links{display:flex;flex-direction:column;gap:5px}.footer-links a{color:#62645d;text-decoration:none;font-size:12px}.footer-links a:hover{text-decoration:underline}
/* SEO article pages */
.article-page .site-header{border-bottom:1px solid var(--line)}.article-hero{padding:80px 0 55px;max-width:900px}.article-hero h1{font-family:"Manrope";font-size:clamp(44px,6vw,76px);letter-spacing:-.045em;line-height:1.02;margin:0}.article-hero .article-lead{font-size:19px;color:#62645d;max-width:760px;margin:26px 0 0}.breadcrumbs{font-size:12px;color:#85877f;margin-bottom:24px}.breadcrumbs a{color:inherit}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:70px;align-items:start;padding-bottom:100px}.article-content{font-size:17px}.article-content h2,.article-content h3{font-family:"Manrope";line-height:1.12;letter-spacing:-.025em}.article-content h2{font-size:34px;margin:54px 0 18px}.article-content h3{font-size:23px;margin:34px 0 12px}.article-content p,.article-content li{color:#55584f}.article-content ul,.article-content ol{padding-left:22px}.article-content li{margin:8px 0}.article-callout{background:#f1ecdf;border-radius:20px;padding:24px 26px;margin:34px 0}.article-callout strong{display:block;font-family:"Manrope";font-size:20px;color:var(--ink);margin-bottom:6px}.article-sidebar{position:sticky;top:28px}.sidebar-card{background:var(--dark);color:#fff;border-radius:22px;padding:25px}.sidebar-card h3{font-family:"Manrope";font-size:24px;margin:0 0 10px}.sidebar-card p{color:#d5d6d0;font-size:14px}.sidebar-card .btn{display:inline-block;text-decoration:none;margin-top:10px}.toc{border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:16px}.toc b{font-family:"Manrope"}.toc a{display:block;color:#66685f;text-decoration:none;font-size:13px;margin-top:8px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:32px 0}.related-link{border:1px solid var(--line);border-radius:16px;padding:18px;text-decoration:none;color:var(--ink);font-weight:700}.faq-item{border-top:1px solid var(--line);padding:20px 0}.faq-item h3{margin:0 0 8px!important;font-size:20px}.article-image{border-radius:24px;overflow:hidden;margin:28px 0}.article-image img{width:100%;max-height:470px;object-fit:cover}.page-cta{background:var(--bg);border-radius:26px;padding:32px;margin-top:50px}.page-cta h2{margin-top:0!important}.page-cta .btn{display:inline-block;text-decoration:none;margin-top:8px}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:35px}.article-sidebar{position:static}.footer-links{order:3}}
@media(max-width:620px){.article-hero{padding:55px 0 40px}.article-hero h1{font-size:44px}.article-content{font-size:16px}.article-content h2{font-size:29px}.related-grid{grid-template-columns:1fr}.guide-grid{margin-top:30px}.city-pills{margin-top:28px}}