:root{--ink:#162823;--muted:#56645f;--line:#dce2de;--paper:#f6f8f5;--green:#165f4f;--one:#186654;--skip:#6550ab;--maestro:#aa451a}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{background:#b8ddce;color:#162823}input{caret-color:var(--green)}[hidden]{display:none!important}.compare{min-height:58px;background:#152923;color:#dfeae4;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 32px;font-size:11px}.compare nav{display:flex;gap:5px}.compare nav a{padding:9px 14px;border-radius:7px;color:#d3dfd9}.compare nav a[aria-current=page]{background:#eef5ef;color:#142c22}.compare a:hover{color:white;background:#31483e}.compare .reference{text-decoration:underline;text-underline-offset:4px}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 40px;gap:24px}header img{width:210px;height:auto;display:block}header nav{display:flex;gap:26px;font-size:13px}header nav a:last-child{font-weight:600}header a:hover{color:var(--green)}.hero{padding:66px max(40px,calc((100vw - 1160px)/2)) 0}.hero-inner{max-width:760px}.hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.07;letter-spacing:-.04em;font-weight:500;margin:0 0 25px;text-wrap:balance}.hero p{font-size:18px;line-height:1.65;max-width:580px;color:var(--muted);margin:0 0 28px}.primary{display:inline-flex;align-items:center;gap:30px;background:var(--green);color:white;border:0;border-radius:8px;padding:13px 20px;font-size:13px;font-weight:500}.primary:hover{background:#0d463a}.product-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:58px;border-bottom:1px solid var(--line);padding-bottom:25px}.product-intro button{display:grid;grid-template-columns:1fr auto;text-align:left;gap:10px;border:0;background:transparent;padding:10px 0;color:var(--ink);font-size:13px}.product-intro button>.product{grid-column:1/-1}.product-intro button:hover{color:var(--green)}.product{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13px}.product:before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}.one{--tone:var(--one);--tint:#e6f1eb}.skip{--tone:var(--skip);--tint:#efecf8}.maestro{--tone:var(--maestro);--tint:#fbefe5}.product.one{color:var(--one)}.product.skip{color:var(--skip)}.product.maestro{color:var(--maestro)}.catalog{max-width:1240px;margin:auto;padding:62px 40px 80px;scroll-margin-top:20px}.catalog h2{font-weight:500;font-size:25px;letter-spacing:-.025em;margin:0 0 8px}.catalog-head p{margin:0;color:var(--muted);font-size:14px}.tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}.filters{display:flex;gap:6px}.filters button{background:#fff;border:1px solid var(--line);padding:9px 16px;border-radius:7px;font-size:12px;color:var(--muted)}.filters button[aria-pressed=true]{color:white;background:var(--ink);border-color:var(--ink)}.filters button:hover{border-color:#648174}.search{width:340px}.search input{width:100%;padding:11px 14px;border:1px solid #b8c5bd;border-radius:7px;font-size:12px;background:white;color:var(--ink)}input::placeholder{color:#66736c}.result-meta{display:flex;justify-content:space-between;margin:24px 0 20px;font-size:11px;color:var(--muted)}#reset{font-size:11px;border:0;background:none;text-decoration:underline;color:var(--green)}.results.v1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.case-card{min-width:0}.preview{background:var(--tint);color:var(--tone);padding:22px;border-radius:12px;min-height:206px;display:flex;flex-direction:column;justify-content:center}.preview-bar{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid currentColor;padding-bottom:12px;font-size:11px;font-weight:600}.preview-body{padding-top:10px;font-size:11px;display:grid;gap:8px}.preview-body>div{display:flex;align-items:center;gap:9px;padding:6px 0}.sample-dot{width:5px;height:5px;background:currentColor;opacity:.65;border-radius:50%;flex:none}.sample-label{font-size:8px;letter-spacing:.08em;margin-top:14px}.case-copy{padding:21px 0 0}.metadata{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.category{font-size:10px;color:var(--muted)}h3{font-size:21px;letter-spacing:-.025em;line-height:1.3;font-weight:500;margin:12px 0}h3 a:hover{text-decoration:underline;text-underline-offset:4px}.case-copy>p{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 16px}.read-link{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:25px}.read-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}.more{display:block;margin:40px auto 0;padding:12px 20px;border:1px solid #a4b5a9;border-radius:7px;background:white;color:var(--ink);font-size:12px}.more:hover{background:#edf3ee}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.scope{margin-top:60px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted)}.scope summary{cursor:pointer}.scope p{max-width:780px}footer{border-top:1px solid var(--line);padding:28px 40px;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted)}footer a{text-decoration:underline}.hero.v2{background:#11261f;color:#f1f5ee;padding-top:72px}.hero.v2 p{color:#bccfc2}.hero.v2 .primary{background:#cde3d2;color:#153b2b}.hero.v2 .product-intro{border-color:#3d5348}.hero.v2 .product-intro button{color:#dbe8dc}.hero.v2 .product.one{color:#9cdbbf}.hero.v2 .product.skip{color:#c4b6fa}.hero.v2 .product.maestro{color:#ffc397}.results.v2{display:grid;gap:0}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:45px 0;border-bottom:1px solid var(--line)}.case-story:nth-child(even) .preview{order:-1}.case-story .preview{min-height:280px;padding:35px}.case-story h3{font-size:32px;max-width:450px;margin:18px 0}.story-copy>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:440px}.story-result{margin:25px 0}.story-result>span{font-size:11px;font-weight:600}.story-result p{margin:5px 0;font-size:13px;color:var(--muted);max-width:420px}.hero.v3{background:var(--paper);padding-top:58px}.hero.v3 .hero-inner{max-width:1160px;display:grid;grid-template-columns:1fr 1fr;gap:15px 65px}.hero.v3 h1{grid-row:1/3;font-size:60px}.hero.v3 .primary{justify-self:start;align-self:start}.hero.v3 p{font-size:16px;margin-top:10px}.product-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.product-column{min-width:0}.column-head{border-top:3px solid var(--tone);background:var(--tint);padding:22px;border-radius:0 0 10px 10px;min-height:205px}.column-head h3{font-size:23px}.column-head p{font-size:12px;color:var(--muted);margin:0}.case-row{display:block;position:relative;border-bottom:1px solid var(--line);padding:26px 25px 26px 0}.case-row h4{font-size:17px;font-weight:500;line-height:1.4;margin:9px 0}.case-row p{font-size:12px;color:var(--muted);margin:0}.row-arrow{position:absolute;top:57px;right:0;color:var(--tone)}.case-row:hover h4{color:var(--tone)}.column-empty{font-size:13px;color:var(--muted);padding:20px 0}.detail{max-width:800px;padding:40px 30px 80px;margin:auto}.back{display:block;font-size:12px;margin-bottom:40px}.detail h1{font-size:48px;letter-spacing:-.035em;line-height:1.15;font-weight:500;margin:18px 0}.lead{font-size:19px;color:var(--muted)}.detail .preview{margin:32px 0;min-height:250px}.preparation{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail h2{font-size:22px;font-weight:500;margin-top:35px}.detail p{color:var(--muted)}.prompt{padding:24px;background:var(--paper);border-radius:12px;margin-bottom:25px}.prompt p{white-space:pre-line;font-size:14px;line-height:1.8;margin-top:0}#copy-status{font-size:12px;margin-left:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:950px){.compare{padding:10px 20px}.reference{display:none}.hero{padding-left:30px;padding-right:30px}.catalog{padding-left:30px;padding-right:30px}.case-story{gap:35px}.product-columns{gap:18px}.column-head{padding:18px;min-height:240px}.hero.v3 h1{font-size:48px}.results.v1{gap:28px 18px}.preview{padding:16px}.case-copy h3{font-size:19px}}@media(max-width:640px){.compare{flex-direction:column;gap:5px;padding:10px}.compare nav{width:100%;justify-content:center}.compare nav a{padding:9px 12px}header{padding:22px 20px}header img{width:155px}header nav{font-size:11px;gap:0}header nav a:first-child{display:none}.hero,.hero.v2,.hero.v3{padding:42px 20px 0}.hero h1,.hero.v3 h1{font-size:43px}.hero p{font-size:16px}.product-intro{gap:12px;margin-top:38px;padding-bottom:20px}.product-intro button{font-size:11px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.product-intro button>span:last-child{display:none}.product-intro .product{font-size:12px}.catalog{padding:40px 20px 55px}.catalog h2{font-size:23px}.tools{flex-direction:column;align-items:stretch;gap:16px}.search{width:100%}.filters{justify-content:space-between}.filters button{padding:9px 14px}.results.v1{grid-template-columns:1fr;gap:32px}.preview{padding:24px;min-height:220px}.case-copy h3{font-size:23px}.case-copy>p{font-size:14px}.case-story{grid-template-columns:1fr;gap:22px;padding:30px 0}.case-story:nth-child(even) .preview{order:0}.case-story h3{font-size:29px}.case-story .preview{min-height:230px;padding:24px}.hero.v3 .hero-inner{display:block}.hero.v3 h1{margin-bottom:22px}.hero.v3 p{margin-bottom:26px}.product-columns{grid-template-columns:1fr;gap:35px}.column-head{min-height:0}.case-row{padding:22px 28px 22px 0}.case-row h4{font-size:20px}.case-row p{font-size:13px}.detail{padding:30px 20px 60px}.detail h1{font-size:36px}.preparation{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding:25px 20px;gap:10px;font-size:10px}footer span:nth-child(2){width:100%}}
.product-chapters{display:grid;gap:70px}.product-chapter{display:grid;grid-template-columns:230px minmax(0,1fr);gap:45px;padding-top:35px;border-top:1px solid var(--line)}.chapter-head{align-self:start;padding:24px;background:var(--tint);border-radius:12px}.chapter-head h3{font-size:28px;line-height:1.15;margin:24px 0 14px;color:var(--tone)}.chapter-head p{font-size:13px;color:var(--muted);line-height:1.7}.chapter-count{font-size:10px;color:var(--muted);display:block;margin-top:25px}.chapter-stories .case-story{gap:25px;padding:0 0 30px;margin-bottom:30px}.chapter-stories .case-story:last-child{border-bottom:0;margin-bottom:0}.chapter-stories .case-story .preview{order:0;padding:20px;min-height:245px}.chapter-stories .case-story h3{font-size:25px}.chapter-stories .story-copy>p{font-size:13px}.chapter-stories .story-result{margin:15px 0}.chapter-stories .story-result p{font-size:12px}.chapter-stories .metadata .product{display:none}@media(max-width:950px){.product-chapter{grid-template-columns:170px minmax(0,1fr);gap:25px}.chapter-head{padding:18px}.chapter-head h3{font-size:24px}.chapter-stories .case-story{grid-template-columns:1fr}.chapter-stories .case-story .preview{min-height:200px}}@media(max-width:640px){.product-chapter{grid-template-columns:1fr;gap:30px;padding-top:20px}.chapter-head{padding:24px}.chapter-head h3{margin:12px 0}.chapter-count{margin-top:15px}.chapter-stories .case-story{gap:20px}.product-chapters{gap:40px}}
/* Official brand artwork; original SVG colors and proportions are preserved. */
.product:before{display:none}.product img{display:block;object-fit:contain;width:auto;height:20px;max-width:100%}.product-intro .product img{height:27px}.chapter-head .product img{height:23px}.metadata .product img{height:15px}.product-intro button>.product{min-height:30px}.chapter-head .product{max-width:100%}@media(max-width:950px){.chapter-head .product img{max-width:134px;height:auto}}@media(max-width:640px){.product-intro .product img{height:auto;max-height:23px;width:auto;max-width:100%}.product-intro button{min-width:0}.product-intro .product{width:100%;height:25px}.chapter-head .product img{height:23px;max-width:100%}}
/* V1 follows the reference catalog: featured rail, discovery sidebar, text cards. */
body[data-layout=v1] .hero{max-width:1120px;margin:auto;padding:65px 40px 35px}body[data-layout=v1] .hero h1{font-size:58px}body[data-layout=v1] .hero p{max-width:630px}body[data-layout=v1] .product-intro{display:none}.featured{max-width:1120px;margin:auto;padding:15px 40px 0}.featured-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.featured h2{font-size:20px;font-weight:500;margin:0}.featured-heading button{width:36px;height:36px;border:1px solid #c5d2c9;border-radius:50%;background:white;color:var(--ink);margin-left:6px}.featured-heading button:disabled{opacity:.35;cursor:default}.featured-rail{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a9bfb2 transparent;padding-bottom:12px}.featured-rail .case-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}body[data-layout=v1] .case-card{background:#f0f5f1;border-radius:14px;padding:25px;display:flex}body[data-layout=v1] .case-card .preview{display:none}body[data-layout=v1] .case-copy{padding:0;display:flex;flex-direction:column;align-items:flex-start;width:100%}body[data-layout=v1] .case-copy h3{font-size:20px;margin-top:23px}body[data-layout=v1] .case-copy>p{font-size:13px;margin-bottom:28px}body[data-layout=v1] .case-copy .read-link{border:1px solid #b6c7bb;border-radius:30px;padding:9px 14px;margin-top:auto;gap:18px;font-size:11px}body[data-layout=v1] .metadata{gap:12px}body[data-layout=v1] .catalog{max-width:1120px;padding-top:80px}body[data-layout=v1] .catalog-head{display:none}body[data-layout=v1] .catalog-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:35px}body[data-layout=v1] .tools{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0;gap:20px}body[data-layout=v1] .search{width:100%;order:-1}body[data-layout=v1] .filters{flex-wrap:wrap;gap:6px}body[data-layout=v1] .filters button{padding:8px 12px;border-radius:25px}body[data-layout=v1] .result-meta{margin:0 0 17px}body[data-layout=v1] .results.v1{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.category-filters{display:flex;flex-wrap:wrap;align-content:start;gap:8px}.category-filters h3{width:100%;font-size:12px;margin:9px 0 7px}.category-filters button{display:flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid #d1ddd4;border-radius:25px;background:white;font-size:11px;color:var(--muted)}.category-filters button span{font-size:10px}.category-filters button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}@media(max-width:950px){body[data-layout=v1] .catalog-workspace{grid-template-columns:195px minmax(0,1fr);gap:25px}body[data-layout=v1] .case-card{padding:20px}.featured-rail .case-card{flex-basis:calc((100% - 18px)/2)}}@media(max-width:640px){body[data-layout=v1] .hero{padding:40px 20px 20px}body[data-layout=v1] .hero h1{font-size:44px}.featured{padding:20px 20px 0}.featured-rail .case-card{flex-basis:88%}body[data-layout=v1] .catalog{padding-top:40px}body[data-layout=v1] .catalog-workspace{grid-template-columns:1fr;gap:25px}body[data-layout=v1] .results.v1{grid-template-columns:1fr}body[data-layout=v1] .filters{justify-content:flex-start}body[data-layout=v1] .case-copy h3{font-size:23px}}
.vote{display:inline-flex;flex-direction:row;white-space:nowrap;align-items:center;gap:7px;align-self:flex-start;background:white;border:1px solid #c5d3c9;border-radius:6px;padding:6px 10px;color:#365a47;font-size:11px;margin:0 12px 16px 0;min-height:34px}.vote[aria-pressed=true]{background:#dcecdf;border-color:#769b82;color:#164329}.vote:hover{border-color:#35674d}.vote>span:last-child{font-variant-numeric:tabular-nums;border-left:1px solid #bdcec1;padding-left:7px}.voting-info{font-size:12px;color:#345443;margin-bottom:20px;line-height:1.7}.voting-info small{display:block;font-size:10px;color:#596b60}.voting-info [role=status]{display:block;font-size:11px;margin-top:4px}.featured-rail .vote{margin-top:0}.case-copy .vote{margin-top:auto}body[data-layout=v1] .case-copy .read-link{margin-top:0}.catalog-content{min-width:0}
.product-intro button{grid-template-columns:minmax(0,max-content) 16px;column-gap:12px;align-items:center;justify-content:start}.product-intro button>span:last-child{line-height:1;align-self:center;justify-self:start}.featured-heading small{display:block;font-size:10px;color:var(--muted);margin-top:5px}@media(max-width:640px){.product-intro button{align-items:flex-start}}
.product-intro button{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.product-intro button>.product-caption{display:inline-flex;gap:12px;align-items:center;align-self:flex-start;line-height:1.6}.product-caption>span:last-child{flex:none;line-height:1}@media(max-width:640px){.product-intro button>.product-caption{display:flex;align-items:flex-start;gap:7px}}
/* Align the wordmark, caption and arrow from the same left edge. */
.product-intro button>.product-caption{align-self:flex-start;justify-content:flex-start;text-align:left;width:auto;margin:0;padding:0}.product-intro button>.product{align-self:flex-start}
body:not([data-layout=v1]) .tools{display:grid;grid-template-columns:1fr 340px;align-items:start;margin-bottom:25px}.tools .category-filters{grid-column:1/-1}.category-filters h3{margin-top:0}.catalogue-modes{display:flex;gap:8px;margin:20px 0}.catalogue-modes button{padding:10px 16px;border:1px solid #c5d3c9;background:white;border-radius:7px;font-size:12px;color:var(--ink)}.catalogue-modes button[aria-pressed=true]{background:var(--ink);color:white}.compact-case{display:flex;justify-content:space-between;align-items:start;gap:25px;border-bottom:1px solid var(--line);padding:20px 0}.compact-case:first-child{padding-top:0}.compact-case h3{font-size:19px;margin:8px 0}.compact-case p{font-size:13px;color:var(--muted);margin:0 0 12px}.compact-case .vote{flex:none;margin:8px 0 0}.featured .case-card{background:#f0f5f1;border-radius:14px;padding:25px;display:flex}.featured .preview{display:none}.featured .case-copy{padding:0;display:flex;flex-direction:column;align-items:flex-start}.featured .case-copy .vote{margin-top:auto}.featured .case-copy .read-link{font-size:11px}.featured{margin-top:35px}.product-intro button>.product-caption>span:first-child{flex:none}@media(max-width:640px){body:not([data-layout=v1]) .tools{grid-template-columns:1fr}.compact-case{gap:12px}.compact-case .vote{font-size:10px;padding:6px}.product-intro button>.product-caption>span:first-child{flex:1}.product-intro button>.product-caption{max-width:100%;gap:7px}.product-intro button>.product-caption>span:last-child{display:none}}
.read-link,body[data-layout=v1] .case-copy .read-link{gap:8px}.product-intro button>.product-caption:last-child{align-self:flex-start;justify-self:start}
/* Gallery opening: Adapta green, soft directional light, official brand mark. */
body[data-layout=v1] .hero{position:relative;isolation:isolate;overflow:hidden;max-width:none;padding:76px max(40px,calc((100vw - 1040px)/2)) 72px;background:radial-gradient(ellipse at 90% 105%,#477768 0,transparent 52%),linear-gradient(110deg,#102820 0%,#153d31 65%,#254f42 100%);color:#f4f8f3}
body[data-layout=v1] .hero:after{content:'';position:absolute;z-index:-1;right:5%;bottom:-80px;width:400px;height:400px;background:url('assets/logos/adapta-symbol-white.svg') center/contain no-repeat;opacity:.055;transform:rotate(-9deg);pointer-events:none}
body[data-layout=v1] .hero p{color:#d0e1d8;max-width:620px}body[data-layout=v1] .hero .primary{background:#e2efe2;color:#173c2d}body[data-layout=v1] .hero .primary:hover{background:white}body[data-layout=v1] .hero :focus-visible{outline-color:#e2efe2}body[data-layout=v1] .hero h1{font-size:64px}body[data-layout=v1] .featured{margin-top:40px}@media(max-width:640px){body[data-layout=v1] .hero{padding:46px 20px 48px}body[data-layout=v1] .hero h1{font-size:44px}body[data-layout=v1] .hero:after{width:250px;height:250px;right:-40px;bottom:-60px;opacity:.04}}
