@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Space;src:url('assets/spacegrotesk.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
/* Q1: DESIGN_VARIANCE 6 / MOTION_INTENSITY 4 / VISUAL_DENSITY 3.
   P2: DESIGN_VARIANCE 8 / MOTION_INTENSITY 4 / VISUAL_DENSITY 4.
   Native CSS, original brand directions; no external UI framework.
   Layer scale: navigation 10, review toolbar 20, native dialog top layer.
   Q1 radii: controls 10px, media 22px. P2: controls 5px, media 7px. */
:root{--bg:#f8faf9;--fg:#152d2e;--muted:#546465;--line:#d9e3e0;--accent:#005a5b;--accent-ink:#005a5b;--accent-text:#f6fcfa;--tint:#e8f0ed;--surface:#f0f5f2;--card:#fcfdfb;--radius:22px;--button-radius:10px;--font:Manrope,Arial,sans-serif;color-scheme:light}
:root[data-family=p2]{--bg:#faf8f3;--fg:#232721;--muted:#60635c;--line:#dcded3;--accent:#eb501d;--accent-ink:#b4320a;--accent-text:#231a10;--tint:#f5e9de;--surface:#f0eee5;--card:#fefcf8;--radius:7px;--button-radius:5px;--font:Space,Arial,sans-serif}
:root[data-theme=dark]{--bg:#102222;--fg:#edf5ef;--muted:#b5c8c2;--line:#36504b;--accent:#91c8bb;--accent-ink:#91c8bb;--accent-text:#112b29;--tint:#193431;--surface:#19302e;--card:#18312f;color-scheme:dark}
:root[data-family=p2][data-theme=dark]{--bg:#242620;--fg:#f5f2e9;--muted:#c2c2b6;--line:#4c5045;--accent:#ff8a59;--accent-ink:#ff8a59;--accent-text:#2a180e;--tint:#3a3027;--surface:#30332a;--card:#2d3027}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}img{display:block;max-width:100%;height:auto}button{border:0}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent-ink);outline-offset:5px}.skip{position:fixed;left:20px;top:-80px;background:var(--card);padding:12px 24px;z-index:30}.skip:focus{top:10px}.wrap{width:min(1328px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.site-nav{height:80px;display:flex;align-items:center;gap:40px;position:relative;z-index:10}.site-nav nav{display:flex;align-items:center;justify-content:center;gap:32px;margin-left:auto;font-size:13px;font-weight:600;line-height:1.2}.site-nav nav a{transition:color .2s}.site-nav nav a:hover{color:var(--accent-ink)}.brand{display:block;flex:none}.brand-crop{position:relative;display:block;overflow:hidden;width:187px;isolation:isolate;mix-blend-mode:multiply}.brand-q1{aspect-ratio:1255/250}.brand-crop img{position:absolute;max-width:none;height:auto}.brand-q1 img{width:122.39%;left:-11.55%;top:-106.4%}.brand-p2{width:197px;aspect-ratio:1295/340}.brand-p2 img{width:118.61%;left:-9.34%;top:-59.7%}[data-theme=dark] .brand-crop{mix-blend-mode:screen}[data-theme=dark] .brand-crop img{filter:grayscale(1) invert(1) brightness(1.4)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:var(--button-radius);padding:16px 22px;font-weight:650;font-size:14px;line-height:1.3;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}.button span{font-size:19px;line-height:1}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}.nav-cta{padding:12px 17px;background:transparent;border:1px solid var(--line);gap:18px;font-size:12px}.nav-cta:hover{background:var(--surface);border-color:var(--accent)}.primary{background:var(--accent);color:var(--accent-text)}.primary:hover{box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 16%,transparent)}.menu-toggle{display:none;background:transparent;padding:10px;font-size:13px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--accent-ink)}h1{font-size:clamp(60px,6vw,86px);letter-spacing:-.065em;line-height:1.08;font-weight:650}h2{font-size:clamp(38px,4vw,54px);line-height:1.15;letter-spacing:-.055em;font-weight:600}h3{font-size:23px;line-height:1.3;letter-spacing:-.04em;font-weight:650}.hero-description{font-size:17px;color:var(--muted);line-height:1.8;max-width:375px}.section-heading>p{color:var(--muted);max-width:410px;margin-top:22px;font-size:16px}.q-hero{display:grid;grid-template-columns:1fr 1.06fr;gap:72px;align-items:center;padding-top:38px;padding-bottom:56px;min-height:700px}.q-hero-copy{padding-block:12px 24px}.q-hero h1{margin:26px 0}.q-hero h1 span{color:var(--accent-ink)}.q-hero .hero-description{margin-bottom:32px;max-width:365px}.q-hero-image{height:590px;border-radius:var(--radius);overflow:hidden;background:var(--tint)}.q-hero-image img{height:100%;width:100%;object-fit:cover;object-position:center 49%}.space-links{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:26px 35px;border-bottom:1px solid var(--line);font-size:12px}.space-links>p{color:var(--muted)}.space-links>div{display:flex;gap:38px;font-weight:600}.space-links a:hover{color:var(--accent-ink)}.q-experience .section-heading{margin-bottom:38px}.display-selector{display:flex;gap:5px;justify-content:flex-end;margin-bottom:22px}.display-selector button{padding:10px 18px;background:transparent;border-radius:8px;color:var(--muted);font-size:12px;font-weight:600}.display-selector button[aria-selected=true]{background:var(--tint);color:var(--accent-ink)}.product-frame{display:block;position:relative;width:100%;background:#202723;border:10px solid #202723;border-radius:16px;padding:0;overflow:hidden;text-align:left}.product-frame img{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:6px;background:#192021}.product-frame:hover .frame-action{opacity:1;transform:translateY(0)}.frame-action{position:absolute;right:18px;bottom:18px;display:flex;gap:22px;align-items:center;padding:11px 16px;background:#f8faf5;color:#26312b;border-radius:7px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;font-size:12px;font-weight:600}.product-frame:focus-visible .frame-action{opacity:1}.media-caption{display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;color:var(--muted);gap:20px}.media-caption>span{font-size:10px}.q-workflow{background:var(--surface)}.workflow-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:125px}.workflow-grid>div>p{max-width:370px;margin-top:20px;color:var(--muted);font-size:15px}.connection-reference{width:100%;margin-top:32px;border-radius:12px;border:1px solid var(--line)}.q-steps{list-style:none;margin:0;padding:10px 0 0;display:flex;flex-direction:column;justify-content:center;gap:40px}.q-steps li{display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:start}.step-marker{display:grid;place-items:center;color:var(--accent-ink);width:44px;height:44px;background:var(--tint);border-radius:10px;font-size:22px}.q-steps p{color:var(--muted);font-size:14px;max-width:325px;margin-top:9px}.q-spaces{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:116px}.space-photo{border-radius:var(--radius);overflow:hidden;height:500px;background:var(--tint)}.space-photo img{height:100%;width:100%;object-fit:cover}.space-content>p{font-size:15px;color:var(--muted);max-width:350px;margin-top:26px}.place-choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.place-choices button{font-size:12px;border:1px solid var(--line);padding:10px 17px;border-radius:var(--button-radius);background:transparent}.place-choices button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.space-content .space-footnote{font-size:10px;margin-top:20px}.questions{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:4px}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;font-size:16px;font-weight:600;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;color:var(--accent-ink);font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:14px;line-height:1.8;margin:17px 30px 0 0;max-width:530px}.q-final{text-align:center;background:var(--tint);border-radius:var(--radius);padding:74px 30px;margin-bottom:75px}.q-final .button{margin-top:32px}.site-footer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding-block:0 125px}.site-footer .brand-crop{width:150px}.site-footer p{font-size:12px;text-align:right;color:var(--muted)}.site-footer>a:last-of-type{font-size:12px;font-weight:600;grid-column:2;text-align:right}.site-footer small{grid-column:1;grid-row:2;font-size:10px;color:var(--muted)}
/* P2 changes composition, type rhythm, corners, and image treatment. */
.p2 .site-nav{border-bottom:1px solid var(--line)}.p2 .site-nav nav{font-size:13px;font-weight:500}.p2 .site-nav .brand-crop{width:176px}.p2 .nav-cta{border-color:var(--fg)}.p2 .button{font-weight:600;padding:16px 21px}.p2 .nav-cta{padding:12px 17px}.p2 h1{font-size:clamp(55px,5.9vw,87px);letter-spacing:-.06em;line-height:1.08;font-weight:500}.p-hero-heading{display:grid;grid-template-columns:1fr 290px;gap:36px;align-items:end;padding-block:56px 42px}.p-hero h1 span{color:var(--accent-ink)}.p-hero-aside{padding:0 0 5px}.p-hero-aside .hero-description{font-size:14px;line-height:1.7;margin-bottom:20px}.p-hero-image{width:100%;height:425px;border-radius:var(--radius);overflow:hidden;background:var(--tint)}.p-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.p-intro{padding-block:96px 75px}.p-intro .eyebrow{margin-bottom:24px}.p-intro h2{font-size:clamp(28px,3.1vw,44px);line-height:1.48;font-weight:400;letter-spacing:-.04em}.p-intro h2 span{color:var(--accent-ink)}.p-experience{border-top:1px solid var(--line)}.p-demo-layout{display:grid;grid-template-columns:340px 1fr;gap:66px;align-items:center}.p-demo-content h2{font-size:44px;line-height:1.12;font-weight:500}.p-demo-content>p{color:var(--muted);font-size:14px;margin-top:20px;max-width:300px}.p-scene-tabs{margin-top:36px}.p-scene-tabs button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:transparent;border-bottom:1px solid var(--line);padding:17px 0;font-size:13px;color:var(--muted)}.p-scene-tabs button[aria-selected=true]{color:var(--accent-ink);font-weight:600}.p-scene-tabs button>span:last-child{font-size:20px}.p2 .product-frame{border-width:7px;border-radius:7px}.p2 .product-frame img{border-radius:1px}.p2 .frame-action{border-radius:3px}.p2 .media-caption{font-size:10px}.p2 .media-caption>span{font-size:9px}.p-workflow{padding-top:30px}.p-workflow>h2{font-weight:500}.p-step-track{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin-top:55px;padding-top:30px;border-top:2px solid var(--accent)}.p-step-track article{display:flex;flex-direction:column;align-items:start}.large-step{font-size:52px;line-height:1;color:var(--accent-ink);font-weight:400;letter-spacing:-.07em}.p-step-track h3{font-size:25px;margin-top:26px;font-weight:500}.p-step-track p{font-size:14px;color:var(--muted);margin-top:10px;max-width:280px}.p-spaces{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center;border-top:1px solid var(--line)}.p-spaces h2{font-size:clamp(40px,5vw,68px);font-weight:500}.p-spaces h2 span{color:var(--accent-ink)}.p-spaces>div>p{font-size:14px;color:var(--muted);max-width:330px;margin-top:25px}.p-spaces figure>img{height:490px;width:100%;object-fit:cover;border-radius:var(--radius)}.p-spaces figcaption{font-size:10px;color:var(--muted);margin-top:12px}.p2 .questions{grid-template-columns:1fr 1.2fr;gap:110px}.p2 .questions h2{font-weight:500}.p2 .faq-list summary{font-weight:500}.p-final{border-top:1px solid var(--line);padding-block:90px 100px}.p-final h2{font-size:clamp(40px,4.9vw,66px);font-weight:500;max-width:900px}.p-final .button{margin-top:32px}.p2 .site-footer{border-top:1px solid var(--line);padding-top:36px}.p2 .site-footer .brand-crop{width:176px}
/* Compact design-review controls are separate from the customer-facing navigation. */
.review-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;z-index:20;background:var(--card);border:1px solid var(--line);padding:6px 7px 6px 14px;border-radius:12px;box-shadow:0 5px 30px #14282414;font-size:10px;line-height:1.4;white-space:nowrap}.review-home{color:var(--muted);padding-right:4px}.review-options{display:flex;gap:3px;border-left:1px solid var(--line);padding-left:7px}.review-options a{padding:8px 12px;border-radius:6px;font-weight:600}.review-options a span{font-weight:400;margin-left:4px}.review-options a[aria-current=page]{background:var(--tint);color:var(--accent-ink)}.theme-toggle{background:var(--surface);padding:8px 12px;border-radius:6px;font-size:10px;white-space:nowrap}.review-dock .theme-toggle{border-left:1px solid var(--line)}
/* The native dialog supplies focus containment, Escape handling and a real backdrop. */
dialog{width:min(1000px,calc(100% - 48px));max-height:calc(100dvh - 40px);background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius);padding:28px;overflow:auto;box-shadow:0 25px 100px #101a2450}dialog::backdrop{background:#12252bcc;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.dialog-kicker{font-size:11px;color:var(--muted);margin-bottom:7px}.dialog-top h2{font-size:30px}.close-dialog{display:grid;place-items:center;background:var(--surface);width:38px;height:38px;border-radius:var(--button-radius);font-size:26px;line-height:1}.modal-tabs{display:flex;gap:6px;margin-block:24px 18px}.modal-tabs button{padding:9px 15px;border-radius:var(--button-radius);background:transparent;color:var(--muted);font-size:12px}.modal-tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-text)}.modal-screen{background:#1d2424;border:5px solid #1d2424;border-radius:9px;overflow:hidden}.modal-screen img{width:100%;aspect-ratio:16/9;object-fit:contain}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px}.dialog-bottom p{font-size:12px;color:var(--muted)}.text-button{padding:8px 0;background:transparent;font-size:12px;color:var(--accent-ink);font-weight:600}.text-button span{margin-left:18px}.demo-note{font-size:10px;color:var(--muted);margin-top:14px}.modal-screen img,.inline-screen,#place-photo{transition:opacity .18s}.is-switching{opacity:.35}
/* Comparison entry page. */
.comparison{padding-block:45px 65px;max-width:1180px}.compare-brand{display:inline-block;margin-bottom:65px}.compare-heading h1{font-size:65px;margin:21px 0;line-height:1.1}.compare-heading>p:last-child{color:var(--muted);font-size:15px;max-width:490px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:42px}.compare-image{height:330px;overflow:hidden;border-radius:14px;background:var(--tint)}.compare-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.comparison-card:hover .compare-image img{transform:scale(1.035)}.comparison-card:active{transform:scale(.995)}.compare-card-title{display:flex;align-items:center;gap:17px;margin-top:19px}.choice-number{width:45px;height:45px;display:grid;place-items:center;border-radius:8px;font-size:15px;font-weight:700}.teal{background:#deeeea;color:#005a5b}.orange{background:#f7dfcd;color:#9e350f}.compare-card-title h2{font-size:21px;letter-spacing:-.04em}.compare-card-title p{font-size:11px;color:var(--muted);margin-top:5px}.compare-card-title>span:last-child{margin-left:auto;font-size:24px;color:var(--muted)}.comparison-note{font-size:11px;color:var(--muted);margin-top:40px}.comparison-theme{margin-top:20px}
@media(prefers-reduced-motion:no-preference){.entrance{animation:enter .65s both cubic-bezier(.2,.65,.25,1)}.entrance:nth-child(2){animation-delay:.1s}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){dialog::backdrop{background:#12252b;backdrop-filter:none}}
@media(min-width:1550px){.q-hero{gap:105px}.q-hero-image{height:630px}.q-hero{min-height:735px}.p-hero-image{height:460px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-nav{gap:25px}.site-nav nav{gap:22px}.brand-crop{width:165px}.brand-p2{width:175px}.q-hero{gap:40px;min-height:630px}.q-hero-image{height:530px}.q-hero h1{font-size:69px}.q-hero .eyebrow{font-size:9px}.hero-description{font-size:15px}.workflow-grid{gap:65px}.q-spaces{gap:65px}.questions{gap:65px}.p-hero-heading{grid-template-columns:1fr 240px;gap:24px}.p2 h1{font-size:66px}.p-hero-aside .hero-description{font-size:12px}.p-hero-image{height:355px}.p-demo-layout{grid-template-columns:280px 1fr;gap:35px}.p-demo-content h2{font-size:37px}.p-spaces{gap:65px}.p2 .questions{gap:65px}.section{padding-block:85px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-nav{height:76px;gap:18px}.site-nav nav{gap:18px;font-size:11px}.site-nav .brand-crop{width:147px}.p2 .site-nav .brand-crop{width:142px}.nav-cta{display:none}.q-hero{gap:28px;padding-top:25px;min-height:auto;padding-bottom:40px}.q-hero h1{font-size:56px}.q-hero .eyebrow{font-size:8px;letter-spacing:.09em}.q-hero-image{height:465px}.q-hero .hero-description{font-size:13px;margin-bottom:25px}.q-hero h1{margin-block:19px}.q-hero .button{font-size:12px;padding:15px 18px;gap:20px}.space-links{font-size:10px;gap:20px}.space-links>div{gap:17px}.workflow-grid{gap:45px}.q-spaces{gap:44px}.space-photo{height:390px}.q-spaces h2{font-size:34px}.place-choices{gap:5px}.place-choices button{font-size:10px;padding:9px 11px}.questions{gap:45px;grid-template-columns:.8fr 1.2fr}.faq-list summary{font-size:14px}.p-hero-heading{grid-template-columns:1fr 205px;gap:14px;padding-top:40px}.p2 h1{font-size:51px}.p-hero-aside .hero-description{font-size:11px}.p-hero-aside .button{font-size:11px;gap:15px;padding:13px}.p-hero-image{height:310px}.p-intro h2{font-size:30px}.p-demo-layout{grid-template-columns:220px 1fr;gap:25px}.p-demo-content h2{font-size:30px}.p-demo-content>p{font-size:12px}.p-scene-tabs{margin-top:20px}.p-scene-tabs button{font-size:11px;padding:13px 0}.p-step-track{gap:30px}.p-spaces{gap:45px}.p-spaces figure>img{height:385px}.p2 .questions{gap:45px}.compare-heading h1{font-size:55px}.compare-image{height:270px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.section{padding-block:64px}.site-nav{height:70px;justify-content:space-between}.site-nav .brand-crop{width:157px}.site-nav nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--card);border:1px solid var(--line);padding:20px;flex-direction:column;align-items:stretch;gap:0;border-radius:var(--button-radius);font-size:14px;box-shadow:0 12px 20px #14282410}.site-nav nav a{padding:12px}.site-nav nav.is-open{display:flex}.menu-toggle{display:block}.q-hero{grid-template-columns:1fr;gap:30px;padding-block:30px 35px}.q-hero-copy{padding:0}.q-hero h1{font-size:clamp(58px,14vw,77px);margin:18px 0 22px}.q-hero .eyebrow{font-size:9px;letter-spacing:.12em}.q-hero .hero-description{font-size:14px;max-width:320px;line-height:1.8;margin-bottom:24px}.q-hero .button{font-size:13px;padding:15px 21px;gap:28px}.q-hero-image{height:420px;border-radius:17px}.q-hero-image img{object-position:center 50%}.space-links{flex-direction:column;align-items:start;gap:15px;padding-block:13px 27px;font-size:10px}.space-links>div{width:100%;justify-content:space-between;gap:12px;font-size:9px}.section-heading h2,h2{font-size:38px}.section-heading>p{font-size:14px;max-width:310px;margin-top:18px}.q-experience .section-heading{margin-bottom:28px}.display-selector{justify-content:flex-start;gap:2px;margin-bottom:14px}.display-selector button{font-size:10px;padding:9px 10px}.product-frame{border-width:5px;border-radius:10px}.product-frame img{border-radius:4px}.media-caption{font-size:9px;gap:10px;align-items:start}.media-caption>span{font-size:8px;text-align:right;max-width:80px}.frame-action{display:none}.workflow-grid{grid-template-columns:1fr;gap:40px}.workflow-grid>div>p{font-size:14px;max-width:300px}.connection-reference{margin-top:25px}.q-steps{gap:28px;padding:0}.q-steps li{grid-template-columns:42px 1fr;gap:18px}.step-marker{width:39px;height:39px;font-size:19px}.q-steps h3{font-size:19px}.q-steps p{font-size:13px}.q-spaces{grid-template-columns:1fr;gap:32px}.space-photo{height:350px;border-radius:17px}.q-spaces h2{font-size:38px}.space-content>p{font-size:14px;margin-top:20px}.place-choices{gap:7px;margin-top:24px}.place-choices button{font-size:11px;padding:10px 15px}.questions{grid-template-columns:1fr;gap:30px}.questions>h2 br{display:none}.questions>h2{max-width:330px}.faq-list details{padding-block:19px}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.q-final{padding:55px 20px;margin-bottom:40px;border-radius:17px}.q-final h2{font-size:36px}.q-final .button{font-size:12px;padding:15px 20px;gap:22px;margin-top:26px}.site-footer{grid-template-columns:1fr;gap:17px;padding-bottom:112px}.site-footer .brand-crop{width:135px}.site-footer p{text-align:left;font-size:11px}.site-footer>a:last-of-type{grid-column:1;text-align:left;font-size:11px}.site-footer small{grid-column:1;grid-row:auto;font-size:8px;max-width:280px}.p2 .site-nav .brand-crop{width:150px}.p-hero-heading{grid-template-columns:1fr;gap:22px;padding-block:32px 28px}.p2 h1{font-size:clamp(34px,9.5vw,52px);letter-spacing:-.065em;line-height:1.13}.p-hero-aside .hero-description{font-size:14px;line-height:1.7;margin-bottom:19px}.p-hero-aside .hero-description br{display:none}.p-hero-aside .button{font-size:12px;padding:14px 18px;gap:30px}.p-hero-image{height:280px}.p-hero-image img{object-position:56% center}.p-intro{padding-block:58px}.p-intro .eyebrow{font-size:9px;margin-bottom:20px}.p-intro h2{font-size:26px;line-height:1.45}.p-intro h2 br{display:none}.p-intro h2 span{display:block;margin-top:14px}.p-demo-layout{grid-template-columns:1fr;gap:28px}.p-demo-content h2{font-size:38px}.p-demo-content>p{font-size:14px;max-width:310px}.p-scene-tabs{margin-top:25px}.p-scene-tabs button{font-size:13px;padding:14px 0}.p2 .product-frame{border-width:5px}.p2 .media-caption{font-size:9px}.p-workflow{padding-top:0}.p-workflow>h2{font-size:38px}.p-step-track{grid-template-columns:1fr;gap:28px;margin-top:30px;padding-top:28px}.p-step-track article{display:grid;grid-template-columns:45px 1fr;column-gap:23px}.large-step{grid-row:1/3;font-size:39px}.p-step-track h3{margin:0;font-size:23px}.p-step-track p{margin-top:7px;font-size:13px;max-width:280px}.p-spaces{grid-template-columns:1fr;gap:35px}.p-spaces h2{font-size:47px}.p-spaces>div>p{font-size:14px;max-width:310px;margin-top:23px}.p-spaces figure>img{height:360px}.p-spaces figcaption{font-size:9px}.p2 .questions{grid-template-columns:1fr;gap:35px}.p-final{padding-block:55px 65px}.p-final h2{font-size:38px;line-height:1.16}.p-final .button{font-size:12px;gap:25px;margin-top:25px}.p2 .site-footer{padding-top:28px}.p2 .site-footer .brand-crop{width:135px}.review-dock{bottom:10px;padding:5px 6px 5px 10px;gap:8px;font-size:9px;max-width:calc(100% - 20px)}.review-options{padding-left:5px;gap:2px}.review-options a{padding:8px 9px}.review-options a span{display:none}.theme-toggle{font-size:9px;padding:8px 10px}.review-home{padding-right:2px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:18px;border-radius:14px}.dialog-top{gap:12px}.dialog-kicker{font-size:9px}.dialog-top h2{font-size:25px}.close-dialog{width:32px;height:32px;font-size:23px}.modal-tabs{gap:1px;margin-block:21px 15px}.modal-tabs button{font-size:9px;padding:9px}.modal-screen{border-width:3px}.dialog-bottom{align-items:start;gap:20px;margin-top:15px}.dialog-bottom p{font-size:10px;max-width:170px}.text-button{font-size:10px;white-space:nowrap;padding-top:0}.text-button span{margin-left:5px}.demo-note{font-size:8px;line-height:1.6;margin-top:12px}.comparison{padding-block:30px 50px}.compare-brand{margin-bottom:40px}.compare-heading h1{font-size:44px;margin-block:17px}.compare-heading .eyebrow{font-size:9px}.compare-heading>p:last-child{font-size:13px;max-width:300px}.comparison-grid{grid-template-columns:1fr;gap:36px;margin-top:30px}.compare-image{height:280px}.compare-card-title{gap:14px;margin-top:15px}.compare-card-title h2{font-size:21px}.compare-card-title p{font-size:10px}.comparison-note{font-size:10px;max-width:310px;margin-top:35px}}

#place-photo[data-kind="community"]{object-fit:contain;background:var(--surface)}

/* Blend the approved raster lockups against the local surface in both appearances. */
.brand-crop{background:var(--bg);mix-blend-mode:normal}
.brand-crop img{mix-blend-mode:multiply}
[data-theme="dark"] .brand-crop{mix-blend-mode:normal}
[data-theme="dark"] .brand-crop img{mix-blend-mode:screen}
.p-hero-image img{object-position:center 32%}
@media(max-width:640px){.p-hero-image img{object-position:56% center}}

.p-intro .intro-line{display:block;color:var(--fg)}
.p-intro .intro-line:last-child{color:var(--accent-ink)}
@media(max-width:640px){.p-intro .intro-line{display:inline}.p-intro .intro-line:last-child{display:block;margin-top:14px}}