/* Stronger graphite surfaces; room colours appear only on interaction. */
:root{--line:#424242;--bc:#24ee89;--pinco:#ff344c}
.site-header{background:#070707;border-bottom-color:#3d3d3d}
.hero-art{filter:contrast(1.12)}
.hero-shade{background:linear-gradient(90deg,#070707e8,#07070770 39%,transparent 74%),linear-gradient(0deg,#070707 0%,transparent 18%,#07070720 88%,#070707 100%)}
.hero-bottom{border-top:1px solid #ffffff26;padding-top:20px}
.compatibility{max-width:1600px;background:linear-gradient(105deg,#303030,#191919 52%,#262626);border-block:1px solid #555;padding-block:30px}
.products{background:linear-gradient(160deg,#181818,#0b0b0b 55%);max-width:1600px;padding-inline:8%}
.product-card{border-color:#555;background:linear-gradient(135deg,#393939 0%,#232323 32%,#101010 78%);box-shadow:inset 0 1px #ffffff12,0 20px 50px #0004}
.card-top{background:#1119;border-bottom:1px solid #ffffff17}
.product-visual{height:275px;background:radial-gradient(ellipse at 50% 30%,#55555555,transparent 75%);border-bottom:1px solid #ffffff1c}
.product-visual:after{background:linear-gradient(0deg,#181818,transparent)}
.product-copy{background:#10101088}
.mini-window{border-color:#777}.archive-stack{border-color:#777;background:linear-gradient(130deg,#444,#1a1a1a)}
.approach{max-width:1600px;padding-inline:8%;background:linear-gradient(115deg,#2e2e2e,#191919 50%,#222);border-block:1px solid #555}
.principles article{border-bottom-color:#4c4c4c}.approach h2 span{color:#b1b1b1}
.faq{max-width:1600px;padding-inline:8%;background:#0b0b0b;border-bottom:1px solid #444}
.faq-list details{border-bottom-color:#424242}
.closing{background:radial-gradient(ellipse at 50% 125%,#686868 0%,#303030 38%,#151515 75%);border-block:1px solid #666}
.site-footer{background:#080808}.footer-word{background-image:linear-gradient(#727272,#222)}
.subscription,.license-card{background:linear-gradient(120deg,#414141,#242424 48%,#121212);border-color:#646464}
.account-sidebar{background:#111;border-color:#444}.account-main{background:radial-gradient(ellipse at 100% 0,#343434,transparent 55%)}
.archive-section{border-top:1px solid #484848;padding-top:30px}.archive-table th{background:#262626;border-bottom-color:#555}.archive-table td{border-bottom-color:#373737}
[data-brand="bc"]{--room-accent:var(--bc);--room-wash:#24ee8914;--room-glow:#24ee8933}
[data-brand="pinco"]{--room-accent:var(--pinco);--room-wash:#ff344c14;--room-glow:#ff344c33}
.room-brand{transition:color .18s,text-shadow .18s,border-color .18s,background .18s}
.room-brand:hover{color:var(--room-accent);text-shadow:0 0 24px var(--room-glow)}
.tags .room-brand:hover{border-color:var(--room-accent);background:var(--room-wash)}
.compatibility .room-brand{padding:10px 15px;border:1px solid transparent;border-radius:4px}
.compatibility .room-brand:hover{border-color:var(--room-accent);background:var(--room-wash)}
.room-options [data-brand]:hover,.room-options [data-brand]:focus-visible{color:var(--room-accent);border-color:var(--room-accent);background:var(--room-wash)}
@media(max-width:1050px){.products,.approach,.faq{padding-inline:5%}.compatibility{gap:15px}.compatibility .room-brand{padding:8px}.product-visual{height:250px}}
@media(max-width:720px){.products,.approach,.faq{padding-inline:6%}.compatibility{gap:16px;padding-block:19px}.compatibility .room-brand{padding:5px}.hero-shade{background:linear-gradient(180deg,#090909 0%,#09090990 35%,transparent 67%,#090909 100%),linear-gradient(90deg,#09090988,transparent)}.product-visual{height:240px}.hero-bottom{padding-top:17px}}
@media(prefers-reduced-motion:reduce){.room-brand{transition:none}}

/* Product pages: clear descriptions instead of demo UI and decorative labels. */
.hero h1{font-size:clamp(48px,6.4vw,96px);letter-spacing:-.045em;line-height:1.08;max-width:780px}
.hero-content{padding-top:100px}.hero-content p{max-width:570px}
.hero{height:640px}.product-copy{padding:40px;min-height:330px;display:flex;flex-direction:column}
.product-copy .button{margin-top:auto}.product-copy .tags{margin-bottom:28px}
.principles article{display:block}.site-footer{padding-top:35px}
.footer-bottom{margin-top:28px}.back-home{display:block;margin-top:20px;color:#aaa;font-size:14px}
@media(max-width:720px){.hero{height:590px}.hero-content{padding-top:70px}.hero h1{font-size:clamp(40px,9.5vw,66px)}.product-copy{padding:28px;min-height:300px}}
@media(min-width:721px) and (max-width:960px){
 .site-header{height:80px;gap:20px}.header-actions{gap:18px;margin-left:auto}
 .desktop-nav{display:none;position:absolute;top:79px;left:0;right:0;padding:22px 6%;background:#161616;border-bottom:1px solid #444;flex-direction:column;gap:22px}
 .desktop-nav.open{display:flex}.mobile-menu{display:block}.header-actions .button{white-space:nowrap}
}

/* Product illustrations describe the tools without invented live statistics. */
.hero{height:700px}
.hero-content{padding-top:112px}
.hero-content .hero-category{font-size:13px;letter-spacing:.035em;color:#bcbcbc;margin:0 0 27px}
.hero h1{font-size:clamp(54px,6vw,94px);letter-spacing:-.052em;line-height:1.06;margin:0 0 28px;max-width:940px}
.hero h1 span{color:#a9aaa9}
.hero-content>p:not(.hero-category){font-size:17px;line-height:1.8;color:#bcbcbc}
.hero-shade{background:linear-gradient(90deg,#070707ed,#0707078a 42%,#07070700 77%),linear-gradient(0deg,#070707,transparent 23%,#07070710 85%,#070707 100%)}
.compatibility{background:linear-gradient(105deg,#252525,#161616 52%,#242424);padding-block:20px;border-color:#484848}
.products{padding-top:96px;padding-bottom:100px}
.product-card{border-color:#494949;border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s}
.product-card:hover{border-color:#828282;transform:translateY(-3px)}
.product-art{height:268px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#5558,transparent 75%),linear-gradient(125deg,#303030,#161616);border-bottom:1px solid #ffffff12}
.art-caption{position:absolute;left:32px;top:22px;color:#ccc;font-size:13px;letter-spacing:.01em}
.table-art>svg{position:absolute;width:100%;height:215px;bottom:0;left:0}
.file-stack{width:76%;max-width:340px;position:absolute;left:50%;top:77px;transform:translateX(-50%)}
.file-back{height:140px;position:absolute;inset:0;background:#313131;border:1px solid #686868;border-radius:9px;transform:rotate(-6deg)}
.file-front{position:relative;padding:24px;background:linear-gradient(130deg,#494949,#242424);border:1px solid #848484;border-radius:9px;box-shadow:0 20px 30px #0004;transform:rotate(2deg)}
.file-heading{display:flex;align-items:center;gap:13px;font-size:15px;color:#eee}
.file-heading svg{width:27px;height:32px;flex-shrink:0;color:#d4d4d4}
.file-heading small{display:block;color:#aaa;font-size:11px;margin-top:2px}
.file-heading b{font-size:11px;font-weight:400;margin-left:auto;color:#bbb;letter-spacing:.07em}
.file-period{border-top:1px solid #ffffff23;margin-top:18px;padding-top:16px;display:flex;gap:16px;align-items:center;font-size:11px;color:#a5a5a5}
.file-period .selected{color:#eee;border:1px solid #777;border-radius:4px;padding:3px 9px}
.file-period .file-arrow{margin-left:auto;color:#eee;font-size:20px}
.product-copy{min-height:345px;background:linear-gradient(145deg,#202020,#111);padding:32px}
.product-copy h3{font-size:27px;letter-spacing:-.035em}
.product-copy p{max-width:440px;line-height:1.8}
.approach{background:linear-gradient(115deg,#222,#141414 70%);padding-top:95px;padding-bottom:95px}
.approach-title h2{max-width:330px;line-height:1.15}
.principles article{position:relative;padding-left:25px;border-left:1px solid #484848;border-bottom:0;margin:0;padding-bottom:28px}
.principles article:last-child{padding-bottom:0}
.principles article:before{content:'';position:absolute;left:-4px;top:10px;width:7px;height:7px;border-radius:50%;background:#bdbdbd;box-shadow:0 0 0 5px #1c1c1c}
.faq{padding-top:90px;padding-bottom:90px}
.site-footer{background:linear-gradient(#111,#080808)}
@media(max-width:1050px){.hero h1{font-size:68px}.product-copy{padding:27px}.product-copy h3{font-size:24px}.file-stack{width:82%}.file-front{padding:19px}.file-heading{font-size:13px}}
@media(max-width:720px){.hero{height:650px}.hero-content{padding-top:64px}.hero h1{font-size:clamp(39px,9.5vw,65px);line-height:1.1}.hero-content .hero-category{font-size:11px;margin-bottom:23px}.hero-content>p:not(.hero-category){font-size:15px}.hero-art{background-position:62% 160px}.hero-shade{background:linear-gradient(180deg,#090909 0%,#090909b0 39%,#09090920 74%,#090909 100%)}.products,.approach,.faq{padding-top:64px;padding-bottom:64px}.product-art{height:247px}.product-copy{min-height:315px}.art-caption{left:27px}.file-stack{width:74%}.approach-title h2{max-width:none}}
@media(prefers-reduced-motion:reduce){.product-card{transition:none}.product-card:hover{transform:none}}

.product-card{display:flex;flex-direction:column}.product-copy{flex:1}
