/* KNOQ homepage clarity. The public image rotation and media remain unchanged. */
.home-review{--paper:#f7f7f3;--ink:#20252b;--quiet:#c8d0cb;--line:#526159;--action:#116f3d;background:var(--ink);color:var(--paper)}
.home-review main{max-width:1440px;margin:auto;isolation:isolate}
.home-review button,.home-review summary,.home-review a{-webkit-tap-highlight-color:transparent}
.home-review :focus-visible{outline:3px solid #fff02e;outline-offset:5px}
.review-header{max-width:1440px;margin:auto;position:relative;z-index:5}
.review-header nav{margin:0 48px;padding:20px 0;border-bottom:1px solid #71807755;display:flex;align-items:center;gap:34px;min-height:88px}
.review-header .logo{width:132px;margin-right:auto}
.header-links{display:flex;gap:30px;align-items:center}
.nav-disclosure{display:none;position:relative}
.nav-disclosure summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:12px;font-weight:700;list-style:none}
.nav-disclosure summary::-webkit-details-marker{display:none}
.nav-disclosure>div{position:absolute;right:0;top:100%;min-width:180px;padding:10px 16px;background:#202d27;border:1px solid #748675;border-radius:10px;box-shadow:0 12px 30px #0006}
.nav-disclosure a{display:flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none}
.header-links a,.header-download{font-size:14px;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.header-links a:hover{text-decoration:underline}
.header-download{border:1px solid #73867c;border-radius:8px;padding:9px 16px;gap:24px}
.header-download:hover{background:#293a30}
.intro{position:relative;min-height:690px;padding:48px 48px 38px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:32px}
.intro-copy{position:relative;z-index:2;max-width:710px}
.home-review .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:18px;line-height:1.5}
.home-review h1{font-size:clamp(42px,4.4vw,65px);line-height:1.08;margin:0 0 20px;letter-spacing:-.055em}
.intro-lede{font-size:19px;line-height:1.6;color:#e0e5e1;margin:0 0 16px}
.intro-location{margin:0 0 24px}
.intro-visual{position:relative;z-index:0;min-width:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.intro-rotation{position:absolute;right:-32px;top:0;margin:0;width:calc(620px * 1478 / 1064);height:620px;max-width:none;overflow:hidden;mask-image:linear-gradient(to bottom,#000 94%,transparent)}
.intro-rotation::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#20252b 0,transparent 48%);pointer-events:none}
.intro-rotation .door-scene{inset:0;width:100%;height:100%;object-fit:contain}
.intro-visual .door-controls{pointer-events:auto;margin:0 auto 0;transform:none}
.intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.intent-card{position:relative;isolation:isolate;min-width:0;border:1px solid #71807788;border-radius:14px;padding:19px 18px 8px;display:flex;flex-direction:column;overflow:hidden;background:#202b2ced}
.intent-card .audience-scene{position:absolute;width:170px;right:-28px;top:20px;z-index:-2;opacity:.43;pointer-events:none}
.intent-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#202b2cf5 10%,#202b2c85 100%)}
.intent-label{font-size:9px;font-weight:800;letter-spacing:.075em;margin:0 0 12px;color:#dbe8de}
.intent-card h2{font-size:19px;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px;font-weight:750}
.intent-card>p:not(.intent-label){font-size:14px;line-height:1.6;margin:0 0 18px;color:#edf1ed}
.intent-action{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin-top:auto;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:800;text-decoration:none;border:1px solid #86a595;background:#253a2e}
.intent-action--professional{background:#116f3d;border-color:#50ac79}
.intent-action:hover{background:#185237}
.intent-action--professional:hover{background:#14824a}
.intent-action span{font-size:20px}
.intent-card details{margin-top:4px;font-size:13px;color:#e5ebe6}
.intent-card summary{cursor:pointer;min-height:44px;display:list-item;padding:11px 0;font-size:12px}
.intent-card details p{line-height:1.65;margin:4px 0 14px}
.intro-reassurance{margin-top:18px;color:#d4ded7;font-size:12px;line-height:1.7}
.intro-reassurance p,.home-review .shared-assurance,.home-review .local{font-size:12px;line-height:1.7;margin:3px 0;max-width:none}
.availability-note{font-size:12px;color:#d4ded7;line-height:1.7;margin:3px 0}
.returning{font-size:12px;line-height:1.6;margin:12px 0 0;color:#d4ded7;display:flex;align-items:center;flex-wrap:wrap;gap:0 7px}
.returning a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#f7f7f3}
.home-section{margin:0 48px;padding:46px 0;border-top:1px solid #6d7c6455;scroll-margin-top:24px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px}
.section-kicker{font-size:10px;letter-spacing:.12em;font-weight:800;color:#fff02e;margin:0 0 10px}
.section-heading h2,.setup-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.04em;margin:0 0 12px}
.section-heading p:not(.section-kicker){font-size:15px;color:#cbd6cd;margin:0;line-height:1.6}
.section-route{display:flex;align-items:center;gap:24px;font-size:14px;text-decoration:none;min-height:48px}
.section-route b{display:block;font-size:16px;line-height:1.4}
.section-route small{display:block;color:#cbd6cd;font-size:12px;margin-top:4px}
.section-route .arrow{font-size:24px;color:#fff02e}
.section-route:hover b{text-decoration:underline}
.service-preview{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.service-preview a{display:flex;flex-direction:column;align-items:center;text-decoration:none;border:1px solid #60776755;border-radius:14px;background:#252e31;overflow:hidden;padding:0 12px 14px;min-height:180px}
.service-preview a:hover{border-color:#bbba72;background:#2b3534}
.service-art{width:100%;aspect-ratio:1.15;max-width:190px;display:grid;place-items:center}
.service-art img{width:100%;height:100%;object-fit:contain}
.service-name{font-size:13px;font-weight:750;text-align:center;line-height:1.45;margin-top:auto}
.all-services{margin-top:22px;border-top:1px solid #61776855;border-bottom:1px solid #61776855}
.all-services summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:58px;font-size:14px;font-weight:700;list-style:none}
.all-services summary::-webkit-details-marker{display:none}
.all-services summary span{color:#fff02e;font-size:25px}
.all-services[open] summary span{transform:rotate(45deg)}
.service-names{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;gap:10px 22px;margin:8px 0 22px}
.service-names li{border-left:2px solid #809c67;padding-left:12px;font-size:14px}
.all-services>p{font-size:13px;max-width:85ch;color:#d4ded7;line-height:1.7;margin-bottom:24px}
.journey-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:stretch}
.prototype-invitation{display:grid;grid-template-columns:1fr 190px;gap:20px;align-items:center;background:linear-gradient(120deg,#183a2c,#1a2c26);border:1px solid #667a55;border-radius:16px;padding:28px;margin:0;text-decoration:none;min-height:242px}
.prototype-copy{display:flex;flex-direction:column;align-items:flex-start}
.prototype-eyebrow{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff02e}
.prototype-copy strong{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin:9px 0}
.prototype-copy strong span{display:inline-block}
.prototype-description{font-size:14px;line-height:1.6;color:#dce6de}
.prototype-cta{font-size:13px;line-height:1.5;font-weight:800;display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:18px;color:#fff02e}
.prototype-phones{position:relative;height:202px;width:100%}
.prototype-phone{position:absolute;bottom:0;width:86px;border:3px solid #33453c;border-radius:12px;overflow:hidden;background:#14261c;box-shadow:0 12px 18px #0006}
.household-phone{left:5px;transform:rotate(-7deg)}
.professional-phone{right:5px;transform:rotate(7deg) translateY(-7px)}
.prototype-exchange{position:absolute;left:calc(50% - 15px);top:46%;width:30px;height:30px;color:#fff02e;z-index:2}
.film-column{display:flex;flex-direction:column;justify-content:center;background:#1b2225;border:1px solid #586758;border-radius:16px;padding:28px}
.home-review .journey-video-tile{margin:0;min-height:105px;padding:16px 16px;gap:12px;box-shadow:none}
.home-review .journey-video-copy{padding-right:84px}
.home-review .journey-video-copy strong{font-size:18px;line-height:1.35}
.home-review .journey-video-copy small{font-size:12px;line-height:1.55}
.home-review .journey-art{width:96px;right:22px;height:75px}
.home-review .journey-map{width:120px;left:-10px}
.home-review .journey-pin{left:34px;width:24px}
.home-review .journey-household{left:0;width:28px}
.home-review .journey-professional{right:0;width:28px}
.film-context{font-size:14px;line-height:1.7;color:#cdd7d0;margin:18px 0 0}
.setup-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.setup-copy>p:not(.section-kicker){font-size:15px;line-height:1.7;max-width:47ch;color:#cbd6cd;margin:16px 0}
.setup-detail{border-top:1px solid #61776855;font-size:14px;color:#dce5de}
.setup-detail summary{cursor:pointer;font-weight:700;min-height:48px;padding:12px 0}
.setup-detail p{line-height:1.7;margin:8px 0}
.setup-detail a{display:inline-flex;align-items:center;min-height:44px;gap:20px;margin-bottom:12px}
.home-review .knoq-download-launch{padding:30px;margin:0;border-radius:16px;background:#173d2c}
.home-review .knoq-download-launch h2{font-size:30px;line-height:1.2;margin:10px 0 18px;letter-spacing:-.035em}
.home-review .knoq-download-row{display:block}
.home-review .knoq-download-details p{font-size:14px;line-height:1.65;margin:12px 0}
.home-review .knoq-download-details .knoq-download-platform{font-size:14px}
.home-review .knoq-download-details a{display:inline-flex;align-items:center;min-height:44px}
.more-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:22px}
.info-tile{padding:24px;border:1px solid #6d7c6455;border-radius:14px;background:#232d2d;min-width:0}
.info-tile>.section-route{padding-bottom:18px;border-bottom:1px solid #61776855}
.info-tile .knoq-live-note{background:none;border:0;padding:0;margin:20px 0}
.info-tile .knoq-live-note p{font-size:14px;line-height:1.7}
.info-tile .knoq-live-note nav{gap:8px 20px}
.launch-detail{font-size:14px}
.launch-detail summary{cursor:pointer;min-height:44px;padding:10px 0}
.launch-detail .description{font-size:14px;line-height:1.7;margin:10px 0}
.story-tile>p{font-size:14px;line-height:1.7;color:#d5dfd7;margin:20px 0}
.info-tile .meet-steve,.quiet-link{font-size:14px;line-height:1.5;font-weight:700;display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:underline}
.info-tile h3{font-size:23px;letter-spacing:-.03em;line-height:1.2;margin:8px 0 18px}
.home-review .kq-whatsapp-help{margin:0;padding:0;border:0;max-width:none}
.home-review .kq-whatsapp-help p{font-size:14px;line-height:1.65}
.home-review .kq-whatsapp-help .kq-whatsapp-note{font-size:12px;line-height:1.6}
.home-review .kq-whatsapp-link{font-size:13px}
.home-review .site-footer{max-width:1344px;margin:0 auto;padding-top:35px;padding-bottom:110px;gap:30px}
.home-review .footer-directory a{min-height:44px;font-size:12px}
.home-review .footer-directory h2{font-size:12px}
.home-review .knoq-footer-connect{margin-top:0;row-gap:14px}
.home-review .knoq-store-credit{flex:0 0 100%;width:100%;max-width:none;margin:0;padding:12px 0 0;border-top:1px solid #39403d;font-size:12px;line-height:1.6;color:#c0c9c2;opacity:1}
@media(max-width:760px){.home-review .knoq-footer-connect{flex-wrap:nowrap}.home-review .knoq-store-credit{flex:none}}
@media(min-width:1700px){.intro-rotation{height:680px;width:calc(680px * 1478 / 1064)}.intro{min-height:750px}.intro-visual{padding-bottom:0}}
@media(max-width:1200px){.review-header nav{margin:0 32px}.intro{padding:38px 32px 32px;gap:20px;grid-template-columns:1.25fr 1fr;min-height:690px}.intro-rotation{right:-20px;height:590px;width:calc(590px * 1478 / 1064)}.home-section{margin:0 32px}.intent-card{padding:16px 14px 6px}.intent-card h2{font-size:18px}.intro-lede{font-size:18px}.home-review .site-footer{margin:0 32px}.more-grid{gap:16px}.info-tile{padding:20px}.prototype-invitation{grid-template-columns:1fr 146px;padding:24px}.prototype-phone{width:70px}.prototype-phones{height:180px}.film-column{padding:20px}.setup-section{gap:38px}}
@media(max-width:1000px){.intro{grid-template-columns:1fr;min-height:0;padding-top:34px}.intro-copy{max-width:680px;width:100%;margin:auto}.intro-visual{height:390px;width:100%;max-width:680px;margin:0 auto;display:flex;align-items:flex-end}.intro-rotation{height:350px;top:0;right:0;width:100%;mask-image:none}.intro-rotation::after{display:none}.intro-rotation .door-scene{width:100%;height:100%;object-fit:contain}.intro-visual .door-controls{margin:0 auto}.service-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-preview a{min-height:180px}.service-art{max-width:160px}.journey-grid{grid-template-columns:1fr}.prototype-invitation{grid-template-columns:1fr 190px;min-height:240px}.prototype-phone{width:86px}.prototype-phones{height:202px}.film-column{padding:24px}.home-review .journey-video-copy{padding-right:130px}.home-review .journey-art{width:150px}.home-review .journey-pin{left:60px}.home-review .journey-map{width:180px}.home-review .journey-handset{width:34px}.setup-section{gap:30px}.more-grid{grid-template-columns:1fr 1fr}.help-tile{grid-column:1/-1}.service-names{grid-template-columns:repeat(3,minmax(0,1fr))}.home-review .site-footer{grid-template-columns:1fr}.home-review h1{font-size:52px}}
@media(max-width:640px){.review-header nav{margin:0 24px;padding:16px 0;min-height:74px;gap:16px;flex-wrap:wrap}.review-header .logo{width:110px}.header-links{order:3;width:100%;justify-content:space-between;gap:24px;border-top:1px solid #6d7c6444;padding-top:4px}.header-links a{font-size:13px}.header-download{font-size:12px;padding:7px 12px;gap:14px}.intro{padding:28px 24px 30px;gap:16px}.home-review .eyebrow{font-size:10px;margin-bottom:14px}.home-review h1{font-size:clamp(33px,8.7vw,48px);margin-bottom:18px}.intro-lede{font-size:16px;line-height:1.65;margin-bottom:24px}.intent-grid{grid-template-columns:1fr;gap:14px}.intent-card{padding:20px 18px 6px}.intent-label{font-size:10px;margin-bottom:10px}.intent-card h2{font-size:21px;margin-bottom:10px}.intent-card>p:not(.intent-label){font-size:15px;margin-bottom:18px}.intent-action{font-size:14px;min-height:48px;padding:12px 14px}.intent-card summary{font-size:13px}.intent-card .audience-scene{width:210px;right:-12px;top:0}.intro-reassurance p,.home-review .shared-assurance,.home-review .local,.availability-note{font-size:12px}.returning{font-size:12px;margin-top:8px}.intro-visual{height:310px;margin-top:4px}.intro-rotation{height:266px;width:100%;right:0}.home-section{margin:0 24px;padding:34px 0;scroll-margin-top:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:22px}.section-heading h2,.setup-copy h2{font-size:30px}.section-heading p:not(.section-kicker){font-size:14px}.section-route{width:100%;justify-content:space-between}.section-route b{font-size:15px}.section-route small{font-size:12px}.service-preview{gap:10px}.service-preview a{padding:0 7px 12px;min-height:125px;border-radius:10px}.service-name{font-size:11px}.service-art{aspect-ratio:1;max-width:130px}.service-names{grid-template-columns:1fr 1fr;gap:12px}.service-names li{font-size:12px;padding-left:9px}.all-services summary{font-size:13px}.prototype-invitation{padding:23px 18px;gap:12px;grid-template-columns:minmax(0,1fr) 125px;min-height:220px}.prototype-eyebrow{font-size:9px}.prototype-copy strong{font-size:27px}.prototype-description{font-size:12px}.prototype-cta{font-size:12px;gap:10px;margin-top:12px}.prototype-phone{width:59px}.prototype-phones{height:174px}.prototype-exchange{width:23px;left:calc(50% - 11.5px)}.film-column{padding:20px 16px}.home-review .journey-video-tile{min-height:94px;padding:14px 12px;gap:10px}.home-review .journey-video-copy{padding-right:66px}.home-review .journey-video-copy strong{font-size:16px}.home-review .journey-video-copy small{font-size:11px}.home-review .journey-art{width:70px;right:15px}.home-review .journey-pin{left:23px;width:20px}.home-review .journey-map{width:92px}.home-review .journey-handset{width:24px}.film-context{font-size:13px}.setup-section{grid-template-columns:1fr;gap:24px}.home-review .knoq-download-launch{padding:24px 20px}.home-review .knoq-download-launch h2{font-size:28px}.more-grid{grid-template-columns:1fr;gap:16px}.help-tile{grid-column:auto}.info-tile{padding:24px}.home-review .site-footer{margin:0 24px}.home-review .footer-directory{gap:16px}.home-review .footer-directory a{font-size:12px}.home-review .knoq-store-badges{flex-wrap:wrap}.home-review .knoq-store-badges .knoq-store-badge{padding:10px}.home-review .intro-rotation .door-scene{object-fit:contain}}
@media(max-width:360px){.service-preview{grid-template-columns:1fr 1fr}.prototype-invitation{grid-template-columns:1fr 88px;padding:20px 14px}.prototype-phone{width:44px}.prototype-phones{height:150px}.prototype-copy strong{font-size:24px}.prototype-cta{font-size:11px}.header-download{gap:9px}.home-review .journey-video-copy{padding-right:45px}.home-review .journey-art{width:54px}.home-review .journey-handset{width:20px}.home-review .journey-pin{left:20px;width:15px}.home-review .journey-video-copy strong{font-size:14px}.home-review .journey-play{width:30px;height:30px;flex-basis:30px}}
@media(prefers-reduced-motion:reduce){.home-review *{scroll-behavior:auto!important;transition:none!important}}
/* Keep the two first actions close together on a phone. */
@media(max-width:640px){
 .review-header nav{flex-wrap:nowrap;gap:12px}.review-header .logo{width:105px}.header-links{display:none}.nav-disclosure{display:block}.header-download{padding:7px 10px;gap:10px;white-space:nowrap}
 .intro{padding-top:24px}.intro-lede{margin-bottom:14px}.intro-location{margin-bottom:20px}
 .intent-card{padding:14px 16px 4px}.intent-label{display:none}.intent-card h2{font-size:19px;margin-bottom:8px}.intent-card>p:not(.intent-label){font-size:14px;line-height:1.55;margin-bottom:12px}.intent-action{min-height:46px;font-size:13px;padding:10px 12px}.intent-card summary{font-size:12px;min-height:44px}
}
@media(max-width:360px){.review-header nav{margin:0 18px;gap:10px}.review-header .logo{width:93px}.header-download{font-size:11px;padding-inline:9px;gap:8px}}

/* Owner-approved compact catalogue: all 22 categories, with restrained artwork. */
.home-review .service-preview{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.home-review .service-preview>li{min-width:0;display:flex}
.home-review .service-preview>li:nth-child(17){grid-column:2}
.home-review .service-preview a{width:100%;min-height:0;padding:8px 8px 10px;border-radius:10px}
.home-review .service-art{height:72px;max-width:92px;aspect-ratio:auto}
.home-review .service-name{display:grid;place-items:center;min-height:2.7em;font-size:12px;line-height:1.35;margin-top:4px}
.service-availability-note{font-size:12px;line-height:1.65;color:#cbd6cd;border-top:1px solid #61776855;padding-top:16px;margin:20px 0 0}
.service-availability-note a{display:inline-flex;align-items:center;min-height:44px;margin-left:8px;text-underline-offset:4px}
@media(max-width:1100px){.home-review .service-preview{grid-template-columns:repeat(6,minmax(0,1fr))}.home-review .service-preview>li:nth-child(17){grid-column:auto}.home-review .service-preview>li:nth-child(19){grid-column:2}.home-review .service-art{height:64px}}
@media(max-width:640px){.home-review .service-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-review .service-preview>li:nth-child(19){grid-column:auto}.home-review .service-preview>li:nth-child(22){grid-column:2}.home-review .service-preview a{padding:7px 5px 8px}.home-review .service-art{height:56px;max-width:76px}.home-review .service-name{font-size:11px}.service-availability-note a{margin-left:0}}
@media(max-width:360px){.home-review .service-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.home-review .service-preview>li:nth-child(22){grid-column:auto}}
@media(min-width:641px) and (max-width:900px){.review-header nav{gap:20px}.review-header .logo{width:112px}.header-links{gap:16px}.header-links a,.header-download{font-size:12px;white-space:nowrap}.header-download{padding:9px 12px;gap:14px}}
