@font-face{font-family:Onest;src:url('fonts/Onest-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#20232e;--muted:#666b76;--night:#17191f;--night-panel:#222631;--paper:#f4f1eb;--white:#fff;--amber:#efc486;--indigo:#757abe;--line:#d9d8d4;--light-text:#f6f3ec;--light-muted:#bcbfc9;--radius:18px;font-family:Onest,Arial,sans-serif;color:var(--light-text);background:var(--night);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em;font-weight:570}em{font-style:normal}svg{display:block}img{max-width:100%;display:block}button svg,.icon{width:22px;height:22px;flex-shrink:0}button{text-align:inherit}button:disabled{cursor:default}[hidden]{display:none!important}:focus-visible{outline:3px solid #8c92e7;outline-offset:5px}::selection{background:#efc486;color:#17191f}.wrap{max-width:1320px;width:calc(100% - 96px);margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;background:var(--amber);color:var(--ink)}.skip-link:focus{top:12px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}.eyebrow i{width:6px;height:6px;background:var(--amber);display:inline-block;border-radius:50%;margin-right:9px;vertical-align:2px}
.header{position:sticky;top:0;z-index:30;background:#17191ff5;border-bottom:1px solid #ffffff12;backdrop-filter:blur(12px)}.header-inner{height:88px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:43px;height:43px}.brand>span{font-size:27px;font-weight:600;letter-spacing:.01em;line-height:1}.brand small{display:block;font-size:7px;letter-spacing:.17em;font-weight:500;margin-top:7px;white-space:nowrap}.desktop-nav{display:flex;gap:30px;margin-left:auto;color:var(--light-muted);font-size:13px}.desktop-nav a:hover{color:var(--amber)}.header-contact{font-size:13px;border:1px solid #efc48670;padding:9px 16px;border-radius:7px;color:var(--amber)}.header-contact:hover{background:#efc48615}.menu-toggle{display:none;background:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:1px;width:24px;background:var(--light-text);margin:7px 0}.mobile-nav{padding:10px 24px 24px;display:grid;gap:12px}
.button{min-height:57px;padding:16px 25px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:630;line-height:1.4;border-radius:7px;transition:transform .18s,box-shadow .18s,background .18s;text-align:center;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(3px);box-shadow:none}.button-brass{color:#25231f;background:linear-gradient(#f3d5a7,#e9bd7d);border-color:#f7ddb5;box-shadow:0 5px 0 #967345,0 13px 22px #0003}.button-brass:hover{background:linear-gradient(#fae1ba,#efc98f)}.button-secondary{background:#282d38;color:#f3efe8;border-color:#49505f;box-shadow:0 4px 0 #0c0e13}.button-secondary:hover{background:#353b48}.button-dark{background:linear-gradient(#35303c,#241f2a);border-color:#4f4657;color:#fff;box-shadow:0 5px 0 #151019,0 15px 24px #352b2820}.button-dark:hover{background:#42394b}
.hero{position:relative;overflow:hidden;padding:50px 0 0;background:radial-gradient(ellipse at 85% 25%,#3b3c552d,transparent 60%),#17191f}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:30px;align-items:center;min-height:548px}.hero-copy{padding-bottom:25px;position:relative;z-index:2}.hero-copy .eyebrow{color:#bbb8c8;margin-bottom:26px}.hero h1{font-size:clamp(42px,4.45vw,67px);line-height:1.08;letter-spacing:-.05em;max-width:580px}.hero h1 em{display:block;color:var(--amber);margin-top:6px}.hero-description{font-size:17px;color:#c2c4cc;line-height:1.7;max-width:475px;margin-top:26px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.hero-actions .button{font-size:14px;padding-inline:19px}
.hero-scene{height:clamp(530px,43.4vw,610px);position:relative;min-width:0;isolation:isolate}.scene-grid{position:absolute;inset:-20px -70px 0 0;z-index:-2;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at 55% 45%,#000 22%,transparent 73%)}.scene-grid:after{content:'';position:absolute;inset:70px 35px 80px;border:1px solid #777db32e;border-radius:50%}.hero-window{position:absolute;top:106px;left:5px;width:calc(100% + 24px);border:1px solid #555967;border-radius:11px;box-shadow:0 26px 55px #0006;background:#f5f4f0;overflow:hidden;z-index:1}.window-bar{height:33px;display:flex;align-items:center;gap:13px;background:#282c36;color:#cccdd5;padding:0 14px;font-size:10px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#6f7380}.window-demo{font-size:8px;color:#979daa;margin-left:auto}.hero-screen{padding:0;display:block;width:100%;position:relative;background:#eef0f6}.catalog-screen{display:block;width:100%;aspect-ratio:1.6}.catalog-screen img{width:100%;height:100%;object-fit:contain}.screen-action{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#20232eef;color:#fff;padding:8px 14px;border-radius:6px;font-size:11px;white-space:nowrap;box-shadow:0 4px 15px #0002;opacity:0;transition:opacity .2s}.hero-screen:hover .screen-action,.hero-screen:focus-visible .screen-action{opacity:1}.scene-data{position:absolute;left:34px;top:3px;z-index:3;padding:15px 19px;background:#343746;border:1px solid #686b82;border-radius:10px;box-shadow:0 10px 24px #0003;transform:rotate(-2deg)}.scene-caption{font-size:10px;font-weight:550;color:#b9bacc;display:block;letter-spacing:.01em}.schema-tags{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:11px}.schema-tags span{padding:4px 9px;background:#525574;border-radius:4px;color:#f3f1fc}.schema-tags b{font-size:11px;font-weight:400;color:#9398b0}.scene-record{position:absolute;z-index:3;right:-22px;top:331px;width:292px;border-radius:11px;background:#fffaf0;color:#272631;padding:17px;box-shadow:0 15px 34px #0004;transform:rotate(2deg);border:1px solid #efdbb4}.record-head{display:flex;align-items:center;gap:9px}.record-symbol{width:34px;height:34px;display:grid;place-items:center;background:#efe0c5;border-radius:7px}.record-symbol svg{width:21px;height:21px}.record-head small{font-size:9px;display:block;color:#77717c}.record-head strong{font-size:12px;display:block;line-height:1.7}.record-status{margin-left:auto;font-size:9px;padding:2px 7px;background:#eddbc0;border-radius:5px}.record-values{display:flex;align-items:baseline;gap:17px;padding:12px 0;border-bottom:1px solid #e5dfd3}.record-values>strong{font-size:26px;line-height:1.3;font-weight:600;letter-spacing:-.025em}.record-values strong small{font-size:18px}.record-values>span{font-size:10px;color:#77717c}.record-bottom{display:flex;justify-content:space-between;font-size:11px;padding-top:10px}.record-bottom>span{color:#77717c}.scene-rule{position:absolute;left:18px;bottom:-5px;z-index:4;display:flex;align-items:center;gap:11px;border:1px solid #626176;background:#30323f;padding:13px 16px;border-radius:9px;box-shadow:0 12px 30px #0004;transform:rotate(-1deg)}.rule-icon{background:#494563;color:#cfbee1;padding:8px;border-radius:8px}.rule-icon svg{width:20px;height:20px}.scene-rule p{font-size:12px;margin-top:3px}.scene-rule p span{color:#8b8297;margin:0 5px}.rule-check{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#e6c997;color:#312b23;margin-left:8px}.scene-channel{position:absolute;border:1px dashed #969bbc80;border-radius:14px;z-index:0}.channel-top{left:80px;top:65px;width:200px;height:84px}.channel-bottom{bottom:9px;right:30px;height:115px;width:255px}
.hero-foundation{margin-top:28px;display:flex;align-items:center;gap:40px;padding:28px 0 29px;border-top:1px solid #ffffff16}.hero-foundation>p{font-size:11px;line-height:1.6;color:#8c919f;min-width:155px}.hero-foundation>div{display:flex;justify-content:space-between;gap:24px;flex:1}.hero-foundation span{display:flex;align-items:center;gap:12px;font-size:13px;color:#bfc2cd}.hero-foundation svg{width:19px;height:19px;color:#c1a77d}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:18px;color:var(--muted)}h2{font-size:clamp(36px,3.65vw,53px);line-height:1.08;letter-spacing:-.045em}.section-heading>p{font-size:15px;line-height:1.8;max-width:330px;color:var(--muted);padding-bottom:4px}.examples-section{background:var(--paper);color:var(--ink);padding:78px 0 62px}.examples-section h2 em{color:#787787}.catalog-toolbar{display:flex;align-items:center;gap:18px;background:#e8e5df;border:1px solid #d8d6d0;padding:13px 16px;border-radius:11px 11px 0 0}.catalog-toolbar label{font-size:12px;color:#676774}.catalog-toolbar select{min-width:300px;background-color:#fff;border:1px solid #c6c7cc;color:#232733;font-weight:600;border-radius:6px;height:43px;padding:0 36px 0 14px;font-size:14px}.catalog-toolbar>span{margin-left:auto;font-size:11px;color:#67636e}.catalog-panel{display:grid;grid-template-columns:280px minmax(0,1fr);background:#fff;border:1px solid #d8d6d0;border-top:0;border-radius:0 0 13px 13px;overflow:hidden;box-shadow:0 15px 32px #3b34260a}.catalog-choices{padding:21px 18px;display:flex;flex-direction:column;gap:15px;background:#f9f8f5;border-right:1px solid #e2e1dc}.case-choice{background:transparent;border:1px solid transparent;padding:14px;text-align:left;border-radius:9px;cursor:pointer;width:100%;transition:background .2s,border .2s}.case-choice:hover{background:#ecebf0}.case-choice[aria-selected=true]{background:#eeedf7;border-color:#b8b8d6;box-shadow:0 3px 8px #25244608}.case-choice-heading{display:flex;align-items:start;gap:8px;font-size:15px;font-weight:600;line-height:1.4}.case-marker{flex-shrink:0;width:7px;height:7px;border:1px solid #9696a3;border-radius:50%;margin-top:7px}.case-choice[aria-selected=true] .case-marker{background:#6e73ba;border-color:#6e73ba;box-shadow:0 0 0 4px #6e73ba15}.case-description{display:block;color:#676676;font-size:12px;line-height:1.65;margin:10px 0 12px 15px}.case-tags{display:block;margin-left:15px;color:#696877;font-size:10px;line-height:1.6}.catalog-stage{min-width:0;background:#e9ecf3;padding:21px}.catalog-card{min-width:0}.catalog-mobile-description{display:none}.catalog-screen-button{width:100%;display:block;padding:0;background:#fff;border:1px solid #bec3d3;border-radius:6px;overflow:hidden;box-shadow:0 9px 25px #424b641a;transition:transform .2s,box-shadow .2s}.catalog-screen-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #424b6429}.catalog-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;font-size:10px;color:#61687a}.catalog-expand{padding:6px 11px;border:1px solid #babecb;color:#47485d;background:#f9faff;border-radius:5px;font-size:11px}.catalog-expand:hover{border-color:#666cab;background:#fff}.catalog-note{font-size:11px;color:#686775;margin-top:18px;text-align:right}
.capabilities-section{padding:78px 0 46px;background:radial-gradient(ellipse at 3% 55%,#41435b24,transparent 50%),#191b23}.capabilities-section .section-heading .eyebrow{color:#9296a7}.capabilities-section .section-heading>p{color:#b6b9c7}.capabilities-section h2 em{color:#b8b9d7}.cap-workspace{scroll-margin-top:12px;display:grid;grid-template-columns:247px minmax(0,1fr);border:1px solid #454653;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #0002;background:#242731}.cap-menu{padding:19px 12px;display:flex;flex-direction:column;gap:4px}.cap-tab{display:flex;align-items:center;gap:11px;background:transparent;color:#babdca;padding:12px 14px;font-size:13px;border-radius:6px;line-height:1.4;min-height:44px;border:1px solid transparent;transition:background .2s}.cap-tab>.icon{width:17px;height:17px;color:#9294aa}.cap-tab:hover{background:#333744;color:#fff}.cap-tab[aria-selected=true]{background:#ebcb99;color:#29272c;border-color:#f1d9b5;box-shadow:0 3px 0 #967b51}.cap-tab[aria-selected=true]>.icon{color:#635238}.cap-mobile{display:none}.cap-panels{background:#f6f5f1;color:#242633;min-width:0}.cap-panel{padding:30px}.cap-intro{display:grid;grid-template-columns:minmax(220px,.87fr) minmax(310px,1.13fr);gap:26px;align-items:center;padding-bottom:27px}.cap-intro h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin:8px 0 17px}.cap-intro .cap-subtitle{font-size:10px;color:#777386;font-weight:550;letter-spacing:.07em;text-transform:uppercase}.cap-description{font-size:14px;line-height:1.85;color:#6e6e7b}.cap-figure{margin:0;min-width:0}.cap-figure figcaption{color:#6d6570;text-align:right;margin-top:8px;font-size:9px}.cap-scenarios{border-top:1px solid #d5d4cf}.cap-scenario{border-bottom:1px solid #dddbd6}.cap-scenario summary{display:flex;gap:20px;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px;font-weight:550;padding:16px 0;line-height:1.5}.cap-scenario summary::-webkit-details-marker{display:none}.cap-scenario summary:after{content:'+';font-weight:400;font-size:22px;color:#7c7da2;flex-shrink:0;line-height:1}.cap-scenario[open] summary:after{content:'−'}.cap-scenario p{font-size:13px;line-height:1.85;color:#6a6a76;padding:0 30px 17px 0;max-width:740px}.cap-tags{display:flex;flex-wrap:wrap;gap:6px 15px;list-style:none;padding:20px 0 0;margin:0;font-size:10px;color:#6b6372}.cap-tags li:before{content:'·';margin-right:7px;color:#ae9674}.cap-tail{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 0 4px}.cap-tail p{font-size:14px;color:#a9acbb;line-height:1.75}.cap-tail strong{font-weight:500;color:#e1dfdf}.cap-tail .button{font-size:14px}
.privacy-section{overflow:hidden;padding:72px 0 78px;background:#20232b;color:#f6f3ec;border-top:1px solid #ffffff0c}.privacy-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.privacy-copy>.eyebrow{color:#989ead;margin-bottom:20px}.privacy-copy h2{font-size:44px}.privacy-copy h2 em{color:#cebd9e}.privacy-description{font-size:15px;color:#afb5c3;line-height:1.8;max-width:510px;margin-top:24px}.privacy-principles{display:grid;gap:21px;margin-top:30px}.privacy-principles article{display:flex;gap:15px;align-items:flex-start}.privacy-principles article>.icon{color:#c3ac85;margin-top:2px;width:20px;height:20px}.privacy-principles h3{font-size:15px;line-height:1.5;letter-spacing:-.02em;font-weight:550}.privacy-principles p{font-size:13px;line-height:1.8;color:#939baa;max-width:430px;margin-top:5px}.security-scene{position:relative;height:445px;isolation:isolate;background:radial-gradient(ellipse at 50% 43%,#777ca325,transparent 60%)}.security-orbit{position:absolute;left:50%;top:43%;border:1px solid #8d94ba2e;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-outer{width:405px;height:350px;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-inner{width:310px;height:256px;transform:translate(-50%,-50%) rotate(20deg);border-style:dashed}.security-core{position:absolute;top:110px;left:calc(50% - 72px);width:144px;height:154px;border:1px solid #73778e;border-radius:25px;background:linear-gradient(140deg,#474e66,#2b3041);box-shadow:inset 0 1px 0 #bec5e44d,0 10px 0 #171e2c,0 20px 35px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.security-core>.icon{width:38px;height:38px;color:#efce98}.security-core strong{text-align:center;font-size:15px;line-height:1.3;font-weight:550}.security-node{position:absolute;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #50586e;border-radius:8px;background:#292e3b;font-size:10px;box-shadow:0 7px 16px #0002;color:#d8dbe6}.security-node>.icon{width:17px;height:17px;color:#bab4d4}.node-roles{top:37px;left:34px;transform:rotate(-3deg)}.node-backup{right:0;top:73px;transform:rotate(3deg)}.node-log{left:4px;top:250px;transform:rotate(-3deg)}.nda-document{position:absolute;right:18px;bottom:1px;width:249px;padding:20px 22px;background:#f1e6d2;color:#3b3540;border:1px solid #ecd3a9;border-radius:5px 19px 5px 5px;transform:rotate(4deg);box-shadow:0 15px 35px #0003}.nda-document>div{display:flex;align-items:center;justify-content:space-between}.nda-document>div>span{font-size:38px;letter-spacing:-.04em;font-weight:550;line-height:1.3}.nda-document .icon{color:#998468;width:22px;height:22px}.nda-document p{font-size:10px;line-height:1.8;color:#6b5d60;margin:9px 0 15px}.document-line{display:block;width:90px;height:1px;background:#b7a383;position:relative}.document-line:after{content:'';position:absolute;width:45px;height:1px;top:5px;background:#b7a383}
.contact-section{padding:40px 0 50px;background:#20232b}.contact-board{border-radius:17px;background:radial-gradient(ellipse at 14% -30%,#fff3cb,transparent 65%),#e7c38b;color:#322c32;padding:50px 55px;display:grid;grid-template-columns:1fr 1fr;gap:65px;position:relative;overflow:hidden}.contact-board:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #987b4430;border-radius:50%;left:-210px;bottom:-435px;pointer-events:none}.contact-heading .eyebrow{color:#66513a;margin-bottom:19px}.contact-heading h2{font-size:47px}.contact-heading h2 em{color:#655365}.contact-heading>p:last-child{font-size:13px;color:#65503e;margin-top:20px}.contact-action{align-self:center}.contact-action>p{font-size:15px;line-height:1.8;color:#6b584e}.contact-action>.button{width:100%;margin:23px 0 18px}.contact-action>small{font-size:11px;color:#645039;display:block}.footer{background:#17191f}.footer-inner{min-height:109px;display:flex;align-items:center;gap:27px;color:#89909d;font-size:11px}.footer-wordmark{color:#e8e1d5;font-size:28px;font-weight:650;letter-spacing:-.025em}.footer-inner>p{max-width:200px;line-height:1.5}.footer-inner>span{margin-left:auto}.footer-inner>a:last-child{border-bottom:1px solid #79705e;color:#c5b18f}
dialog{border:1px solid #585969;background:#252833;color:#f6f3ec;padding:0;border-radius:15px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);box-shadow:0 30px 80px #0009}dialog::backdrop{background:#0c0e14d9;backdrop-filter:blur(7px)}body.modal-open{overflow:hidden}.icon-button{min-width:38px;min-height:38px;border:1px solid #55596b;border-radius:6px;background:#313644;display:grid;place-items:center;padding:8px;font-size:11px}.icon-button:hover,.zoom-button:hover{background:#44495e}.icon-button svg{width:18px;height:18px}.contact-dialog{width:570px;padding:44px}.dialog-close{position:absolute;right:15px;top:15px}.contact-dialog .eyebrow{font-size:10px;color:#b2a68f;margin:10px 0 20px}.contact-dialog h2{font-size:35px}.contact-placeholder{margin:30px 0;background:#303442;padding:20px;border-radius:8px}.contact-placeholder h3{font-size:17px;line-height:1.3}.contact-placeholder p{font-size:13px;color:#bfc2cd;line-height:1.75;margin-top:10px}.contact-dialog .button{font-size:13px}.image-dialog{width:min(1550px,calc(100vw - 40px));overflow:hidden}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:20px;border-bottom:1px solid #ffffff12}.viewer-label{font-size:9px;color:#a5a9bc}.viewer-toolbar h2{font-size:19px;letter-spacing:-.02em;line-height:1.4;margin-top:3px}.viewer-actions{display:flex;align-items:center;gap:9px}.viewer-position{font-size:11px;white-space:nowrap;color:#aaafbe;margin-right:5px}.zoom-button{background:#353b4c;border:1px solid #686c80;border-radius:6px;padding:8px 13px;min-height:38px;font-size:11px}.viewer-stage{height:min(72dvh,calc((100vw - 80px)/var(--viewer-ratio,1.6)));background:#dfe3ec;overflow:auto;overscroll-behavior:contain;display:flex;justify-content:center;align-items:center}.viewer-stage>.catalog-screen{height:100%;width:auto;max-width:100%;aspect-ratio:var(--viewer-ratio,1.6)}.viewer-stage.zoomed{display:block}.viewer-stage.zoomed>.catalog-screen{width:var(--native-width,1440px);height:auto;max-width:none}.viewer-hint{font-size:10px;color:#a1a7b8;padding:9px 20px}.catalog-screen img{user-select:none}
@media(min-width:1550px){.hero-scene{height:610px}.hero-window{top:99px}.scene-record{top:353px}.scene-rule{bottom:-6px}.hero-grid{min-height:555px}.hero-copy{padding-bottom:10px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header-inner{gap:25px}.desktop-nav{gap:20px}.hero-grid{grid-template-columns:.95fr 1.05fr;gap:20px;min-height:510px}.hero h1{font-size:49px}.hero-description{font-size:15px}.hero-scene{height:475px}.hero-window{top:101px}.scene-record{top:276px;width:255px;right:-15px}.scene-rule{bottom:0;left:2px}.scene-data{left:10px}.hero-foundation{margin-top:28px}.hero-actions .button{font-size:12px;padding-inline:14px}.catalog-panel{grid-template-columns:240px minmax(0,1fr)}.catalog-choices{padding:14px 10px}.catalog-stage{padding:18px}.cap-workspace{grid-template-columns:220px minmax(0,1fr)}.cap-tab{font-size:11px;padding-inline:10px}.cap-panel{padding:25px}.cap-intro{grid-template-columns:1fr;gap:22px}.cap-intro-text{max-width:650px}.cap-intro h3{font-size:27px;max-width:500px;margin-bottom:13px}.cap-description{font-size:14px}.cap-figure{max-width:560px;width:100%;margin-inline:auto}.cap-scenario summary{font-size:14px}.privacy-layout{gap:30px}.privacy-copy h2{font-size:40px}.node-roles{left:0}.node-backup{right:-3px}.security-node{font-size:9px;padding:10px}.orbit-outer{width:345px}.nda-document{right:0;width:232px}.contact-board{gap:36px;padding:43px 37px}.contact-heading h2{font-size:42px}}
@media(max-width:900px){html{scroll-padding-top:76px}.desktop-nav{font-size:11px;gap:16px}.header-inner{height:76px}.brand>span{font-size:23px}.brand svg{width:36px;height:36px}.header-contact{padding:8px 12px;font-size:11px}.hero{padding-top:46px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{text-align:center;max-width:660px;margin:auto;padding:0}.hero h1{font-size:58px;max-width:none}.hero-description{max-width:540px;margin:23px auto 0;font-size:16px}.hero-actions{justify-content:center;margin-top:28px}.hero-actions .button{font-size:14px;padding-inline:24px}.hero-scene{width:min(635px,95%);height:535px;margin:0 auto}.hero-window{top:99px;left:0;width:100%}.scene-record{top:326px;width:280px;right:-10px}.scene-data{left:25px;top:0}.scene-rule{bottom:3px;left:17px}.hero-foundation{gap:23px}.hero-foundation>p{min-width:115px;font-size:10px}.hero-foundation span{font-size:11px;gap:7px}.hero-foundation>div{gap:13px}.hero-foundation svg{width:17px;height:17px}.section-heading{gap:30px}.section-heading>p{max-width:250px;font-size:13px}.section-heading h2{font-size:39px}.catalog-toolbar select{min-width:230px;font-size:12px}.catalog-toolbar>span{font-size:9px}.catalog-toolbar label{font-size:10px}.catalog-panel{grid-template-columns:1fr}.catalog-choices{flex-direction:row;border-right:0;border-bottom:1px solid #dddfdc;padding:13px}.case-choice{flex:1}.case-description{font-size:11px;margin-bottom:7px}.case-tags{font-size:9px}.case-choice-heading{font-size:14px}.catalog-stage{padding:22px}.catalog-note{font-size:10px}.cap-workspace{grid-template-columns:210px minmax(0,1fr)}.cap-tab{font-size:11px}.cap-panel{padding:25px}.cap-description{font-size:13px}.cap-intro h3{font-size:24px}.privacy-layout{grid-template-columns:1fr 1fr;gap:25px}.privacy-copy h2{font-size:36px}.privacy-description{font-size:13px}.privacy-principles h3{font-size:13px}.privacy-principles p{font-size:11px}.security-scene{height:435px}.orbit-outer{width:300px;height:300px}.orbit-inner{width:235px;height:235px}.security-core{width:127px;height:144px;left:calc(50% - 63px)}.node-roles{top:22px}.node-backup{top:81px;right:0}.node-log{top:274px;left:0}.nda-document{width:213px;bottom:0}.contact-board{padding:35px;gap:30px}.contact-heading h2{font-size:38px}.contact-action>p{font-size:13px}.contact-action>small{font-size:10px}}
@media(max-width:650px){html{scroll-padding-top:68px}.wrap{width:calc(100% - 40px)}.header-inner{height:68px;justify-content:space-between;gap:15px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:block}.brand svg{width:33px;height:33px}.brand>span{font-size:22px}.brand small{font-size:6px}.hero{padding-top:39px}.hero-grid{gap:35px}.hero-copy{text-align:left}.hero-copy .eyebrow{font-size:9px;margin-bottom:21px}.hero h1{font-size:clamp(37px,9vw,53px);line-height:1.09;letter-spacing:-.045em}.hero-description{font-size:14px;line-height:1.8;margin-top:22px}.hero-actions{justify-content:flex-start;gap:12px;margin-top:25px}.hero-actions .button{font-size:12px;padding:14px 15px;min-height:49px}.hero-scene{width:100%;height:477px;margin:2px 0 0}.hero-window{top:97px;width:100%}.window-bar{height:25px;font-size:7px;padding:0 9px;gap:7px}.window-demo{font-size:6px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.scene-data{top:0;left:6px;padding:11px 13px}.scene-caption{font-size:9px}.schema-tags{font-size:10px;margin-top:7px;gap:8px}.schema-tags span{padding:3px 8px}.scene-record{top:260px;right:1px;width:244px;padding:12px;transform:rotate(2deg)}.record-values{padding:8px 0}.record-values>strong{font-size:24px}.record-head strong{font-size:11px}.record-bottom{padding-top:7px}.scene-rule{left:3px;bottom:0;padding:10px 12px;gap:9px;transform:rotate(-1deg)}.rule-icon{padding:6px}.rule-icon svg{width:17px;height:17px}.scene-rule p{font-size:10px}.rule-check{width:19px;height:19px;font-size:10px}.scene-channel.channel-bottom{bottom:25px;height:70px}.hero-foundation{margin-top:34px;display:block;padding:22px 0 26px}.hero-foundation>p{font-size:10px;margin-bottom:18px}.hero-foundation>p>br{display:none}.hero-foundation>div{display:grid;grid-template-columns:1fr 1fr;gap:17px 30px}.hero-foundation span{font-size:11px;gap:11px}.section-heading{display:block;margin-bottom:27px}.section-heading .eyebrow{font-size:10px;margin-bottom:15px}.section-heading h2{font-size:36px;line-height:1.1}.section-heading>p{max-width:100%;font-size:13px;margin-top:20px}.examples-section{padding:49px 0 40px}.catalog-toolbar{display:block;padding:14px}.catalog-toolbar label{font-size:10px;display:block;margin-bottom:7px}.catalog-toolbar select{width:100%;min-width:0;font-size:13px;height:43px}.catalog-toolbar>span{display:none}.catalog-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.case-choice{padding:11px 8px}.case-choice-heading{font-size:11px;gap:7px;line-height:1.5}.case-marker{width:5px;height:5px;margin-top:6px}.case-description{display:none}.case-tags{display:none}.catalog-stage{padding:13px 10px}.catalog-mobile-description{display:block;font-size:11px;line-height:1.75;color:#626a7b;margin:1px 4px 13px}.catalog-caption{align-items:center;margin-top:12px;gap:8px;font-size:8px}.catalog-expand{font-size:9px;padding:7px 9px;min-height:35px;white-space:nowrap}.catalog-note{text-align:left;font-size:9px;line-height:1.7;margin-top:13px}.capabilities-section{padding:48px 0 33px}.cap-workspace{scroll-margin-top:10px;display:block;border-radius:12px}.cap-menu{display:none}.cap-mobile{display:block;padding:17px}.cap-mobile label{display:block;font-size:10px;color:#b9bdca;margin-bottom:7px}.cap-mobile select{width:100%;height:46px;border:1px solid #656875;border-radius:6px;padding:0 12px;background:#333847;color:#faf3e9;font-size:13px}.cap-panel{padding:24px 17px}.cap-intro{display:block;padding-bottom:23px}.cap-intro h3{font-size:25px;margin:9px 0 15px;line-height:1.18}.cap-intro .cap-subtitle{font-size:9px}.cap-description{font-size:13px;line-height:1.85}.cap-figure{margin-top:24px}.cap-scenario summary{font-size:12px;padding:14px 0;gap:15px}.cap-scenario p{font-size:11px;line-height:1.85;padding-right:8px}.cap-tags{font-size:9px;gap:6px 12px;padding-top:17px}.cap-tail{display:block;padding-top:25px}.cap-tail p{font-size:13px}.cap-tail .button{width:100%;margin-top:20px;font-size:13px}.privacy-section{padding:48px 0 20px}.privacy-layout{display:block}.privacy-copy>.eyebrow{font-size:10px;margin-bottom:17px}.privacy-copy h2{font-size:36px}.privacy-description{font-size:14px;line-height:1.8;margin-top:21px}.privacy-principles{gap:23px;margin-top:26px}.privacy-principles h3{font-size:14px}.privacy-principles p{font-size:12px}.security-scene{height:418px;width:min(360px,100%);margin:32px auto 0}.orbit-outer{width:320px}.node-roles{left:3px}.node-backup{right:0;top:83px}.node-log{top:256px}.security-core{top:117px}.nda-document{bottom:6px;right:6px}.contact-section{padding:15px 0 30px}.contact-board{padding:29px 24px;display:block;border-radius:12px}.contact-heading .eyebrow{font-size:9px;margin-bottom:16px}.contact-heading h2{font-size:38px;line-height:1.12}.contact-heading>p:last-child{font-size:11px;margin-top:16px}.contact-action{margin-top:26px;border-top:1px solid #ab865548;padding-top:21px}.contact-action>p{font-size:13px}.contact-action>.button{font-size:14px;margin:21px 0 18px}.contact-action>small{font-size:10px}.footer-inner{min-height:150px;flex-wrap:wrap;gap:14px 20px;padding-block:25px;font-size:9px}.footer-wordmark{font-size:25px}.footer-inner>p{max-width:180px;flex:1}.footer-inner>span{margin-left:0;flex-basis:calc(100% - 78px)}.footer-inner>a:last-child{font-size:10px}.contact-dialog{padding:37px 25px}.contact-dialog h2{font-size:29px}.contact-dialog .button{width:100%;font-size:12px}.viewer-toolbar{align-items:flex-start;gap:12px;padding:13px;flex-direction:column}.viewer-toolbar h2{font-size:16px}.viewer-actions{width:100%;gap:7px;justify-content:flex-end}.viewer-position{margin-right:auto;font-size:10px}.viewer-actions .icon-button{font-size:9px;padding:6px;min-height:35px;min-width:35px}.zoom-button{font-size:10px;padding:6px 10px;min-height:35px}.image-dialog{width:calc(100vw - 18px);max-width:calc(100vw - 18px);border-radius:10px}.viewer-stage{height:54dvh;min-height:220px;align-items:center}.viewer-stage>.catalog-screen{width:100%;height:auto}.viewer-stage.zoomed>.catalog-screen{width:1440px}.viewer-hint{font-size:9px;line-height:1.7;padding:10px 13px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;padding-inline:12px}.hero-scene{height:455px}.scene-record{top:242px;width:226px}.record-values>span{font-size:9px}.record-head{gap:7px}.scene-rule{bottom:0}.section-heading h2,.privacy-copy h2{font-size:32px}.cap-panel{padding-inline:14px}.orbit-outer{width:285px}.contact-board{padding-inline:21px}.contact-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* All artwork is composed from original HTML/SVG and scoped to this namespace. */
.product-visual {
  --pv-ink: #222334; --pv-muted: #666675; --pv-line: #dedce4;
  --pv-amber: #e9b967; --pv-indigo: #6e73ba; --pv-terra: #c76c58;
  box-sizing: border-box; container-type: inline-size;
  width: 100%; min-height: 0; padding: 0;
  border: 0; border-radius: 0;
  background: transparent; color: var(--pv-ink);
  font-family: Onest, Arial, sans-serif; font-size: 13px; line-height: 1.45;
  font-variant-numeric: tabular-nums; text-align: left;
  isolation: isolate;
}
.product-visual *, .product-visual *::before, .product-visual *::after { box-sizing: border-box; }
.product-visual p, .product-visual strong, .product-visual span, .product-visual div { font-family: inherit; }
.product-visual p { margin: 0; }
.product-visual strong { color: var(--pv-ink); font-weight: 600; line-height: 1.25; }
.product-visual small { font: inherit; }
.product-visual .pv-nowrap { white-space: nowrap; }
.product-visual .pv-heading { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 16px; align-items: baseline; font-size: 12px; font-weight: 600; }
.product-visual .pv-period { color: var(--pv-muted); font-size: 12px; font-weight: 400; flex-shrink: 0; }
.product-visual .pv-scene { position: relative; }
.product-visual .pv-label { display: block; color: var(--pv-muted); font-size: 12px; line-height: 1.45; }
.product-visual .pv-card { background: #fffdf9; border: 1px solid #e0dce1; border-radius: 11px; box-shadow: 0 5px 16px #352d3810; }
.product-visual .pv-badge { display: inline-flex; align-items: center; justify-content: center; padding: 5px 8px; font-size: 12px; line-height: 1.3; border-radius: 6px; font-weight: 500; }
.product-visual .pv-badge-indigo { color: #484d8a; background: #e4e5f6; }
.product-visual .pv-badge-amber { color: #6c481b; background: #f9e5c0; }
.product-visual .pv-badge-terra { color: #874638; background: #f6e0d9; }
.product-visual .pv-avatar { display: grid; place-items: center; width: 35px; height: 35px; flex-shrink: 0; border-radius: 11px; font-size: 17px; font-weight: 600; }
.product-visual .pv-avatar-indigo { background: #e3e3f4; color: #525691; }
.product-visual .pv-avatar-amber { background: #f9e5c3; color: #80551f; }
.product-visual .pv-avatar-terra { background: #f5dfd8; color: #9b4a38; }
.product-visual .pv-footnote { display: flex; align-items: center; justify-content: flex-start; gap: 7px; margin-top: 17px; color: #686572; font-size: 12px; line-height: 1.5; }
.product-visual .pv-status-dot { display: inline-block; width: 7px; height: 7px; flex-shrink: 0; border-radius: 50%; background: var(--pv-indigo); }
.product-visual .pv-key { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 5px; flex-shrink: 0; }
.product-visual .pv-key-indigo { background: var(--pv-indigo); }
.product-visual .pv-key-amber { background: var(--pv-amber); }
.product-visual .pv-key-neutral { background: #d2d0da; }

/* Linked records: one entity with explicit relationships. */
.product-visual.pv-data { background: transparent; }
.product-visual .pv-company { display: flex; align-items: center; gap: 12px; padding: 17px; position: relative; }
.product-visual .pv-company > div { min-width: 0; flex: 1; }
.product-visual .pv-company strong { display: block; margin-top: 3px; font-size: 18px; }
.product-visual .pv-company::after { content: ''; position: absolute; top: 100%; height: 16px; width: 1px; background: #a6a9cf; left: 50%; }
.product-visual .pv-linked-records { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 31px; position: relative; }
.product-visual .pv-linked-records::before { content: ''; position: absolute; left: 25%; right: 25%; top: -16px; height: 16px; border: 1px solid #a6a9cf; border-bottom: 0; border-radius: 7px 7px 0 0; }
.product-visual .pv-linked { display: flex; flex-direction: column; gap: 6px; padding: 14px; }
.product-visual .pv-linked strong { font-size: 15px; }
.product-visual .pv-linked > span:last-child { color: #716b79; font-size: 12px; }
.product-visual .pv-document-strip { display: flex; align-items: center; gap: 12px; padding: 13px 15px; margin-top: 14px; border-radius: 9px; background: #dedff0; }
.product-visual .pv-document-strip > div { flex: 1; }
.product-visual .pv-document-strip strong, .product-visual .pv-document-strip span:not(.pv-document-icon):not(.pv-count) { display: block; font-size: 12px; }
.product-visual .pv-document-strip div > span { margin-top: 3px; color: #626170; }
.product-visual .pv-count { border: 1px solid #b9bcde; background: #f7f7ff; min-width: 28px; height: 28px; display: grid; place-items: center; border-radius: 6px; font-weight: 600; }
.product-visual .pv-document-icon { position: relative; display: block; width: 24px; height: 30px; flex-shrink: 0; border: 1.5px solid #8a8db3; border-radius: 3px; }
.product-visual .pv-document-icon::after { content: ''; position: absolute; left: 5px; right: 5px; top: 9px; height: 9px; border-block: 1px solid #8a8db3; }
.product-visual.pv-data .pv-footnote { margin-top: 12px; }

/* Actual trend values: 84,260; 91,684; 87,930; 102,416; 109,784; 118,632. */
.product-visual.pv-analytics { background: transparent; }
.product-visual .pv-analytics-kpi { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.product-visual .pv-analytics-kpi strong { display: block; font-size: 30px; margin-top: 4px; letter-spacing: -.04em; }
.product-visual .pv-analytics-kpi strong small { font-size: 20px; font-weight: 450; }
.product-visual .pv-trend { display: flex; gap: 8px; margin-top: 21px; height: 145px; }
.product-visual .pv-y-axis { width: 40px; padding-bottom: 23px; display: flex; flex-direction: column; justify-content: space-between; font-size: 12px; color: #626170; flex-shrink: 0; white-space: nowrap; }
.product-visual .pv-plot { flex: 1; min-width: 0; position: relative; height: 124px; }
.product-visual .pv-chart-grid { position: absolute; inset: 0 0 2px; border-top: 1px solid #e5e1e4; border-bottom: 1px solid #ddd8de; }
.product-visual .pv-chart-grid::after { content: ''; position: absolute; inset: 50% 0 auto; border-top: 1px dashed #e5e1e4; }
.product-visual .pv-plot svg { position: relative; width: 100%; height: 124px; display: block; overflow: visible; }
.product-visual .pv-chart-area { fill: #6e73ba16; }
.product-visual .pv-chart-line { stroke: #6e73ba; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; fill: none; vector-effect: non-scaling-stroke; }
.product-visual .pv-plot circle { fill: #fff; stroke: #6e73ba; stroke-width: 2; vector-effect: non-scaling-stroke; }
.product-visual .pv-months { display: flex; justify-content: space-between; gap: 1px; font-size: 12px; color: #626170; padding-top: 6px; }
.product-visual .pv-contribution { margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.product-visual .pv-contribution > div:not(.pv-composition-bar) { display: flex; flex-direction: column; gap: 5px; }
.product-visual .pv-contribution span { font-size: 12px; color: #626170; }
.product-visual .pv-contribution strong { font-size: 15px; }
.product-visual .pv-composition-bar { grid-column: 1/-1; display: flex; height: 6px; overflow: hidden; border-radius: 3px; gap: 2px; }
.product-visual .pv-composition-bar i:first-child { background: var(--pv-indigo); }
.product-visual .pv-composition-bar i:last-child { background: var(--pv-amber); }

/* Cash flow: opening + inflow - outflow = closing. */
.product-visual.pv-finance { background: transparent; }
.product-visual .pv-balance { position: relative; padding: 17px; border-radius: 10px; background: #fffdf8; border: 1px solid #e4d9ca; }
.product-visual .pv-balance > strong { display: block; font-size: 32px; margin-top: 4px; letter-spacing: -.035em; }
.product-visual .pv-balance strong small { font-size: 23px; font-weight: 450; }
.product-visual .pv-balance .pv-badge { position: absolute; right: 14px; bottom: 16px; }
.product-visual .pv-money-rows { margin-top: 12px; }
.product-visual .pv-money-rows > div { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 10px 1px; border-bottom: 1px solid #dcd5cc; font-size: 13px; }
.product-visual .pv-money-rows strong { white-space: nowrap; }
.product-visual .pv-money-rows i { display: inline-grid; place-items: center; font-style: normal; width: 19px; height: 19px; border-radius: 5px; margin-right: 7px; }
.product-visual .pv-incoming i { background: #dedff0; color: #505893; }
.product-visual .pv-outgoing i { background: #f0d5cc; color: #914a39; }
.product-visual .pv-cash-bars { margin-top: 13px; display: grid; gap: 7px; }
.product-visual .pv-cash-bars > div { display: grid; grid-template-columns: 100px 1fr; gap: 10px; align-items: center; color: #626170; font-size: 12px; }
.product-visual .pv-cash-bars i { display: block; height: 7px; width: var(--bar); background: var(--pv-indigo); border-radius: 4px; }
.product-visual .pv-cash-bars > div:last-child i { background: var(--pv-terra); }
.product-visual.pv-finance .pv-footnote { margin-top: 11px; }

/* Capacity: status labels and values remain readable without color. */
.product-visual.pv-team { background: transparent; }
.product-visual .pv-load-caption { display: flex; justify-content: space-between; gap: 12px; color: #626170; font-size: 12px; margin-bottom: 15px; }
.product-visual .pv-workload { display: grid; gap: 16px; }
.product-visual .pv-person-load { display: flex; gap: 12px; align-items: center; }
.product-visual .pv-person-load > div { flex: 1; min-width: 0; }
.product-visual .pv-person-heading { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; margin-bottom: 7px; }
.product-visual .pv-person-heading strong { font-size: 14px; }
.product-visual .pv-person-heading > span { font-size: 12px; white-space: nowrap; color: #6b6373; }
.product-visual .pv-load-track { height: 8px; background: #dddce8; position: relative; border-radius: 4px; margin-bottom: 5px; }
.product-visual .pv-load-track i { display: block; height: 100%; border-radius: inherit; background: var(--pv-indigo); }
.product-visual .pv-person-over .pv-load-track i { background: var(--pv-terra); }
.product-visual .pv-person-over .pv-label { color: #984737; }
.product-visual .pv-person-over b { position: absolute; top: -3px; bottom: -3px; right: 9.1%; width: 2px; background: #fffaf7; }
.product-visual .pv-callout { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; margin-top: 18px; font-size: 12px; }
.product-visual .pv-callout-terra { background: #f5dfd7; color: #844a3b; }
.product-visual .pv-callout-symbol { display: grid; place-items: center; flex-shrink: 0; width: 18px; height: 18px; border: 1px solid currentColor; border-radius: 50%; font-weight: 600; }

/* Stock math with a visible reserved/available split. */
.product-visual.pv-warehouse { background: transparent; }
.product-visual .pv-stock-title { display: flex; align-items: center; gap: 12px; }
.product-visual .pv-stock-title strong { display: block; font-size: 16px; }
.product-visual .pv-stock-title div > span { display: block; font-size: 12px; color: #6e614f; margin-top: 4px; }
.product-visual .pv-package-icon { display: block; position: relative; width: 32px; height: 29px; border: 1.5px solid #b98c49; background: #f2d6aa; border-radius: 4px; flex-shrink: 0; }
.product-visual .pv-package-icon::before { content: ''; position: absolute; inset: -1px 12px 12px; border: 1px solid #b98c49; background: #ffedce; }
.product-visual .pv-stock-kpis { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 23px; }
.product-visual .pv-stock-kpis > div { border-right: 1px solid #ddd2c1; padding-left: 15px; }
.product-visual .pv-stock-kpis > div:first-child { padding-left: 0; }
.product-visual .pv-stock-kpis > div:last-child { border: 0; }
.product-visual .pv-stock-kpis span { color: #786b5b; font-size: 12px; }
.product-visual .pv-stock-kpis strong { display: block; font-size: 28px; margin-top: 4px; }
.product-visual .pv-stock-kpis > div:last-child strong { color: #575da1; }
.product-visual .pv-stock-bar { display: flex; gap: 3px; height: 11px; border-radius: 6px; margin-top: 15px; overflow: hidden; }
.product-visual .pv-stock-bar i:first-child { background: var(--pv-amber); }
.product-visual .pv-stock-bar i:last-child { background: var(--pv-indigo); }
.product-visual .pv-stock-minimum { display: flex; justify-content: space-between; gap: 9px; align-items: center; font-size: 12px; margin-top: 10px; color: #786b5b; }
.product-visual .pv-delivery { padding: 13px 15px; margin-top: 20px; }
.product-visual .pv-delivery > div { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-top: 4px; }
.product-visual .pv-delivery strong { font-size: 20px; }
.product-visual .pv-delivery div > span { font-size: 12px; color: #756b5b; }
.product-visual .pv-delivery > span:last-child { display: block; font-size: 12px; margin-top: 6px; color: #6e614f; }

/* A compact Gantt uses labels and readable day columns. */
.product-visual.pv-production { background: transparent; }
.product-visual .pv-production-summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.product-visual .pv-production-summary strong { display: block; font-size: 27px; margin-top: 3px; }
.product-visual .pv-production-summary strong small { font-size: 14px; font-weight: 400; color: #666878; }
.product-visual .pv-gantt { padding: 14px 13px; background: #fffdf9; border: 1px solid #dce0e9; border-radius: 9px; margin-top: 18px; }
.product-visual .pv-gantt-heading, .product-visual .pv-gantt-row { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 9px; align-items: center; }
.product-visual .pv-gantt-heading { margin-bottom: 10px; font-size: 12px; color: #626170; }
.product-visual .pv-gantt-heading > div, .product-visual .pv-gantt-row > div { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; }
.product-visual .pv-gantt-heading > div { text-align: center; }
.product-visual .pv-gantt-row { margin-top: 8px; font-size: 12px; }
.product-visual .pv-gantt-row > div { height: 27px; background: repeating-linear-gradient(90deg, #f0eff5 0 calc(20% - 1px), #fff 0 20%); border-radius: 3px; }
.product-visual .pv-gantt-row i { font-style: normal; display: grid; place-items: center; border-radius: 4px; font-size: 12px; white-space: nowrap; }
.product-visual .pv-gantt-done { background: #5d63a3; color: #fff; }
.product-visual .pv-gantt-now { background: #e9b967; color: #67491f; }
.product-visual .pv-gantt-next { background: #d2d0da; }
.product-visual.pv-production .pv-footnote { gap: 4px; flex-wrap: wrap; }
.product-visual.pv-production .pv-key { margin-left: 6px; margin-right: 0; }
.product-visual.pv-production .pv-key:first-child { margin-left: 0; }

/* Document lifecycle, with a single current reviewer. */
.product-visual.pv-documents { background: transparent; }
.product-visual .pv-approval-document { display: flex; gap: 12px; align-items: center; padding: 15px; }
.product-visual .pv-approval-document > div { flex: 1; min-width: 0; }
.product-visual .pv-approval-document strong { display: block; font-size: 15px; }
.product-visual .pv-approval-document div > span { display: block; font-size: 12px; color: #626170; margin-top: 4px; }
.product-visual .pv-approval-flow { list-style: none; margin: 21px 0 0; padding: 0 5px; }
.product-visual .pv-approval-flow li { position: relative; display: flex; align-items: center; gap: 12px; padding-bottom: 21px; min-height: 60px; }
.product-visual .pv-approval-flow li:last-child { padding-bottom: 0; }
.product-visual .pv-approval-flow li:not(:last-child)::before { content: ''; position: absolute; top: 24px; bottom: 0; left: 11px; width: 1px; background: #d7d0db; }
.product-visual .pv-flow-dot { display: grid; place-items: center; width: 23px; height: 23px; border: 2px solid #d8d2df; background: #f4f1eb; border-radius: 50%; flex-shrink: 0; color: #fff; z-index: 1; }
.product-visual .pv-approval-done .pv-flow-dot { background: #5d63a3; border-color: #5d63a3; }
.product-visual .pv-approval-active .pv-flow-dot { border: 6px solid #e9b967; background: #fffdf8; }
.product-visual .pv-approval-flow li > div { flex: 1; }
.product-visual .pv-approval-flow strong { display: block; font-size: 14px; }
.product-visual .pv-approval-flow div > span { display: block; font-size: 12px; color: #626170; margin-top: 4px; }
.product-visual .pv-time { font-size: 12px; color: #626170; }
.product-visual.pv-documents .pv-footnote { margin-top: 13px; }

/* Unified inbox: channel, request and remaining SLA are separate columns. */
.product-visual.pv-service { background: transparent; }
.product-visual .pv-service-summary { display: flex; align-items: center; gap: 22px; margin-bottom: 16px; }
.product-visual .pv-service-summary > div { display: flex; flex-direction: column; gap: 3px; }
.product-visual .pv-service-summary strong { font-size: 28px; }
.product-visual .pv-service-summary > div > span { font-size: 12px; color: #626170; }
.product-visual .pv-service-summary > .pv-badge { margin-left: auto; max-width: 120px; text-align: center; }
.product-visual .pv-ticket-list { display: grid; gap: 9px; }
.product-visual .pv-ticket { display: flex; align-items: center; gap: 10px; padding: 13px 12px; border: 1px solid #dddbe8; background: #fffdfa; border-radius: 9px; }
.product-visual .pv-ticket > div:nth-child(2) { flex: 1; min-width: 0; }
.product-visual .pv-ticket strong { display: block; font-size: 13px; }
.product-visual .pv-ticket div > span { display: block; margin-top: 3px; color: #626170; font-size: 12px; }
.product-visual .pv-channel-symbol { width: 29px; height: 29px; display: grid; place-items: center; background: #e9e7f3; color: #525891; border-radius: 8px; font-size: 17px; font-weight: 600; flex-shrink: 0; }
.product-visual .pv-ticket-deadline { text-align: right; flex-shrink: 0; }
.product-visual .pv-ticket-urgent { border-color: #dba592; background: #fff7f2; }
.product-visual .pv-ticket-urgent .pv-ticket-deadline strong { color: #a04734; }
.product-visual .pv-ticket-watch { border-color: #d9bf91; }
.product-visual .pv-ticket-watch .pv-ticket-deadline strong { color: #8b622e; }
.product-visual.pv-service .pv-footnote { margin-top: 12px; }

/* Channels connect to the hub through plain data paths, not decorative arrows. */
.product-visual.pv-sync { background: transparent; }
.product-visual .pv-integrations { display: grid; grid-template-columns: 1fr 106px 1fr; gap: 18px; align-items: center; padding-top: 8px; }
.product-visual .pv-channel-stack { display: grid; gap: 16px; }
.product-visual .pv-channel-node { position: relative; background: #fffdf9; border: 1px solid #ddd9e5; border-radius: 10px; padding: 12px 7px; display: flex; align-items: center; flex-direction: column; }
.product-visual .pv-channel-node strong { font-size: 12px; margin-top: 5px; }
.product-visual .pv-channel-node > span:last-child { font-size: 12px; color: #626170; margin-top: 2px; }
.product-visual .pv-channel-stack:first-child .pv-channel-node::after, .product-visual .pv-channel-stack:last-child .pv-channel-node::before { content: ''; position: absolute; top: 50%; width: 19px; height: 1px; background: #aaaed1; }
.product-visual .pv-channel-stack:first-child .pv-channel-node::after { left: 100%; }
.product-visual .pv-channel-stack:last-child .pv-channel-node::before { right: 100%; }
.product-visual .pv-channel-icon { width: 25px; height: 25px; display: grid; place-items: center; color: #525891; background: #e9e9f6; border-radius: 6px; font-weight: 600; font-size: 17px; }
.product-visual .pv-device-icon { width: 16px; height: 25px; border: 1.5px solid #797db8; background: #eeeefa; border-radius: 4px; }
.product-visual .pv-integration-hub { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; min-height: 160px; background: #5d63a3; color: #fff; border: 1px solid #666bab; border-radius: 14px; box-shadow: 0 9px 18px #646aa329; }
.product-visual .pv-integration-hub strong { font-size: 28px; color: #fff; letter-spacing: -.05em; }
.product-visual .pv-integration-hub > span:last-child { text-align: center; font-size: 12px; color: #f2f2ff; margin-top: 7px; }
.product-visual .pv-hub-mark { display: grid; grid-template-columns: 6px 6px; gap: 3px; margin-bottom: 11px; }
.product-visual .pv-hub-mark i { width: 6px; height: 6px; background: #dfe1ff; border-radius: 1px; }
.product-visual .pv-sync-log { display: flex; align-items: center; gap: 11px; padding: 13px; margin-top: 17px; }
.product-visual .pv-sync-log strong { display: block; font-size: 13px; }
.product-visual .pv-sync-log div > span { display: block; font-size: 12px; color: #626170; margin-top: 4px; }

/* A condition selects one of two explicit business actions. */
.product-visual.pv-automation { background: transparent; }
.product-visual .pv-trigger { display: flex; align-items: center; gap: 11px; padding: 13px 14px; position: relative; }
.product-visual .pv-trigger > div { flex: 1; }
.product-visual .pv-trigger strong { display: block; font-size: 15px; margin-top: 2px; }
.product-visual .pv-trigger > span:last-child { font-weight: 600; font-size: 14px; white-space: nowrap; }
.product-visual .pv-trigger-mark { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: #545a96; background: #e6e7f6; flex-shrink: 0; }
.product-visual .pv-trigger::after { content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 14px; background: #c7b793; }
.product-visual .pv-condition { position: relative; margin: 14px 27px 27px; padding: 12px; text-align: center; border: 1px solid #d2ad6f; border-radius: 9px; background: #fae5bf; }
.product-visual .pv-condition strong { display: block; font-size: 14px; margin-top: 4px; }
.product-visual .pv-decision-branches { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; position: relative; }
.product-visual .pv-decision-branches::before { content: ''; position: absolute; left: 25%; right: 25%; top: -15px; height: 15px; border: 1px solid #ccbea6; border-bottom: 0; border-radius: 5px 5px 0 0; }
.product-visual .pv-condition::after { content: ''; position: absolute; left: 50%; top: 100%; height: 13px; border-left: 1px solid #ccbea6; }
.product-visual .pv-decision-branches > div { background: #f6f4ef; border: 1px solid #ddd7cd; border-radius: 9px; padding: 12px; }
.product-visual .pv-decision-branches > .pv-decision-active { background: #fffaf1; border-color: #d7ae69; box-shadow: 0 4px 12px #7656290a; }
.product-visual .pv-branch-label { display: inline-block; color: #6e614f; font-size: 12px; margin-bottom: 7px; }
.product-visual .pv-decision-active .pv-branch-label { color: #4d548e; font-weight: 600; }
.product-visual .pv-decision-branches strong { display: block; font-size: 14px; }
.product-visual .pv-decision-branches > div > span:last-child { display: block; font-size: 12px; color: #6e614f; margin-top: 8px; }
.product-visual.pv-automation .pv-footnote { margin-top: 13px; }

/* AI prepares a draft; a named person remains responsible for sending. */
.product-visual.pv-ai { background: transparent; }
.product-visual .pv-question { display: flex; align-items: center; gap: 12px; }
.product-visual .pv-question p { padding: 12px 14px; border-radius: 10px 10px 10px 2px; background: #e4e2ee; font-size: 14px; }
.product-visual .pv-ai-draft { padding: 16px; margin: 17px 0 0 23px; position: relative; }
.product-visual .pv-ai-draft > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.product-visual .pv-ai-label { color: #5e639f; font-size: 12px; font-weight: 600; }
.product-visual .pv-ai-draft p { font-size: 14px; line-height: 1.6; margin-top: 13px; }
.product-visual .pv-ai-source { display: block; color: #626170; font-size: 12px; margin-top: 13px; padding-top: 11px; border-top: 1px solid #e8e3e8; }
.product-visual .pv-human-review { position: relative; display: flex; align-items: center; gap: 10px; margin-top: 18px; background: #dddff2; padding: 12px; border-radius: 10px; }
.product-visual .pv-human-review strong { display: block; font-size: 13px; }
.product-visual .pv-human-review div > span { display: block; color: #626170; font-size: 12px; margin-top: 4px; }
.product-visual .pv-human-review > div { flex: 1; }
.product-visual .pv-review-mark { color: #525891; border: 1px solid #a2a8d1; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 5px; flex-shrink: 0; }

/* Both devices display the same order and the same status. */
.product-visual.pv-app { background: transparent; }
.product-visual .pv-device-scene { display: flex; align-items: flex-end; padding: 5px 0 0; }
.product-visual .pv-portal { width: calc(100% - 100px); flex-shrink: 0; align-self: flex-start; overflow: hidden; }
.product-visual .pv-portal-chrome { padding: 11px 13px; border-bottom: 1px solid #e4dcd2; display: flex; align-items: center; gap: 8px; background: #f9f5ed; font-size: 12px; color: #6a615c; }
.product-visual .pv-portal-chrome i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #e9b967; }
.product-visual .pv-portal-content { padding: 16px; }
.product-visual .pv-portal-content > strong { display: block; font-size: 24px; margin: 5px 0 11px; }
.product-visual .pv-portal-field { margin-top: 16px; }
.product-visual .pv-portal-field > span { display: block; color: #7d726a; font-size: 12px; }
.product-visual .pv-portal-field > strong { display: block; margin-top: 4px; font-size: 13px; }
.product-visual .pv-phone { width: 134px; flex-shrink: 0; position: relative; margin: 30px 0 0 -34px; border: 3px solid #484958; border-radius: 20px; background: #fffaf3; padding: 31px 11px 15px; box-shadow: 0 10px 18px #302a3929; }
.product-visual .pv-phone-camera { position: absolute; top: 9px; width: 25px; height: 4px; border-radius: 2px; background: #a4a1ac; left: calc(50% - 12px); }
.product-visual .pv-phone-label { font-size: 12px; color: #726977; }
.product-visual .pv-phone > strong { display: block; margin-top: 7px; font-size: 20px; }
.product-visual .pv-phone-order { background: #ecebf6; border: 1px solid #dddceb; padding: 10px 8px; border-radius: 8px; margin-top: 15px; }
.product-visual .pv-phone-order strong { display: block; font-size: 13px; margin-top: 4px; }
.product-visual .pv-phone-order > span:last-child { display: block; color: #626170; font-size: 12px; margin-top: 10px; }
.product-visual .pv-phone-status { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #6d6e81; margin-top: 15px; }
.product-visual.pv-app .pv-footnote { margin-top: 16px; }

/* Container rules preserve readable labels when a visual lives in a narrow tab. */
@container (max-width: 350px) {
  .product-visual .pv-heading { gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
  .product-visual .pv-period { font-size: 12px; }
  .product-visual .pv-company { padding: 13px; gap: 10px; }
  .product-visual .pv-company strong { font-size: 16px; }
  .product-visual .pv-linked-records { gap: 10px; }
  .product-visual .pv-linked { padding: 11px; }
  .product-visual .pv-linked strong { font-size: 14px; }
  .product-visual .pv-document-strip { padding: 12px; gap: 10px; }
  .product-visual .pv-document-strip .pv-count { display: none; }
  .product-visual .pv-analytics-kpi { gap: 10px; align-items: flex-start; }
  .product-visual .pv-analytics-kpi strong { font-size: 26px; }
  .product-visual .pv-analytics-kpi .pv-badge { max-width: 118px; text-align: center; }
  .product-visual .pv-trend { margin-top: 16px; }
  .product-visual .pv-y-axis { width: 40px; }
  .product-visual .pv-contribution { gap: 10px; }
  .product-visual .pv-balance { padding: 14px; }
  .product-visual .pv-money-rows > div { font-size: 12px; padding-block: 9px; }
  .product-visual .pv-money-rows i { width: 16px; height: 16px; margin-right: 4px; }
  .product-visual .pv-cash-bars > div { grid-template-columns: 95px 1fr; }
  .product-visual .pv-load-caption { flex-wrap: wrap; gap: 3px; margin-bottom: 13px; }
  .product-visual .pv-person-load { gap: 9px; }
  .product-visual .pv-person-load .pv-avatar { width: 30px; height: 30px; font-size: 15px; }
  .product-visual .pv-person-heading { gap: 8px; }
  .product-visual .pv-person-heading strong { font-size: 13px; }
  .product-visual .pv-workload { gap: 14px; }
  .product-visual .pv-stock-title strong { font-size: 14px; }
  .product-visual .pv-stock-kpis > div { padding-left: 10px; }
  .product-visual .pv-stock-kpis > div:first-child { padding-left: 0; }
  .product-visual .pv-stock-kpis strong { font-size: 25px; }
  .product-visual .pv-stock-minimum { align-items: flex-start; }
  .product-visual .pv-stock-minimum .pv-badge { text-align: center; padding: 4px 6px; }
  .product-visual .pv-delivery { padding: 12px; }
  .product-visual .pv-production-summary strong small { font-size: 12px; }
  .product-visual .pv-gantt { padding-inline: 9px; }
  .product-visual .pv-gantt-heading, .product-visual .pv-gantt-row { grid-template-columns: 74px minmax(0, 1fr); gap: 5px; }
  .product-visual .pv-gantt-row > div, .product-visual .pv-gantt-heading > div { gap: 2px; }
  .product-visual .pv-gantt-row:first-of-type i { font-size: 12px; }
  .product-visual .pv-gantt-row .pv-gantt-done { font-size: 12px; }
  .product-visual .pv-approval-document { flex-wrap: wrap; padding: 12px; gap: 9px; }
  .product-visual .pv-approval-document .pv-badge { display: none; }
  .product-visual .pv-approval-document strong { font-size: 14px; }
  .product-visual .pv-approval-flow { margin-top: 16px; }
  .product-visual .pv-approval-flow li { gap: 9px; min-height: 51px; padding-bottom: 15px; }
  .product-visual .pv-approval-flow .pv-time { display: none; }
  .product-visual .pv-approval-flow li > .pv-badge { padding-inline: 5px; }
  .product-visual .pv-service-summary { gap: 17px; }
  .product-visual .pv-service-summary > .pv-badge { display: none; }
  .product-visual .pv-ticket { padding: 11px 9px; gap: 8px; }
  .product-visual .pv-ticket .pv-channel-symbol { width: 23px; height: 25px; font-size: 15px; }
  .product-visual .pv-ticket strong { font-size: 12px; }
  .product-visual .pv-ticket-deadline > span { display: none; }
  .product-visual .pv-integrations { grid-template-columns: 1fr 75px 1fr; gap: 11px; }
  .product-visual .pv-channel-node { padding: 10px 3px; }
  .product-visual .pv-channel-node strong { font-size: 12px; letter-spacing: -.035em; }
  .product-visual .pv-channel-node > span:last-child { display: none; }
  .product-visual .pv-integration-hub { min-height: 142px; border-radius: 11px; }
  .product-visual .pv-integration-hub strong { font-size: 25px; }
  .product-visual .pv-channel-stack:first-child .pv-channel-node::after, .product-visual .pv-channel-stack:last-child .pv-channel-node::before { width: 12px; }
  .product-visual .pv-trigger { padding: 11px; gap: 8px; }
  .product-visual .pv-trigger-mark { display: none; }
  .product-visual .pv-trigger strong, .product-visual .pv-trigger > span:last-child { font-size: 13px; }
  .product-visual .pv-condition { margin-inline: 11px; }
  .product-visual .pv-decision-branches { gap: 12px; }
  .product-visual .pv-decision-branches > div { padding: 11px; }
  .product-visual .pv-decision-branches strong { font-size: 13px; }
  .product-visual .pv-question { gap: 9px; }
  .product-visual .pv-question .pv-avatar { width: 29px; height: 29px; font-size: 15px; }
  .product-visual .pv-question p { padding: 10px 12px; font-size: 13px; }
  .product-visual .pv-ai-draft { margin-left: 8px; padding: 13px; }
  .product-visual .pv-ai-draft > div { flex-wrap: wrap; }
  .product-visual .pv-ai-draft p { font-size: 13px; margin-top: 10px; }
  .product-visual .pv-human-review { padding: 10px; gap: 8px; }
  .product-visual .pv-human-review .pv-avatar { width: 29px; height: 29px; font-size: 15px; }
  .product-visual .pv-review-mark { display: none; }
  .product-visual .pv-portal { width: calc(100% - 84px); }
  .product-visual .pv-portal-chrome { font-size: 12px; padding: 10px; gap: 5px; }
  .product-visual .pv-portal-content { padding: 12px; }
  .product-visual .pv-portal-content > strong { font-size: 21px; }
  .product-visual .pv-phone { width: 115px; margin-left: -31px; padding: 28px 8px 13px; }
  .product-visual .pv-phone-order { padding: 9px 5px; }
  .product-visual .pv-phone-order strong { font-size: 12px; }
  .product-visual .pv-phone > strong { font-size: 18px; }
  .product-visual .pv-phone-status { font-size: 12px; gap: 4px; }
  .product-visual .pv-phone-status .pv-status-dot { width: 5px; height: 5px; }
  .product-visual .pv-heading { margin-bottom: 12px; }
  .product-visual .pv-linked { gap: 4px; }
  .product-visual .pv-document-strip { padding-block: 10px; }
  .product-visual.pv-data .pv-footnote,
  .product-visual.pv-finance .pv-footnote,
  .product-visual.pv-documents .pv-footnote,
  .product-visual.pv-automation .pv-footnote { display: none; }
  .product-visual .pv-stock-kpis { margin-top: 17px; }
  .product-visual .pv-delivery { margin-top: 15px; }
  .product-visual .pv-gantt { margin-top: 14px; padding-block: 11px; }
  .product-visual .pv-gantt-row > div { height: 24px; }
  .product-visual .pv-gantt-row { margin-top: 7px; }
  .product-visual.pv-production .pv-footnote { margin-top: 12px; }
  .product-visual .pv-human-review { margin-top: 12px; }
}
@media (max-width: 650px) {
  .product-visual { padding: 0; min-height: 0; }
}
/* The 320px page leaves a 258px illustration after its own gutters. */
@container (max-width: 245px) {
  .product-visual .pv-company > .pv-badge { display: none; }
  .product-visual .pv-analytics-kpi { flex-wrap: wrap; gap: 8px; }
  .product-visual .pv-analytics-kpi strong { white-space: nowrap; }
  .product-visual .pv-analytics-kpi > .pv-badge { max-width: none; }
  .product-visual .pv-integrations { grid-template-columns: minmax(0, 1fr) 60px minmax(0, 1fr); gap: 8px; }
  .product-visual .pv-channel-node { min-width: 0; text-align: center; }
  .product-visual .pv-channel-node strong { hyphens: manual; }
  .product-visual .pv-integration-hub { padding-inline: 4px; }
  .product-visual .pv-integration-hub strong { font-size: 23px; }
  .product-visual .pv-channel-stack:first-child .pv-channel-node::after,
  .product-visual .pv-channel-stack:last-child .pv-channel-node::before { width: 9px; }
  .product-visual .pv-ticket .pv-ticket-deadline > span { display: none; }
  .product-visual .pv-ticket { gap: 7px; }
  .product-visual .pv-decision-branches strong { font-size: 12px; }
  .product-visual .pv-portal-content { padding-inline: 10px; }
  .product-visual .pv-portal-field strong { max-width: 82px; }
}

/* Each illustration sits on the section's coloured stage. UI surfaces provide
   their own physical edge; the scene itself is not another enclosing card. */
.product-visual { --pv-ink: #292a38; --pv-muted: #646577; --pv-shadow: 0 14px 34px #34314213, 0 2px 4px #34314205; }
.product-visual .pv-heading { margin: 0 3px 21px; font-size: 13px; color: #464654; gap: 12px; }
.product-visual .pv-heading > span:first-child { max-width: 70%; }
.product-visual .pv-period { font-size: 12px; }
.product-visual .pv-card { border-color: #dcdbe4; border-radius: 13px; background: #fffefa; box-shadow: var(--pv-shadow); }
.product-visual .pv-footnote { color: #555767; }
.product-visual .pv-avatar { width: 39px; height: 39px; border-radius: 12px; }
.product-visual .pv-badge { border-radius: 6px; padding: 6px 9px; }
.product-visual .pv-label { color: #636475; }

/* Client dossier with its related document attached to the lower edge. */
.product-visual .pv-client-workspace { background: #fffefa; border: 1px solid #dcdbe4; border-radius: 15px; box-shadow: var(--pv-shadow); padding-bottom: 41px; }
.product-visual .pv-client-workspace .pv-company { box-shadow: none; border: 0; padding: 22px 23px 18px; background: transparent; }
.product-visual .pv-company strong { font-size: 20px; }
.product-visual .pv-company::after, .product-visual .pv-linked-records::before { display: none; }
.product-visual .pv-record-sections { display: flex; gap: 24px; border-bottom: 1px solid #e6e5ec; margin-inline: 23px; font-size: 12px; color: #73717c; }
.product-visual .pv-record-sections > span { display: block; padding: 10px 0; }
.product-visual .pv-record-sections > span:first-child { color: #575294; border-bottom: 2px solid #8179b7; font-weight: 600; }
.product-visual .pv-linked-records { margin: 20px 23px 0; gap: 20px; }
.product-visual .pv-linked-records .pv-linked { padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; gap: 7px; }
.product-visual .pv-linked-records .pv-linked + .pv-linked { padding-left: 20px; border-left: 1px solid #e1dfea; }
.product-visual .pv-linked strong { font-size: 17px; }
.product-visual .pv-linked:last-child strong { font-size: 23px; letter-spacing: -.03em; }
.product-visual .pv-document-strip { position: relative; z-index: 1; margin: -21px 0 0 33px; padding: 17px 19px; border: 1px solid #aaa5cb; border-radius: 11px; background: #ece9f7; box-shadow: 0 10px 24px #37305e12; }
.product-visual .pv-document-strip strong { font-size: 14px; }
.product-visual .pv-document-strip div > span { margin-top: 4px; }
.product-visual.pv-data .pv-footnote { padding-left: 35px; margin-top: 17px; }

/* The financial scenes have two different hierarchies: a report and a balance. */
.product-visual.pv-analytics .pv-scene { padding: 23px; background: #fffefa; border: 1px solid #dddae4; border-radius: 16px; box-shadow: var(--pv-shadow); }
.product-visual .pv-analytics-kpi strong { font-size: 38px; letter-spacing: -.05em; }
.product-visual .pv-analytics-kpi .pv-badge { background: #e5eee3; color: #43614a; max-width: 122px; text-align: center; }
.product-visual .pv-trend { margin-top: 29px; height: 154px; }
.product-visual .pv-chart-line { stroke: #8272b0; }
.product-visual .pv-chart-area { fill: #9484bf1b; }
.product-visual .pv-plot circle { stroke: #8272b0; }
.product-visual .pv-contribution { margin: 6px -23px -23px; padding: 18px 23px; background: #f4f2f7; border-top: 1px solid #e4e0ed; border-radius: 0 0 16px 16px; }
.product-visual .pv-contribution strong { font-size: 17px; }
.product-visual .pv-composition-bar { height: 7px; }
.product-visual.pv-finance .pv-scene { background: #fffefa; border: 1px solid #d9e0d6; border-radius: 15px; padding: 0 21px 18px; box-shadow: var(--pv-shadow); }
.product-visual .pv-balance { margin: -1px -22px 0; padding: 23px; background: #3c554f; border-color: #3c554f; border-radius: 15px 15px 0 0; }
.product-visual .pv-balance > .pv-label { color: #d4e0d7; }
.product-visual .pv-balance > strong { color: #fffdf4; font-size: 41px; }
.product-visual .pv-balance .pv-badge { background: #e5ecda; color: #405b46; right: 22px; bottom: 25px; }
.product-visual .pv-money-rows > div { padding-block: 13px; border-color: #e9e7df; font-size: 13px; }
.product-visual .pv-cash-bars { margin-top: 17px; gap: 10px; }
.product-visual .pv-cash-bars i { height: 8px; background: #779987; }
.product-visual .pv-cash-bars > div:last-child i { background: #c18f71; }

/* Capacity is a working list; its alert belongs to the overloaded person. */
.product-visual.pv-team .pv-scene { background: #fffefa; padding: 21px; border: 1px solid #dfdbe7; border-radius: 15px; box-shadow: var(--pv-shadow); }
.product-visual .pv-workload { gap: 0; }
.product-visual .pv-person-load { padding-block: 16px; border-bottom: 1px solid #e8e5ed; }
.product-visual .pv-person-load:first-child { padding-top: 4px; }
.product-visual .pv-person-load:last-child { border: 0; padding-bottom: 3px; }
.product-visual .pv-person-heading strong { font-size: 15px; }
.product-visual .pv-person-over { margin: 0 -21px; padding-inline: 21px; background: #fbf1ed; }
.product-visual .pv-load-track { height: 7px; }
.product-visual .pv-callout { margin-top: 20px; padding: 13px; }
.product-visual .pv-callout-terra { background: #f4e5dd; }

/* Stock takes a compact ledger form; the arrival is a separate attached slip. */
.product-visual.pv-warehouse .pv-scene { background: #fffefa; padding: 22px 22px 0; border: 1px solid #e2dbce; border-radius: 15px; box-shadow: var(--pv-shadow); }
.product-visual .pv-stock-kpis { margin-top: 27px; }
.product-visual .pv-stock-kpis strong { font-size: 33px; }
.product-visual .pv-stock-kpis > div:last-child strong { color: #5c755e; }
.product-visual .pv-stock-bar i:last-child { background: #8eaa8c; }
.product-visual .pv-stock-bar { margin-top: 20px; height: 12px; }
.product-visual .pv-delivery { margin: 22px -23px -1px; padding: 18px 22px; border-radius: 0 0 15px 15px; background: #efe7d6; border-color: #dacdaf; box-shadow: none; }
.product-visual .pv-delivery strong { font-size: 24px; }

/* A schedule with sufficient column width, not a decorative miniature. */
.product-visual.pv-production .pv-scene { background: #fffefa; padding: 22px; border: 1px solid #dbe0e8; border-radius: 15px; box-shadow: var(--pv-shadow); }
.product-visual .pv-production-summary strong { font-size: 35px; }
.product-visual .pv-gantt { padding: 20px 0 0; border: 0; border-top: 1px solid #e2e5ec; border-radius: 0; margin-top: 20px; background: transparent; }
.product-visual .pv-gantt-row { margin-top: 12px; }
.product-visual .pv-gantt-row > div { height: 30px; }
.product-visual .pv-gantt-done { background: #728aa9; }
.product-visual.pv-production .pv-key-indigo { background: #728aa9; }

/* Document and inbox scenes use inset rows, clean rules and one clear state. */
.product-visual.pv-documents .pv-scene { background: #fffefa; border: 1px solid #e1dccf; border-radius: 15px; padding: 0 23px 18px; box-shadow: var(--pv-shadow); }
.product-visual .pv-approval-document { border: 0; border-bottom: 1px solid #e4decf; margin-inline: -23px; padding: 20px 22px; border-radius: 15px 15px 0 0; background: #f5eedf; box-shadow: none; }
.product-visual .pv-approval-flow { padding-inline: 3px; margin-top: 25px; }
.product-visual .pv-approval-flow li { min-height: 72px; }
.product-visual .pv-approval-active .pv-flow-dot { border-color: #d6a86c; }
.product-visual .pv-service-summary { border: 1px solid #d8dce7; padding: 17px 21px; border-radius: 13px; background: #fffefa; box-shadow: var(--pv-shadow); }
.product-visual .pv-service-summary > div + div { border-left: 1px solid #e1e1ea; padding-left: 21px; }
.product-visual .pv-service-summary strong { font-size: 32px; }
.product-visual .pv-ticket { padding: 16px; border-radius: 11px; box-shadow: 0 5px 13px #323e5910; }
.product-visual .pv-ticket strong { font-size: 14px; }
.product-visual .pv-ticket-list { gap: 11px; }
.product-visual .pv-ticket:nth-child(2) { margin-left: 12px; }
.product-visual .pv-ticket:nth-child(3) { margin-left: 24px; }
.product-visual .pv-ticket-urgent { background: #fff4eb; border-color: #d7b79d; }
.product-visual .pv-ticket-urgent .pv-ticket-deadline strong { color: #8f5732; }

/* Hub cards are joined by lines with no arrowheads or moving counters. */
.product-visual .pv-integrations { grid-template-columns: 1fr 112px 1fr; gap: 21px; padding-block: 16px 6px; }
.product-visual .pv-channel-stack { gap: 26px; }
.product-visual .pv-channel-node { min-height: 111px; padding: 14px 7px; background: #fffefa; border-color: #d9d4e5; border-radius: 14px; box-shadow: var(--pv-shadow); }
.product-visual .pv-channel-node strong { font-size: 13px; margin-top: 8px; }
.product-visual .pv-channel-icon { width: 31px; height: 31px; background: #eeebf8; border-radius: 8px; color: #72659c; }
.product-visual .pv-channel-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.product-visual .pv-channel-icon.pv-device-icon { width: 20px; height: 31px; border-color: #8376aa; border-radius: 5px; }
.product-visual .pv-channel-stack:first-child .pv-channel-node::after, .product-visual .pv-channel-stack:last-child .pv-channel-node::before { width: 22px; background: #9890b7; }
.product-visual .pv-integration-hub { min-height: 172px; background: linear-gradient(155deg,#8474b0,#615481); border-color: #70608f; box-shadow: inset 0 1px 0 #c6badf,0 5px 0 #4e436e,0 14px 23px #66598225; border-radius: 19px; }
.product-visual .pv-integration-hub strong { font-size: 31px; }
.product-visual .pv-sync-log { margin: 23px 14px 0; padding: 16px 18px; background: #f9fff7; border-color: #c6d7c2; }
.product-visual .pv-sync-log .pv-status-dot { background: #75956d; box-shadow: 0 0 0 5px #75956d14; }

/* The automation is an actual branching rule with an explicit selected path. */
.product-visual .pv-trigger { padding: 18px 20px; border-radius: 13px; }
.product-visual .pv-trigger-mark { width: 36px; height: 36px; background: #e1efdf; color: #597853; font-size: 19px; }
.product-visual .pv-trigger strong { font-size: 17px; }
.product-visual .pv-condition { margin: 24px 30px 37px; padding: 15px 17px; background: #ede5d5; border-color: #cbb98f; box-shadow: 0 4px 12px #654e2210; }
.product-visual .pv-trigger::after { height: 24px; }
.product-visual .pv-condition > .pv-label { color: #75603e; text-align: left; }
.product-visual .pv-condition strong { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; text-align: left; }
.product-visual .pv-condition-value { background: #fffcf4; padding: 6px 9px; border: 1px solid #d7c79e; border-radius: 5px; font-weight: 500; white-space: nowrap; }
.product-visual .pv-condition::after { height: 21px; }
.product-visual .pv-decision-branches::before { top: -17px; height: 17px; }
.product-visual .pv-decision-branches > div { padding: 17px; background: #f0ece5; }
.product-visual .pv-decision-branches > .pv-decision-active { background: #fffefa; border-color: #a4af95; box-shadow: var(--pv-shadow); }
.product-visual .pv-decision-active .pv-branch-label { padding: 3px 9px; background: #e5eddf; border-radius: 4px; color: #4c6444; }
.product-visual .pv-decision-branches strong { font-size: 15px; line-height: 1.4; }
.product-visual .pv-decision-branches > div > span:last-child { line-height: 1.5; }

/* A source-backed AI draft is reviewed by a person. The overlap connects them. */
.product-visual .pv-question { margin: 0 22px 19px 0; align-items: flex-start; gap: 12px; }
.product-visual .pv-question p { padding: 13px 17px; background: #fffefa; border: 1px solid #ddd9e8; border-radius: 0 12px 12px; font-size: 15px; box-shadow: 0 3px 9px #3c325b08; }
.product-visual .pv-ai-draft { margin: 0 20px 0 16px; padding: 21px 23px 37px; border-color: #c4badb; background: #fdfbff; border-radius: 15px; box-shadow: var(--pv-shadow); }
.product-visual .pv-ai-label { display: inline-flex; align-items: center; gap: 7px; color: #715a9b; font-size: 13px; }
.product-visual .pv-ai-label svg { width: 18px; height: 18px; fill: #e9dff9; stroke: currentColor; stroke-width: 1.4; }
.product-visual .pv-ai-draft p { font-size: 17px; line-height: 1.65; margin-top: 19px; }
.product-visual .pv-ai-source { display: flex; align-items: center; gap: 9px; padding-top: 17px; margin-top: 19px; }
.product-visual .pv-ai-source .pv-document-icon { width: 16px; height: 20px; }
.product-visual .pv-ai-source .pv-document-icon::after { top: 6px; left: 3px; right: 3px; height: 6px; }
.product-visual .pv-human-review { margin: -18px 0 0 40px; padding: 14px 17px; border: 1px solid #bcb3d5; background: #e7e1f3; border-radius: 11px; box-shadow: 0 8px 18px #4f426618; }
.product-visual .pv-human-review strong { font-size: 14px; }
.product-visual .pv-human-review .pv-avatar { background: #fffcf7; }

/* The two real device frames share the same order state. */
.product-visual .pv-device-scene { padding-top: 5px; }
.product-visual .pv-portal { width: calc(100% - 99px); border-radius: 13px; }
.product-visual .pv-portal-chrome { padding: 14px 17px; background: #f0e7d7; border-color: #e0d4bc; }
.product-visual .pv-portal-content { padding: 22px; }
.product-visual .pv-portal-content > strong { font-size: 31px; }
.product-visual .pv-portal-field { padding-top: 13px; border-top: 1px solid #e9e3d8; margin-top: 16px; }
.product-visual .pv-phone { width: 146px; margin: 65px 0 0 -47px; padding: 35px 13px 20px; border-color: #454454; border-radius: 23px; background: #fffdfa; box-shadow: 0 16px 28px #302a3924; }
.product-visual .pv-phone > strong { font-size: 24px; }
.product-visual .pv-phone-order { padding: 13px 10px; }
.product-visual .pv-phone-status { margin-top: 19px; }

/* One reveal on entry. Values never animate and every detail remains visible
   without JS; motion simply introduces an existing composition. */
@media (prefers-reduced-motion: no-preference) {
  .cap-group.is-visible .product-visual { animation: pv-scene-enter 480ms ease-out both; }
  @keyframes pv-scene-enter { from { opacity: .4; transform: translateY(9px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) {
  .cap-group .product-visual { animation: none; transform: none; }
}

@container (max-width: 370px) {
  .product-visual .pv-heading { margin-bottom: 16px; flex-wrap: wrap; gap: 5px 12px; }
  .product-visual .pv-heading > span:first-child { max-width: none; }
  .product-visual .pv-company strong { font-size: 17px; }
  .product-visual .pv-client-workspace .pv-company { padding: 17px 15px 10px; }
  .product-visual .pv-record-sections { margin-inline: 15px; gap: 18px; }
  .product-visual .pv-linked-records { margin: 16px 15px 0; gap: 12px; }
  .product-visual .pv-linked-records .pv-linked + .pv-linked { padding-left: 12px; }
  .product-visual .pv-linked strong { font-size: 14px; }
  .product-visual .pv-linked:last-child strong { font-size: 20px; }
  .product-visual .pv-document-strip { padding: 13px; margin-left: 12px; }
  .product-visual .pv-document-strip strong { font-size: 13px; }
  .product-visual.pv-data .pv-footnote { padding-left: 12px; }
  .product-visual.pv-analytics .pv-scene { padding: 17px; }
  .product-visual .pv-analytics-kpi { gap: 7px; }
  .product-visual .pv-analytics-kpi strong { font-size: 30px; }
  .product-visual .pv-analytics-kpi .pv-badge { max-width: 104px; padding-inline: 6px; }
  .product-visual .pv-contribution { margin: 6px -17px -17px; padding: 16px 17px; }
  .product-visual .pv-contribution strong { font-size: 15px; }
  .product-visual.pv-finance .pv-scene { padding-inline: 16px; }
  .product-visual .pv-balance { margin-inline: -17px; padding: 20px 17px; }
  .product-visual .pv-balance > strong { font-size: 35px; }
  .product-visual .pv-balance .pv-badge { right: 17px; bottom: 21px; }
  .product-visual .pv-money-rows > div { gap: 7px; font-size: 12px; }
  .product-visual.pv-team .pv-scene { padding: 17px; }
  .product-visual .pv-person-over { margin-inline: -17px; padding-inline: 17px; }
  .product-visual.pv-warehouse .pv-scene { padding: 18px 17px 0; }
  .product-visual .pv-stock-kpis strong { font-size: 29px; }
  .product-visual .pv-delivery { margin-inline: -18px; padding: 15px 17px; }
  .product-visual.pv-production .pv-scene { padding: 17px; }
  .product-visual .pv-gantt-heading, .product-visual .pv-gantt-row { grid-template-columns: 74px minmax(0,1fr); gap: 7px; }
  .product-visual .pv-gantt-row > div { height: 29px; }
  .product-visual.pv-documents .pv-scene { padding-inline: 17px; }
  .product-visual .pv-approval-document { margin-inline: -17px; padding: 17px; }
  .product-visual .pv-approval-document > .pv-badge { display: none; }
  .product-visual .pv-approval-flow li { min-height: 64px; }
  .product-visual .pv-service-summary { padding: 15px; gap: 15px; }
  .product-visual .pv-service-summary > div + div { padding-left: 15px; }
  .product-visual .pv-service-summary > .pv-badge { display: none; }
  .product-visual .pv-ticket { padding: 14px 11px; gap: 8px; }
  .product-visual .pv-ticket strong { font-size: 12px; }
  .product-visual .pv-ticket:nth-child(2) { margin-left: 6px; }
  .product-visual .pv-ticket:nth-child(3) { margin-left: 12px; }
  .product-visual .pv-integrations { grid-template-columns: minmax(0,1fr) 82px minmax(0,1fr); gap: 13px; }
  .product-visual .pv-channel-node { min-height: 101px; padding: 12px 5px; }
  .product-visual .pv-channel-node strong { font-size: 12px; }
  .product-visual .pv-channel-stack:first-child .pv-channel-node::after, .product-visual .pv-channel-stack:last-child .pv-channel-node::before { width: 14px; }
  .product-visual .pv-integration-hub { min-height: 160px; border-radius: 15px; }
  .product-visual .pv-integration-hub strong { font-size: 27px; }
  .product-visual .pv-sync-log { margin-inline: 0; padding: 14px; }
  .product-visual .pv-trigger { padding: 14px; }
  .product-visual .pv-trigger strong { font-size: 15px; }
  .product-visual .pv-condition { margin-inline: 14px; padding: 13px; }
  .product-visual .pv-condition strong { font-size: 12px; }
  .product-visual .pv-condition-value { padding: 6px; }
  .product-visual .pv-decision-branches > div { padding: 13px; }
  .product-visual .pv-decision-branches strong { font-size: 13px; }
  .product-visual .pv-question { margin-right: 7px; }
  .product-visual .pv-question p { font-size: 13px; padding: 12px; }
  .product-visual .pv-ai-draft { margin-inline: 7px; padding: 17px 15px 33px; }
  .product-visual .pv-ai-draft p { font-size: 15px; }
  .product-visual .pv-human-review { margin-left: 20px; padding: 12px; gap: 9px; }
  .product-visual .pv-human-review strong { font-size: 13px; }
  .product-visual .pv-portal { width: calc(100% - 85px); }
  .product-visual .pv-portal-content { padding: 17px 13px; }
  .product-visual .pv-portal-content > strong { font-size: 26px; }
  .product-visual .pv-phone { width: 125px; margin-left: -40px; padding: 32px 9px 16px; border-radius: 20px; }
  .product-visual .pv-phone > strong { font-size: 21px; }
  .product-visual .pv-phone-order { padding: 12px 7px; }
}

/* Every capability family is a complete text / demonstration composition. */
.cap-compositions {
  display: grid;
  gap: 40px;
  color: #f2efe7;
}
.cap-compositions .cap-group {
  --cap-accent: #b5a6ed;
  --cap-stage: #d8d0eb;
  --cap-stage-line: #85779f24;
  padding: 28px 0 40px;
  border-top: 1px solid #ffffff19;
}
.cap-compositions .cap-tone-sage {
  --cap-accent: #adc8b3;
  --cap-stage: #ced9cf;
  --cap-stage-line: #6e867024;
}
.cap-compositions .cap-tone-clay {
  --cap-accent: #d8a88e;
  --cap-stage: #e3cabc;
  --cap-stage-line: #97756324;
}
.cap-compositions .cap-tone-blue {
  --cap-accent: #a7c4e6;
  --cap-stage: #cbd9e8;
  --cap-stage-line: #69849f24;
}
.cap-compositions .cap-group-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}
.cap-compositions .cap-group-label {
  font-size: 12px;
  font-weight: 550;
  letter-spacing: .015em;
  color: var(--cap-accent);
  flex: 0 0 auto;
}
.cap-compositions .cap-group-label::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 10px;
  border-radius: 2px;
  background: var(--cap-accent);
  vertical-align: 1px;
}
.cap-compositions .cap-group-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  padding: 5px;
  background: #1c1f26;
  border: 1px solid #363941;
  border-radius: 12px;
  min-width: 0;
}
.cap-compositions .cap-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 9px 13px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #b5b7c1;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  box-shadow: none;
  text-align: center;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.cap-compositions .cap-tab > .icon {
  width: 15px;
  height: 15px;
  color: currentColor;
}
.cap-compositions .cap-tab:hover {
  background: #343741;
  color: #f7f3ed;
}
.cap-compositions .cap-tab[aria-selected="true"] {
  color: #24232b;
  background: var(--cap-accent);
  border-color: #ffffff29;
  box-shadow: inset 0 1px 0 #ffffff40, 0 2px 0 #0003;
}
.cap-compositions .cap-tab[aria-selected="true"] > .icon { color: currentColor; }
.cap-compositions .cap-panel {
  display: grid;
  grid-template-columns: minmax(0, .97fr) minmax(0, 1.03fr);
  align-items: center;
  gap: clamp(28px, 4.3vw, 64px);
  padding: 0;
  background: transparent;
  color: inherit;
  min-width: 0;
}
.cap-compositions .cap-copy { min-width: 0; padding: 3px 0; }
.cap-compositions .cap-subtitle {
  color: var(--cap-accent);
  font-size: 11px;
  font-weight: 550;
  letter-spacing: .035em;
  line-height: 1.5;
  margin-bottom: 12px;
}
.cap-compositions .cap-copy h3 {
  max-width: 570px;
  font-size: clamp(27px, 2.65vw, 37px);
  line-height: 1.12;
  letter-spacing: -.04em;
  font-weight: 540;
  color: #f4f1ea;
  margin: 0;
  text-wrap: balance;
}
.cap-compositions .cap-description {
  font-size: 14px;
  line-height: 1.8;
  color: #b9bbc5;
  margin-top: 19px;
  max-width: 570px;
}
.cap-compositions .cap-scenarios {
  margin-top: 24px;
  border-top: 1px solid #ffffff1c;
}
.cap-compositions .cap-scenario {
  border-bottom: 1px solid #ffffff1c;
  background: transparent;
}
.cap-compositions .cap-scenario summary,
.cap-compositions .cap-inclusions summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 43px;
  padding: 11px 0;
  cursor: pointer;
  list-style: none;
  font-size: 12px;
  line-height: 1.55;
  font-weight: 500;
  color: #dedfe5;
}
.cap-compositions .cap-scenario summary::-webkit-details-marker,
.cap-compositions .cap-inclusions summary::-webkit-details-marker { display: none; }
.cap-compositions .cap-scenario summary::after,
.cap-compositions .cap-inclusions summary::after {
  content: '+';
  color: var(--cap-accent);
  font-size: 19px;
  line-height: 1;
  font-weight: 400;
  flex-shrink: 0;
}
.cap-compositions .cap-scenario[open] summary::after,
.cap-compositions .cap-inclusions[open] summary::after { content: '−'; }
.cap-compositions .cap-scenario summary:hover,
.cap-compositions .cap-inclusions summary:hover { color: var(--cap-accent); }
.cap-compositions .cap-scenario p {
  padding: 0 22px 16px 0;
  max-width: none;
  color: #afb2bf;
  font-size: 12px;
  line-height: 1.8;
}
.cap-compositions .cap-inclusions { margin-top: 7px; }
.cap-compositions .cap-inclusions summary { color: #969cac; font-size: 11px; }
.cap-compositions .cap-inclusions summary::after { font-size: 16px; }
.cap-compositions .cap-tags {
  margin: 0;
  padding: 2px 0 9px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  color: #d4d5dd;
  font-size: 10px;
  line-height: 1.5;
}
.cap-compositions .cap-tags li {
  padding: 5px 8px;
  border: 1px solid #ffffff1b;
  background: #ffffff05;
  border-radius: 4px;
}
.cap-compositions .cap-tags li::before { content: none; }
.cap-compositions .cap-figure { margin: 0; min-width: 0; }
.cap-compositions .cap-art-stage {
  min-height: 396px;
  padding: clamp(20px, 2.8vw, 39px);
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  position: relative;
  border-radius: 22px;
  background-color: var(--cap-stage);
  background-image:
    linear-gradient(var(--cap-stage-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--cap-stage-line) 1px, transparent 1px);
  background-size: 42px 42px;
  border: 1px solid #ffffff2b;
  box-shadow: inset 0 1px 0 #ffffff6b;
}
.cap-compositions .cap-art-stage > .product-visual {
  width: 100%;
  min-width: 0;
  border: 1px solid #ffffffc9;
  border-radius: 12px;
  box-shadow: 0 14px 30px #30314015, 0 2px 4px #3031400a;
}
.cap-compositions .cap-figure figcaption {
  margin-top: 12px;
  color: #858d9d;
  font-size: 9px;
  line-height: 1.5;
  text-align: right;
}
.cap-compositions .cap-group--reverse .cap-copy { order: 2; }
.cap-compositions .cap-group--reverse .cap-figure { order: 1; }
@media (max-width: 1140px) {
  .cap-compositions .cap-group-heading { align-items: flex-start; }
  .cap-compositions .cap-group-label { padding-top: 15px; }
  .cap-compositions .cap-group-tabs { max-width: 74%; }
  .cap-compositions .cap-tab { font-size: 11px; padding-inline: 10px; }
  .cap-compositions .cap-tab > .icon { display: none; }
  .cap-compositions .cap-art-stage { padding: 20px; }
}
@media (max-width: 850px) {
  .cap-compositions { gap: 20px; }
  .cap-compositions .cap-group { padding-block: 25px 30px; }
  .cap-compositions .cap-group-heading { display: block; margin-bottom: 25px; }
  .cap-compositions .cap-group-label { padding-top: 0; margin-bottom: 14px; }
  .cap-compositions .cap-group-tabs { max-width: none; justify-content: flex-start; width: fit-content; }
  .cap-compositions .cap-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 25px; align-items: start; }
  .cap-compositions .cap-copy h3 { font-size: 28px; }
  .cap-compositions .cap-description { font-size: 13px; line-height: 1.75; margin-top: 16px; }
  .cap-compositions .cap-art-stage { padding: 14px; min-height: 370px; border-radius: 17px; }
}
@media (max-width: 680px) {
  .cap-compositions { gap: 20px; }
  .cap-compositions .cap-panel { display: flex; flex-direction: column; gap: 23px; }
  .cap-compositions .cap-copy,
  .cap-compositions .cap-group--reverse .cap-copy { order: 0; width: 100%; }
  .cap-compositions .cap-figure,
  .cap-compositions .cap-group--reverse .cap-figure { order: 1; width: 100%; }
  .cap-compositions .cap-group-heading { margin-bottom: 23px; }
  .cap-compositions .cap-group-tabs { width: 100%; gap: 4px; padding: 4px; }
  .cap-compositions .cap-tab { flex: 1 1 auto; padding: 9px 10px; font-size: 11px; min-height: 40px; }
  .cap-compositions .cap-copy h3 { max-width: 520px; font-size: 28px; line-height: 1.16; }
  .cap-compositions .cap-description { max-width: none; font-size: 14px; }
  .cap-compositions .cap-scenarios { margin-top: 22px; }
  .cap-compositions .cap-scenario summary { min-height: 47px; font-size: 12px; }
  .cap-compositions .cap-art-stage { min-height: 0; padding: 22px; border-radius: 17px; }
  .cap-compositions .cap-art-stage > .product-visual { min-height: 0; }
  .cap-compositions .cap-figure figcaption { margin-top: 9px; }
}
@media (max-width: 390px) {
  .cap-compositions .cap-tab { padding-inline: 8px; font-size: 10px; }
  .cap-compositions .cap-art-stage { padding: 12px; }
  .cap-compositions .cap-copy h3 { font-size: 26px; }
}

/* Shared editorial rhythm: restrained geometric ground, contained product scenes. */
:root{--night:#13151a;--light-text:#f2efe8;--light-muted:#b6b7c0;background:#13151a}
body{background-color:#13151a;background-image:linear-gradient(45deg,transparent 49.4%,#ffffff04 49.6%,#ffffff04 50.4%,transparent 50.6%),linear-gradient(-45deg,transparent 49.4%,#ffffff04 49.6%,#ffffff04 50.4%,transparent 50.6%);background-size:96px 96px}
.wrap{max-width:1240px;width:calc(100% - 80px)}
.header{top:12px;width:calc(100% - 32px);max-width:1392px;margin:12px auto 0;background:#202228ed;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 30px #0001;backdrop-filter:blur(18px)}
.header-inner{width:calc(100% - 44px);max-width:none;height:70px;gap:32px}
.brand svg{width:38px;height:38px}.brand>span{font-size:24px}.brand small{font-size:6px}
.header-contact{background:#32343b;border:1px solid #64615b;color:#ead2ac;box-shadow:0 3px 0 #121317}
.desktop-nav{font-size:12px;gap:29px}
.hero{padding:57px 0 20px;overflow:clip;background:radial-gradient(ellipse at 50% 5%,#76628115,transparent 65%)}
.hero-copy{max-width:1040px;margin:auto;padding:0;text-align:center}
.hero-copy .eyebrow{font-size:11px;color:#b7b1ba;letter-spacing:.12em;margin-bottom:24px}
.hero h1{font-size:clamp(42px,5.35vw,72px);line-height:1.1;letter-spacing:-.055em;max-width:1040px;margin:auto;font-weight:570;text-wrap:balance}
.hero h1 em{display:table;margin:11px auto 0;background:#e5c9a1;color:#232329;padding:2px 17px 6px;border-radius:9px;box-shadow:inset 0 1px 0 #fff3}
.hero-description{max-width:635px;font-size:16px;line-height:1.8;margin:24px auto 0;color:#bdbdc6;text-wrap:pretty}
.hero-actions{justify-content:center;gap:14px;margin-top:28px}.hero-actions .button{font-size:14px;padding-inline:26px}
.hero-proof{max-width:1070px;display:grid;grid-template-columns:235px minmax(0,1fr);margin:48px auto 0;border:1px solid #5f5b5366;border-radius:19px;background:#32313a;padding:14px;gap:14px;box-shadow:0 25px 70px #0004,inset 0 1px 0 #ffffff0b;align-items:stretch}
.proof-model{padding:28px 21px;background:#ded7c9;border:1px solid #f4eee0;border-radius:9px;color:#333138;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(#62544307 1px,transparent 1px),linear-gradient(90deg,#62544307 1px,transparent 1px);background-size:24px 24px}
.proof-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#c6b898;color:#5b5143;margin-bottom:23px;box-shadow:inset 0 1px 0 #fff5}
.proof-symbol .icon{width:24px;height:24px}.proof-kicker{font-size:11px;line-height:1.5;font-weight:600;color:#68615a}
.proof-entities{display:grid;gap:9px;position:relative;margin-top:13px}
.proof-entities>span{position:relative;background:#f8f5ed;border:1px solid #c7beb0;border-radius:6px;display:flex;gap:12px;align-items:center;padding:9px 12px;font-size:13px;font-weight:550;box-shadow:0 3px 6px #33251508}
.proof-entities .icon{width:16px;height:16px;color:#8c7652}
.proof-flow{margin-top:28px;padding-top:21px;border-top:1px solid #afa69566}.proof-flow p{font-size:11px;line-height:1.8;margin-top:10px;font-weight:500;color:#4f4944}.proof-flow p span{color:#ac9a81;margin:0 3px}
.proof-stages{display:flex;gap:6px;margin-top:12px}.proof-stages i{height:5px;flex:1;background:#c2b599;border-radius:2px}.proof-stages i:first-child{background:#756548}.proof-stages i:nth-child(2){background:#9b8a69}
.proof-screen{align-self:center;min-width:0;border:1px solid #5e594f;border-radius:9px;overflow:hidden;background:#181916;box-shadow:0 15px 30px #0003}
.proof-screen-bar{height:31px;display:flex;align-items:center;gap:11px;background:#2a2b2d;color:#d0c9be;padding:0 12px;font-size:10px;white-space:nowrap}.proof-demo{margin-left:auto;font-size:9px;color:#a6a4a1}
.proof-screen .hero-screen{background:#151611;cursor:zoom-in}.proof-screen .screen-action{opacity:1;font-size:10px;background:#eee4d1f0;color:#332e27;border:1px solid #f6eddc;bottom:11px;padding:7px 13px;box-shadow:0 4px 10px #0003}
.hero-foundation{max-width:1070px;margin:25px auto 0;padding:22px 12px;border:0;gap:45px}.hero-foundation>p{font-size:11px;color:#9696a0}.hero-foundation span{font-size:12px;color:#b9b7bf}.hero-foundation svg{color:#a98d66}
.section-heading{margin-bottom:31px;gap:45px;align-items:end}.section-heading .eyebrow{font-size:11px;color:#a4a0aa;letter-spacing:.13em;margin-bottom:15px}.section-heading h2{font-size:clamp(35px,3.4vw,48px);line-height:1.12}.section-heading>p{max-width:345px;color:#aaaab5;font-size:14px;line-height:1.8}
.examples-section{background:transparent;color:#f3eee4;padding:68px 0 32px}.examples-section h2 em{color:#c5b5de}
.crm-gallery{border-color:#535158;background:#22232a;border-radius:18px;box-shadow:0 20px 60px #0003}
.gallery-frame{background:radial-gradient(ellipse at 50% 60%,#50506455,transparent 76%),#292a32;padding:23px 28px 26px}
.gallery-caption h3{font-weight:550}.gallery-caption p{color:#c2c1cb}
.gallery-image{width:min(100%,960px);aspect-ratio:1.5;max-height:none}.gallery-image>.catalog-screen{border-radius:7px;border:1px solid #ffffff16;box-shadow:0 15px 38px #0005}
.gallery-thumbnails{background:#22232a;border-top:1px solid #ffffff0d;padding:17px 20px;scrollbar-color:#6d6460 #22232a;gap:11px}
.gallery-thumb{color:#b3afba;flex-basis:166px}.gallery-thumb:hover{background:#34353e;color:#fff}.gallery-thumb[aria-selected=true]{color:#f3e2c9;background:#39352e;border-color:#c9a976;box-shadow:none}.gallery-thumb-title{font-size:10px}.gallery-thumb-image{background:#383943}
.catalog-note{color:#91909b;font-size:10px}.gallery-controls{top:24px}
.capabilities-section{background:transparent;padding:70px 0 35px}.capabilities-section .section-heading>p{color:#aaaab5}.capabilities-section h2 em{color:#c1cbb9}
.cap-compositions .cap-art-stage>.product-visual{border:0;border-radius:0;box-shadow:none}
.cap-tail{padding:26px 30px;margin-top:28px;border:1px solid #ffffff12;border-radius:14px;background:#23252c;gap:30px}.cap-tail p{color:#b7b6bf}.cap-tail strong{color:#e7e4de}
.privacy-section{background:transparent;border:0;padding:62px 0 35px;overflow:clip}.privacy-layout{grid-template-columns:1fr 1fr;gap:0;border:1px solid #ffffff16;border-radius:21px;overflow:hidden;background:#24262c;align-items:stretch}
.privacy-copy{padding:44px 40px}.privacy-copy>.eyebrow{font-size:10px;letter-spacing:.12em;color:#a9b4a8;margin-bottom:18px}.privacy-copy h2{font-size:38px;line-height:1.12}.privacy-copy h2 em{color:#c3d1ba}.privacy-description{font-size:14px;line-height:1.8;margin-top:22px;color:#b6b8c1}.privacy-principles{gap:23px;margin-top:28px}.privacy-principles h3{font-size:14px}.privacy-principles p{font-size:12px;line-height:1.75;color:#b2b5bd}.privacy-principles article>.icon{color:#b9c6ad;width:18px;height:18px}
.privacy-canvas{background:radial-gradient(ellipse at 30% 10%,#b4c3ab,transparent 75%),#81958a;padding:42px 30px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;position:relative;overflow:hidden}
.privacy-canvas:before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:38px 38px;z-index:-1;mask-image:linear-gradient(#0008,transparent)}
.access-demo{border:1px solid #dae2d8;border-radius:12px;background:#fafbf6;color:#283c34;box-shadow:0 18px 32px #2c3d382b;overflow:hidden;position:relative;z-index:1}
.access-heading{display:flex;gap:11px;align-items:center;padding:19px 17px;background:#eef2e8;border-bottom:1px solid #dce3d7}.access-lock{width:34px;height:34px;display:grid;place-items:center;background:#d9e5d3;border-radius:9px;color:#638568}.access-lock .icon{width:18px;height:18px}.access-heading>div{flex:1}.access-heading strong{display:block;font-size:14px;font-weight:600;letter-spacing:-.02em}.access-heading div>span{font-size:10px;color:#6f7c74;display:block;margin-top:2px}.access-label{font-size:9px;color:#77887b}
.access-person{display:flex;align-items:center;gap:10px;padding:17px;border-bottom:1px solid #e5e8e1}.access-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:10px;background:#dce8d8;color:#4f7253;flex-shrink:0}.access-avatar.violet{background:#e6e0f1;color:#79648e}.access-avatar.amber{background:#f1e4cf;color:#a18357}.access-person>div{flex:1;min-width:0}.access-person strong{display:block;font-size:12px}.access-person small{display:block;font-size:10px;color:#80887f;margin-top:2px}.access-role{font-size:10px;white-space:nowrap;background:#eff2eb;border:1px solid #dce2d8;border-radius:5px;padding:4px 8px;color:#5b715e}.access-footer{padding:14px 17px;display:flex;align-items:center;gap:8px;color:#6b7f6d;font-size:9px;line-height:1.6}.access-footer .icon{width:14px;height:14px}
.privacy-nda{align-self:flex-end;width:70%;padding:20px 25px;background:#ebe4d6;border:1px solid #fff9ed;border-radius:0 0 8px 8px;color:#4a473f;box-shadow:0 12px 22px #2a373827;position:relative;margin:-2px 14px 0 0}.privacy-nda>div{display:flex;align-items:center;justify-content:space-between}.privacy-nda>div>span{font-size:29px;font-weight:570;letter-spacing:.05em;line-height:1.2}.privacy-nda .icon{width:23px;height:23px;color:#91866f}.privacy-nda p{font-size:11px;color:#817462;line-height:1.7;margin-top:11px}.nda-signature{display:block;width:75px;height:1px;background:#bfb19a;margin-top:15px}
.contact-section{padding:45px 0 35px;background:transparent}.contact-board{display:block;max-width:1100px;margin:auto;text-align:center;padding:50px 50px 43px;background-color:#e6d4b5;background-image:linear-gradient(45deg,transparent 49%,#ad967a0b 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,#ad967a0b 50%,transparent 51%);background-size:58px 58px;border:1px solid #f5e6c8;border-radius:20px;box-shadow:0 15px 45px #0002}.contact-board:before{display:none}.contact-heading .eyebrow{font-size:10px;letter-spacing:.1em;color:#7b6853;margin-bottom:15px}.contact-heading h2{font-size:43px;line-height:1.12}.contact-heading h2 br{display:none}.contact-heading h2 em{color:#645567;white-space:nowrap}.contact-heading>p:last-child{margin-top:15px;font-size:12px;color:#7f6d58}.contact-action{max-width:540px;margin:24px auto 0;padding:0;border:0}.contact-action>p{font-size:14px;line-height:1.8;color:#655c52}.contact-action>.button{width:auto;min-width:310px;margin:24px auto 18px;padding-inline:38px;background:linear-gradient(#703748,#532737);box-shadow:0 5px 0 #371623,0 15px 25px #40243520;border-color:#88495c}.contact-action>.button:hover{background:#794052}.contact-action>small{font-size:11px;color:#817056}
.footer{background:transparent}.footer-inner{min-height:100px;color:#92929e;font-size:10px}
@media(min-width:1700px){.hero-proof{max-width:1100px}.gallery-image{width:min(100%,1100px)}.hero{padding-top:65px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.header-inner{width:calc(100% - 36px)}.hero h1{font-size:57px}.hero-proof{grid-template-columns:210px minmax(0,1fr)}.proof-model{padding:21px 17px}.proof-flow{margin-top:20px;padding-top:17px}.proof-symbol{margin-bottom:18px}.privacy-copy{padding:34px 30px}.privacy-copy h2{font-size:34px}.privacy-canvas{padding:32px 21px}.access-person{padding:15px 12px;gap:8px}.access-role{padding-inline:6px;font-size:9px}.access-person small{font-size:9px}}
@media(max-width:900px){.hero h1{font-size:52px}.hero-copy{max-width:720px}.hero-description{font-size:15px}.hero-proof{grid-template-columns:180px minmax(0,1fr);padding:10px;gap:10px;margin-top:40px}.proof-model{padding:18px 14px}.proof-symbol{display:none}.proof-entities>span{font-size:11px;padding:7px 9px;gap:8px}.proof-kicker{font-size:9px}.proof-flow{margin-top:15px;padding-top:14px}.proof-flow p{font-size:9px}.proof-demo{display:none}.proof-screen-bar{font-size:9px;height:26px}.hero-foundation{gap:23px}.hero-foundation>div{gap:15px}.hero-foundation span{font-size:10px;gap:8px}.hero-foundation svg{width:16px;height:16px}.section-heading h2{font-size:38px}.gallery-controls{background:#24262f}.gallery-image{width:100%}.privacy-layout{grid-template-columns:1fr}.privacy-copy{padding:37px}.privacy-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.privacy-principles article{display:block}.privacy-principles article>.icon{margin-bottom:12px}.privacy-canvas{padding:34px 55px;display:grid;grid-template-columns:1.4fr 1fr;gap:0;align-items:center}.privacy-nda{width:auto;align-self:center;margin:0 0 0 -1px;border-radius:0 7px 7px 0}.privacy-copy h2{font-size:39px}.contact-heading h2{font-size:40px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{top:0;width:100%;margin:0;border-radius:0;border:0;border-bottom:1px solid #ffffff12}.header-inner{height:65px;width:calc(100% - 36px)}.brand svg{width:32px;height:32px}.brand>span{font-size:22px}.hero{padding:36px 0 12px}.hero-copy{text-align:center;width:100%;padding:0}.hero-copy .eyebrow{font-size:8px;margin-bottom:18px;letter-spacing:.1em}.hero h1{font-size:clamp(33px,8.1vw,47px);line-height:1.13;letter-spacing:-.045em}.hero h1 em{padding:2px 11px 4px;border-radius:6px;margin-top:9px}.hero-description{font-size:12px;line-height:1.85;margin-top:19px;max-width:430px}.hero-actions{justify-content:center;gap:10px;margin-top:24px;flex-wrap:nowrap}.hero-actions .button{font-size:11px;min-height:48px;padding:12px 13px;flex:1;max-width:210px}.hero-proof{display:flex;flex-direction:column;margin-top:32px;padding:9px;gap:9px;border-radius:13px}.proof-model{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;padding:15px;background-size:22px 22px}.proof-model>.proof-kicker{grid-column:1}.proof-entities{display:flex;gap:4px;grid-column:1;margin-top:0;flex-wrap:wrap}.proof-entities>span{padding:5px 7px;font-size:9px;gap:0}.proof-entities .icon{display:none}.proof-flow{grid-column:2;grid-row:1/3;margin:0;padding:0 0 0 14px;border:0;border-left:1px solid #aca19166}.proof-flow p{margin-top:4px;font-size:9px}.proof-stages{margin-top:8px;gap:4px}.proof-stages i{height:4px}.proof-kicker{font-size:9px}.proof-screen{width:100%;border-radius:6px}.proof-screen-bar{height:25px;font-size:8px;padding:0 9px}.proof-screen .screen-action{font-size:8px;padding:5px 9px;bottom:7px}.hero-foundation{margin-top:16px;padding:14px 4px;display:block}.hero-foundation>p{font-size:9px;margin-bottom:15px;text-align:center}.hero-foundation>p br{display:none}.hero-foundation>div{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;max-width:300px;margin:auto}.hero-foundation span{font-size:10px;gap:8px}.section-heading{margin-bottom:24px;display:block}.section-heading .eyebrow{font-size:9px;margin-bottom:12px}.section-heading h2{font-size:33px;line-height:1.14}.section-heading>p{font-size:12px;line-height:1.8;margin-top:17px;max-width:420px}.examples-section{padding:37px 0 15px}.crm-gallery{margin:0 -4px;border-radius:13px}.gallery-frame{padding:17px 10px 14px}.gallery-caption{padding:0;min-height:90px;margin-bottom:14px}.gallery-caption h3{font-size:17px}.gallery-caption p{font-size:11px;line-height:1.7}.gallery-controls{padding:12px 10px}.gallery-open{font-size:10px;padding-inline:11px;min-height:44px}.gallery-nav{min-height:44px}.gallery-thumbnails{padding:13px 10px;gap:8px}.gallery-thumb{flex-basis:132px}.gallery-thumb-title{font-size:9px}.catalog-note{font-size:9px;line-height:1.75;margin-top:13px}.capabilities-section{padding:37px 0 20px}.cap-tail{display:block;padding:22px;margin-top:22px;border-radius:12px}.cap-tail p{font-size:12px}.cap-tail .button{width:100%;font-size:12px;min-height:49px;margin-top:18px}.privacy-section{padding:28px 0 20px}.privacy-layout{border-radius:15px}.privacy-copy{padding:29px 23px}.privacy-copy h2{font-size:31px}.privacy-copy>.eyebrow{font-size:9px;margin-bottom:16px}.privacy-description{font-size:12px;line-height:1.85;margin-top:20px}.privacy-principles{display:grid;grid-template-columns:1fr;gap:19px;margin-top:25px}.privacy-principles article{display:flex;gap:12px}.privacy-principles article>.icon{margin:2px 0 0;flex-shrink:0}.privacy-principles h3{font-size:12px}.privacy-principles p{font-size:11px;line-height:1.8;margin-top:4px}.privacy-canvas{display:flex;flex-direction:column;padding:26px 17px 23px}.access-demo{width:100%;border-radius:9px}.access-heading{padding:15px 12px;gap:9px}.access-heading strong{font-size:12px}.access-heading div>span{font-size:9px}.access-lock{width:29px;height:29px}.access-heading .icon{width:16px;height:16px}.access-person{padding:13px 11px;gap:8px}.access-avatar{width:27px;height:27px;font-size:9px}.access-person strong{font-size:11px}.access-person small{font-size:8px}.access-role{font-size:8px;padding:4px 5px}.access-footer{font-size:8px;padding:12px 11px;gap:6px}.privacy-nda{align-self:flex-end;width:73%;padding:18px 19px;margin:-1px 8px 0 0;border-radius:0 0 6px 6px}.privacy-nda>div>span{font-size:25px}.privacy-nda p{font-size:10px;margin-top:8px}.contact-section{padding:25px 0 25px}.contact-board{padding:30px 23px 28px;border-radius:15px}.contact-heading .eyebrow{font-size:9px}.contact-heading h2{font-size:33px}.contact-heading>p:last-child{font-size:10px;margin-top:14px}.contact-action{margin-top:22px}.contact-action>p{font-size:12px}.contact-action>.button{min-width:0;width:100%;font-size:13px;padding:14px 16px;margin:22px 0 17px}.contact-action>small{font-size:10px}.footer-inner{min-height:135px;padding-block:22px;gap:13px 20px;font-size:9px}.footer-wordmark{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-proof,.cap-group,.privacy-layout{animation:none}}

/* An authored, looping product story on a fixed vector-like canvas. */
.approach-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:35px}
.approach-story{max-width:450px;padding:6px 0}
.approach-story .eyebrow{font-size:10px;color:#b5a285;letter-spacing:.11em;margin-bottom:20px}
.approach-story h2{font-size:clamp(33px,3vw,43px);line-height:1.12;letter-spacing:-.045em;font-weight:550;margin:0 0 24px;color:#f2efe8}
.approach-story h2 em{color:#e4c69b;font-style:normal}
.approach-story>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#b7b8c2;margin-top:19px}
.approach-story>.approach-lead{font-size:17px!important;line-height:1.65!important;color:#e0ddd6!important}
.approach-conviction{padding-left:17px;border-left:2px solid #9d8059;color:#d4d0c8!important}
.approach-theater{min-width:0;border-radius:17px;border:1px solid #e7e0ed;background:#e3dfe9;overflow:hidden;box-shadow:0 15px 32px #0002;color:#34343e;isolation:isolate}
.motion-toolbar{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #a79ab22b;background:#eeebf1}
.motion-toolbar>span{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:550}
.motion-toolbar i{width:6px;height:6px;display:block;border-radius:50%;background:#9a86af}
.motion-pause{height:28px;width:28px;display:grid;place-items:center;border:1px solid #ada3b647;background:#f7f5fa;color:#6f607d;border-radius:6px;padding:0;flex-shrink:0}
.motion-pause:hover{background:#fff;border-color:#9989a9}
.motion-pause>span{width:8px;height:10px;background:linear-gradient(90deg,currentColor 3px,transparent 3px,transparent 5px,currentColor 5px)}
.motion-pause[aria-pressed=true]>span{width:0;height:0;background:none;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;margin-left:2px}
.motion-pause:focus-visible{outline-color:#6f547f}
.motion-viewport{width:100%;aspect-ratio:720/490;position:relative;overflow:hidden}
.approach-theater{transition:background-color .7s ease}.approach-theater[data-motion-phase=plan]{background:#e8dfcf}.approach-theater[data-motion-phase=ready]{background:#dfe8d7}
.motion-canvas{position:absolute;left:0;top:0;width:720px;height:490px;transform:scale(var(--motion-scale,1));transform-origin:top left;background-image:radial-gradient(#87759927 .8px,transparent .9px);background-size:19px 19px;color:#393742}
.motion-layer{position:absolute;inset:0;will-change:opacity,transform}
.motion-plan,.motion-ready{opacity:0;pointer-events:none}
.motion-scene-title{position:absolute;top:25px;left:30px}
.motion-scene-title strong{font-size:23px;font-weight:580;letter-spacing:-.035em;display:block;line-height:1.3}
.motion-scene-title>span{font-size:12px;color:#82788d;margin-top:7px;display:block}
.motion-library-label{position:absolute;left:32px;top:103px;font-size:11px;color:#867d90}
.motion-module{position:absolute;width:252px;height:66px;left:30px;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e7e0ea;border-radius:10px;background:#fdfbf8;box-shadow:0 4px 9px #4f3a6510;will-change:transform}
.module-clients{top:126px}.module-finance{top:211px}.module-automation{top:296px}.module-warehouse{top:381px}
.module-symbol{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:9px;background:#e8e0f1;color:#8a739f}
.module-symbol .icon{width:22px;height:22px}.module-symbol.sand{background:#eee3cd;color:#a78b50}.module-symbol.mint{background:#e0eadb;color:#7a9370}.module-symbol.blue{background:#dde8f0;color:#6f8da2}
.motion-module strong{font-size:13px;font-weight:560;line-height:1.5;display:block}.motion-module small{font-size:10px;color:#948896;display:block;margin-top:3px}
.module-added{color:#7b926c;margin-left:auto;opacity:0;font-size:16px}.module-optional{margin-left:auto;color:#b7aabd;font-size:18px}
.motion-module.is-added{background:#f2f3ed;border-color:#d0d9c9;box-shadow:none}.motion-module.is-added .module-added{opacity:1}
.motion-basket{position:absolute;left:340px;top:100px;width:352px;height:347px;border-radius:13px;border:1px solid #c4b3d3;background:#f8f5fb;box-shadow:0 13px 24px #63537712;transition:border-color .3s,box-shadow .3s}
.motion-basket.is-receiving{border-color:#9e7cbb;box-shadow:0 0 0 3px #b49cc12b,0 13px 24px #63537712}
.basket-title{padding:16px 19px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e4dcea}
.basket-symbol{width:31px;height:33px;display:grid;place-items:center;color:#9a7caf}
.basket-symbol .icon{width:26px;height:26px}.basket-title strong{font-size:18px;font-weight:600;line-height:1.3}.basket-title small{font-size:10px;color:#8a7f94;display:block;margin-top:3px}
.basket-slot{position:absolute;left:23px;right:23px;height:58px;border-radius:8px;border:1px solid #d9d1e1;background:#fff;display:flex;align-items:center;gap:12px;padding:12px;opacity:0;transform:translateY(5px)}
.slot-clients{top:69px}.slot-finance{top:139px}.slot-automation{top:209px}
.basket-slot>span{color:#8c75a1}.basket-slot .icon{width:20px;height:20px}.basket-slot strong{font-size:12px;font-weight:550}.basket-slot i{font-size:14px;color:#7c9a73;font-style:normal;margin-left:auto}
.basket-empty{position:absolute;top:86px;left:23px;right:23px;height:163px;border:1px dashed #cfc0dc;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b6a4c6}
.basket-empty>span{font-size:27px;line-height:1.3}.basket-empty>p{font-size:12px;color:#ac9ab9;margin-top:7px}
.motion-continue{position:absolute;left:23px;right:23px;bottom:17px;height:43px;display:flex;align-items:center;justify-content:center;gap:18px;background:#dcd1e5;color:#7b688f;border:1px solid #cebedb;border-radius:7px;font-size:12px;font-weight:550;box-shadow:0 3px 0 #c5b6d0}
.motion-continue.is-ready{background:#867098;color:#fff;border-color:#867098;box-shadow:0 3px 0 #675376}
.motion-continue.is-pressed,.plan-approve.is-pressed{transform:translateY(2px);box-shadow:0 1px 0 #675376}
.motion-ghost{z-index:5;opacity:0;pointer-events:none;border-color:#ad91c4;box-shadow:0 12px 24px #57406133;background:#fffdfb;left:30px}
.motion-ghost[data-ghost=clients]{top:126px}.motion-ghost[data-ghost=finance]{top:211px}.motion-ghost[data-ghost=automation]{top:296px}
.motion-cursor{position:absolute;left:0;top:0;width:28px;height:34px;z-index:10;pointer-events:none;will-change:transform;filter:drop-shadow(1px 3px 3px #362b3a33)}
.motion-cursor>svg{width:28px;height:34px}.motion-click-ring{position:absolute;width:38px;height:38px;left:-16px;top:-16px;border:2px solid #9771ae;border-radius:50%;opacity:0}
.motion-caption{position:absolute;left:32px;right:32px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#8b7b94;height:22px}
.motion-caption-dot{width:5px;height:5px;border-radius:50%;background:#b097c1}
.motion-plan-paper{position:absolute;left:30px;top:105px;right:30px;height:338px;background:#fcfaf5;border:1px solid #d4c7b6;border-radius:12px;box-shadow:0 14px 30px #63544216;padding:20px 24px}
.plan-document-title{display:flex;align-items:center;gap:13px;border-bottom:1px solid #e7dfd3;padding-bottom:18px}
.plan-document-title>span:first-child{width:38px;height:43px;border-radius:7px;display:grid;place-items:center;background:#f0e6d1;color:#a99165}
.plan-document-title strong{font-size:18px;line-height:1.4;font-weight:550;display:block}.plan-document-title small{font-size:10px;color:#9d8e79}
.plan-stamp{margin-left:auto;background:#e5edde;color:#788869;border:1px solid #d0dec4;border-radius:5px;font-size:10px;padding:5px 8px;opacity:0}
.plan-document-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9e3d9;height:55px}
.plan-document-row>span{color:#a79376}.plan-document-row .icon{width:19px;height:19px}.plan-document-row strong{width:112px;font-size:12px;font-weight:550}.plan-document-row p{font-size:11px;color:#9a8c78}.plan-document-row i{font-size:14px;color:#91a477;font-style:normal;margin-left:auto}
.plan-approve{position:absolute;bottom:20px;right:24px;width:202px;height:40px;display:flex;align-items:center;justify-content:center;gap:18px;background:#9c825b;color:#fff8ed;border:1px solid #9d835c;border-radius:7px;box-shadow:0 3px 0 #776044;font-size:12px;font-weight:550}
.plan-approve.is-approved{background:#e2ebd9;color:#748563;border-color:#c9d6bc;box-shadow:0 2px 0 #bccaaf}
.motion-product{position:absolute;left:30px;right:30px;top:101px;height:324px;border:1px solid #cad4c8;border-radius:12px;overflow:hidden;background:#fffefa;box-shadow:0 16px 32px #4f68511a}
.motion-product-bar{height:50px;display:flex;align-items:center;gap:9px;background:#eff3e9;border-bottom:1px solid #dfe6d7;padding:0 16px}
.product-mark{color:#839775}.product-mark .icon{width:23px;height:23px}.motion-product-bar>strong{font-size:14px;font-weight:600}.motion-product-bar>div{margin-left:auto;display:flex;align-items:center;gap:6px;color:#7c9274;font-size:9px}.motion-product-bar i{width:5px;height:5px;background:#85a779;border-radius:50%}.product-person{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:8px;background:#dce5d6;color:#7e8f73;margin-left:12px}
.motion-product-body{display:flex;height:274px}.motion-product-nav{width:125px;flex-shrink:0;background:#f2f5ed;padding:19px 9px;border-right:1px solid #e0e5da}
.motion-product-nav>span{display:flex;align-items:center;gap:8px;padding:9px 10px;font-size:10px;color:#8d9587;margin-bottom:6px;border-radius:5px}.motion-product-nav .icon{width:16px;height:16px}.motion-product-nav>.active{background:#dce6d2;color:#718461}
.motion-product-content{flex:1;min-width:0;padding:18px}
.motion-product-heading{display:flex;align-items:center;justify-content:space-between}.motion-product-heading strong{font-size:14px;font-weight:580}.motion-product-heading>span{font-size:8px;color:#9eaa92}
.motion-stats{display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:10px;margin-top:13px}
.motion-stats>div{border:1px solid #e0e5d9;border-radius:7px;padding:10px;background:#fffefa}
.motion-stats small{display:block;font-size:8px;color:#92a08a}.motion-stats strong{display:block;font-size:23px;line-height:1.5;font-weight:550;color:#627956}.motion-stats span{font-size:7px;color:#a2aa9b;display:block;white-space:nowrap}
.motion-stat-chart>div{height:42px;display:flex;align-items:end;gap:5px;padding-top:8px}
.motion-stat-chart i{width:11px;background:#c2d1b3;border-radius:2px 2px 0 0;transform-origin:bottom}
.motion-stat-chart i:nth-child(1){height:35%}.motion-stat-chart i:nth-child(2){height:49%}.motion-stat-chart i:nth-child(3){height:44%}.motion-stat-chart i:nth-child(4){height:63%}.motion-stat-chart i:nth-child(5){height:78%}.motion-stat-chart i:nth-child(6){height:100%;background:#8fa97d}
.motion-task{display:flex;align-items:center;gap:9px;margin-top:13px;padding:12px 9px;border:1px solid #e1e6dc;border-radius:6px;background:#f7f9f3}.task-checkbox{width:15px;height:15px;border:1px solid #b7c5ab;border-radius:4px;flex-shrink:0;display:grid;place-items:center;font-size:11px;color:#fff}
.motion-task strong{font-size:9px;font-weight:550;display:block}.motion-task small{font-size:8px;color:#9ca58f;display:block;margin-top:2px}
.task-state{margin-left:auto;font-size:8px;color:#a59574;white-space:nowrap}
.motion-task.is-complete .task-checkbox{background:#8a9f77}.motion-task.is-complete .task-state{color:#799563}
.motion-automation-note{display:flex;gap:9px;align-items:center;margin-top:11px;opacity:.45}
.motion-automation-note>span{color:#9aa98a}.motion-automation-note .icon{width:19px;height:19px}.motion-automation-note strong{font-size:9px;font-weight:500;color:#819071;display:block}.motion-automation-note small{font-size:8px;color:#9fa88f;display:block;margin-top:2px}
.motion-success{position:absolute;left:30px;right:30px;top:435px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#7b916f}.motion-success .icon{width:16px;height:16px}
.approach-method-heading{border-top:1px solid #ffffff0b;margin:32px 0 22px;padding-top:26px}
.approach-method-heading h3{font-size:15px;font-weight:550;color:#eee8df}
.approach-timeline{--timeline-fill:0%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;list-style:none;margin:0;padding:0;position:relative}
.approach-timeline:before,.approach-timeline:after{content:'';position:absolute;left:23px;right:calc(33.333% - 15px);top:22px;height:1px;background:#4b4648}
.approach-timeline:after{right:auto;width:var(--timeline-fill);max-width:calc(66.667% - 8px);background:#cbb28d;transition:width 1.1s ease}
.approach-timeline li{position:relative;padding-right:9px}
.timeline-icon{position:relative;z-index:1;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#2e2e35;color:#8f8e9a;border:1px solid #4e4951;box-shadow:0 0 0 7px #222229;transition:color .5s,border-color .5s,background .5s}
.timeline-icon .icon{width:22px;height:22px}.is-current>.timeline-icon,.is-complete>.timeline-icon{background:#c8ab7e;border-color:#e1c597;color:#3a3022}
.approach-timeline h4{font-size:14px;color:#e6dfd5;font-weight:550;line-height:1.4;margin:18px 0 9px;letter-spacing:-.02em}
.approach-timeline p{font-size:11px;line-height:1.85;color:#aaa6b1}
@media(max-width:1000px){.approach-layout{grid-template-columns:1fr;gap:27px}.approach-story{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.approach-story .eyebrow,.approach-story h2{grid-column:1}.approach-story>p:not(.eyebrow){grid-column:2}.approach-story>.approach-lead{grid-row:1/3;align-self:center;margin:0}.approach-story>p:not(.eyebrow):not(.approach-lead){margin-top:0}.approach-story>.approach-conviction{grid-column:1!important;grid-row:3}.approach-theater{width:100%;max-width:720px;justify-self:center}.approach-timeline{gap:21px}.approach-timeline p{font-size:10px}}
@media(max-width:650px){.approach-layout{gap:25px}.approach-story{display:block;padding:0}.approach-story h2{font-size:33px;margin-bottom:20px}.approach-story .eyebrow{font-size:9px;margin-bottom:17px}.approach-story>p:not(.eyebrow){margin-top:17px!important;font-size:12px}.approach-story>.approach-lead{font-size:15px!important}.approach-story>.approach-conviction{padding-left:13px}.motion-toolbar{padding:10px 12px}.motion-toolbar>span{font-size:10px}.approach-theater{border-radius:12px;margin:0 -6px;width:calc(100% + 12px)}.approach-method-heading{margin:25px 0 22px;padding-top:23px}.approach-method-heading h3{font-size:14px}.approach-timeline{display:flex;flex-direction:column;gap:25px}.approach-timeline:before{left:19px;right:auto;top:20px;bottom:30px;width:1px;height:auto}.approach-timeline:after{display:none}.approach-timeline li{display:flex;gap:20px;padding:0}.timeline-icon{width:39px;height:39px;flex-shrink:0;box-shadow:0 0 0 5px #222229}.timeline-icon .icon{width:20px;height:20px}.approach-timeline h4{margin:2px 0 8px;font-size:13px}.approach-timeline p{font-size:11px}.approach-timeline li>div{flex:1}}
@media(prefers-reduced-motion:reduce){.approach-section *{transition:none!important}.motion-cursor,.motion-ghost{display:none}}

/* Compact vertical catalogue; the original artwork stays intact. */
.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}
.crm-gallery{display:grid;grid-template-columns:205px minmax(0,1fr);gap:18px;position:relative;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;margin:0;align-items:stretch}
.gallery-thumbnails{display:flex;flex-direction:column;gap:5px;padding:7px;position:absolute;inset:0 auto 0 0;width:205px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#625b58 #1c1d23;background:#1c1d23;border:1px solid #ffffff0c;border-radius:12px;scroll-padding:7px;scroll-snap-type:y proximity}
.gallery-thumb{flex:none;display:flex;align-items:center;gap:10px;min-width:0;width:100%;padding:8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#a8a7b1;text-align:left;scroll-snap-align:start;transition:background .18s,color .18s,border-color .18s;box-shadow:none}
.gallery-thumb:hover{background:#303039;color:#eee7dc}
.gallery-thumb[aria-selected=true]{background:#3c352b;border-color:#877252;color:#f1dab3;box-shadow:inset 3px 0 #d1b380}
.gallery-thumb-image{width:58px;min-width:58px;aspect-ratio:1.5;display:flex;align-items:center;border-radius:3px;overflow:hidden;background:#343640;pointer-events:none}
.gallery-thumb-image>.catalog-screen{flex-shrink:0}
.gallery-thumb-title{font-size:10px;font-weight:500;line-height:1.5;display:block;padding:0;min-height:0}
.gallery-frame{grid-column:2;min-width:0;padding:0;background:#17191e;border:1px solid #ffffff14;border-radius:11px;overflow:hidden;display:flex;align-items:center;aspect-ratio:1.5;touch-action:pan-y pinch-zoom}
.gallery-slide{width:100%;min-width:0}.gallery-slide[hidden]{display:none}
.gallery-image{display:block;position:relative;margin:auto;padding:0;width:100%;max-width:100%;aspect-ratio:1.5;max-height:none;background:transparent;cursor:default;box-shadow:none}
.gallery-image>.catalog-screen{border:0;border-radius:0;box-shadow:none;overflow:hidden}
.gallery-image img{pointer-events:none;user-select:none}
.catalog-screen--atlas{position:relative;aspect-ratio:1.5;overflow:hidden}
.catalog-screen--atlas>img{position:absolute;width:113.333333333%;height:auto;max-width:none;left:-5.333333333%;top:var(--screen-y);object-fit:initial}
.gallery-thumb:focus-visible{outline:2px solid #e6c798;outline-offset:-2px}
.examples-section .catalog-note{font-size:10px;text-align:right;margin-top:15px;line-height:1.7;color:#9b97a3}
@media(max-width:1000px){.crm-gallery{grid-template-columns:170px minmax(0,1fr);gap:12px}.gallery-thumbnails{width:170px}.gallery-thumb{gap:8px;padding:6px}.gallery-thumb-image{width:43px;min-width:43px}.gallery-thumb-title{font-size:9px}}
@media(max-width:650px){.crm-gallery{grid-template-columns:95px minmax(0,1fr);gap:9px}.gallery-thumbnails{width:95px;padding:4px;gap:4px}.gallery-thumb{display:block;padding:5px}.gallery-thumb-image{width:100%;aspect-ratio:1.5}.gallery-thumb-title{font-size:9px;line-height:1.35;margin-top:5px}.gallery-frame{aspect-ratio:1.5;border-radius:6px}.gallery-thumbnails{border-radius:7px}.examples-section .catalog-note{font-size:9px;text-align:left;margin-top:12px}}
@media(max-width:390px){.crm-gallery{grid-template-columns:79px minmax(0,1fr);gap:7px}.gallery-thumbnails{width:79px}.gallery-thumb-title{font-size:8px}}
@media(prefers-reduced-motion:reduce){.gallery-thumb{transition:none}}

/* Distinct surfaces below the approved hero. */
.approach-section,.examples-section,.capabilities-section,.privacy-section,.contact-section{padding:22px 0;scroll-margin-top:12px}
.section-board{padding:38px;border:1px solid #ffffff10;border-radius:24px;background:#202127;box-shadow:0 16px 45px #00000012}
.approach-section>.section-board{background:linear-gradient(125deg,#24242b,#202127 60%)}
.examples-section>.section-board{background:#24232b;max-width:1080px}
.examples-section .section-heading{margin-bottom:27px}.examples-section .section-heading h2{font-size:clamp(30px,3.1vw,42px)}
.capabilities-section>.wrap>.section-heading{padding:30px;border:1px solid #ffffff0d;border-radius:22px;background:#202429;margin-bottom:22px}
.cap-compositions{gap:22px}
.cap-compositions .cap-group{padding:30px;border:1px solid #ffffff10;border-radius:23px;background:#22252a;box-shadow:0 12px 30px #0000000e}
.cap-compositions .cap-tone-violet{background:#24222c}.cap-compositions .cap-tone-sage{background:#222923}.cap-compositions .cap-tone-clay{background:#2b2423}.cap-compositions .cap-tone-blue{background:#212730}
.cap-compositions .cap-group-heading{margin-bottom:24px}
.cap-tail{margin-top:22px;background:#272930;border-radius:20px}
.privacy-layout{border-radius:24px}.contact-board{max-width:none;border-radius:24px}
/* Pointer interaction has no halo; keyboard focus stays visible. */
:where(button,a,summary,[tabindex]):focus:not(:focus-visible){outline:none}
:where(button,a,summary,[tabindex]):focus-visible{outline:2px solid #e6c798;outline-offset:3px}
button,a,summary{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.button:hover,.header-contact:hover{filter:brightness(1.04)}
.cap-tab:focus-visible{outline:2px solid #e6c798;outline-offset:2px}.gallery-thumb:focus-visible{outline-offset:-2px}.cap-panel:focus-visible{outline-offset:6px}
@media(max-width:1000px){.section-board{padding:28px}.cap-compositions .cap-group{padding:26px}}
@media(max-width:650px){.approach-section,.examples-section,.capabilities-section,.privacy-section,.contact-section{padding:13px 0;scroll-margin-top:8px}.section-board{padding:23px 18px;border-radius:17px}.examples-section>.section-board{width:calc(100% - 24px);padding:23px 12px}.examples-section .section-heading{padding-inline:5px}.examples-section .section-heading h2{font-size:29px}.cap-compositions .cap-group{padding:22px 18px;border-radius:17px}.capabilities-section>.wrap>.section-heading{padding:24px 20px;border-radius:17px}.privacy-layout,.contact-board{border-radius:17px}.cap-tail{padding:22px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){button,a,summary{transition:none}}

@font-face{font-family:'Noto Sans Arabic';src:url('/fonts/NotoSansArabic.woff2') format('woff2');font-weight:100 900;font-display:swap}
.contact-dialog{scrollbar-width:thin;scrollbar-color:#59595f #24262d;overflow-x:hidden}
.contact-dialog .lead-trap{left:0;top:0;clip-path:inset(50%);pointer-events:none}
.contact-dialog .dialog-close{left:auto;right:16px}
html[dir=rtl] .contact-dialog .dialog-close{right:auto;left:16px}
.header-inner{gap:clamp(12px,1.8vw,24px)}
.language-picker{position:relative;flex-shrink:0;direction:ltr}
.language-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;background:transparent;color:var(--text,#f2eee5);border:1px solid #49494e;border-radius:10px;cursor:pointer;font:inherit;font-size:13px}
.language-toggle svg{width:17px;height:17px}.language-toggle .chevron{width:11px;transition:transform .2s}.language-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}
.language-list{position:absolute;z-index:80;inset-inline-end:0;top:calc(100% + 10px);width:180px;padding:7px;background:#27292f;border:1px solid #4b4b51;border-radius:14px;box-shadow:0 15px 50px #0006}
.language-list[hidden]{display:none}.language-list a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;color:#f0ece4;font-size:14px;text-decoration:none}
.language-list a:hover,.language-list a:focus-visible{background:#ffffff0c}.language-list a[aria-current=page]{color:#e8c996;background:#e8c99614}.language-list a[aria-current=page]::after{content:'✓'}
.contact-dialog{width:min(570px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:38px;border:1px solid #505056;border-radius:24px;background:#24262d;color:#f1ece3;box-shadow:0 28px 100px #0009;text-align:start}
.contact-dialog::backdrop{background:#090b12bd;backdrop-filter:blur(6px)}
.contact-dialog .eyebrow{font-size:11px;margin:4px 38px 15px 0;color:#d6bd97}.contact-dialog h2{font-size:30px;line-height:1.18;letter-spacing:-.04em;margin:0 0 14px}.contact-dialog #dialog-intro{font-size:15px;color:#bebcc6;line-height:1.6;margin:0 0 24px}
.dialog-close{position:absolute;inset-inline-end:16px;top:16px;width:38px;height:38px;border-radius:50%;border:0;background:#ffffff08;color:#eee;cursor:pointer;display:grid;place-items:center}.dialog-close:hover{background:#ffffff15}
.lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}.lead-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#e6e0d7;min-width:0}.lead-field:nth-child(-n+2){grid-column:1/-1}.lead-field input{height:48px;min-width:0;width:100%;border:1px solid #53535d;background:#191c23;color:#f4f0e9;border-radius:10px;padding:0 13px;font:inherit;font-size:15px;box-shadow:none;transition:border-color .2s,background .2s}.lead-field input::placeholder{color:#92919d;font-size:13px}.lead-field input:focus{outline:0;border-color:#e3c397;background:#1d2028;box-shadow:0 0 0 2px #e3c3971c}.lead-field input[aria-invalid=true]{border-color:#e0a399}
.field-error{color:#edb4ab;font-size:12px;line-height:1.4}.field-error:empty{display:none}.lead-notice{font-size:11px;line-height:1.7;color:#aaa9b4;margin:20px 0 0}.lead-status{font-size:13px;line-height:1.6;color:#edb4ab;margin:14px 0}.lead-status:empty{display:none}.lead-submit{width:100%;margin-top:22px;min-height:53px;font-size:16px}.lead-submit:disabled{cursor:wait;opacity:.7;transform:none}.lead-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.lead-success{text-align:center;padding:20px 0 4px}.lead-success-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:0 auto 20px;background:#d4e4d21a;color:#c7deba;font-size:30px}.lead-success h3{font-size:25px}.lead-success p{font-size:15px;line-height:1.7;color:#c9c4ce;margin:16px 0 24px}.lead-success[hidden]{display:none}
html[lang=ar] body{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.5}html[dir=rtl] .hero-copy h1{font-size:clamp(42px,6.1vw,83px)}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .header-inner{direction:ltr}html[dir=rtl] .desktop-nav,html[dir=rtl] .mobile-nav{direction:rtl}html[dir=rtl] .brand{direction:ltr}html[dir=rtl] .gallery-thumbnails{direction:rtl}html[dir=rtl] .crm-gallery{direction:ltr}html[dir=rtl] .gallery-thumb{text-align:right}html[dir=rtl] .motion-viewport,html[dir=rtl] .pv-scene{direction:ltr}html[dir=rtl] .motion-canvas{font-family:'Noto Sans Arabic',Tahoma,sans-serif}html[dir=rtl] .motion-canvas strong,html[dir=rtl] .motion-canvas small,html[dir=rtl] .motion-scene-title,html[dir=rtl] .motion-caption{direction:rtl}html[dir=rtl] .motion-scene-title{text-align:right}html[dir=rtl] .motion-module strong{font-size:15px}html[dir=rtl] .motion-module small{font-size:11px}html[dir=rtl] .approach-timeline:before{left:auto;right:30px}html[dir=rtl] .cap-copy{text-align:right}html[dir=rtl] .contact-dialog .eyebrow{margin-right:0;margin-left:38px}
@media(max-width:1050px){.desktop-nav{gap:16px}.desktop-nav a{font-size:12px}.header-contact{padding:12px 15px;font-size:13px}.brand span{font-size:23px}.brand small{font-size:7px}}
@media(max-width:820px){.desktop-nav{display:none}.menu-toggle{display:flex}.header-contact{margin-inline-start:auto}.mobile-nav:not([hidden]){display:flex}.header-inner{gap:12px}}
@media(max-width:650px){.header-contact{display:none}.language-picker{margin-inline-start:auto}.header-inner{gap:12px}.language-toggle{min-height:40px;padding:7px 10px}.contact-dialog{padding:29px 22px;border-radius:20px}.contact-dialog h2{font-size:26px}.lead-fields{grid-template-columns:1fr;gap:14px}.lead-field{grid-column:1}.lead-submit{min-height:50px}.lead-notice{font-size:10px}.motion-scene-title strong{max-width:95%}}

/* Isolated selectors preserve the approved page layout. Equal consent actions. */
.lmg-consent-banner,.lmg-consent-dialog{font-family:inherit;color:#f6f3ec;background:#20232c;border:1px solid #78664d;box-shadow:0 16px 60px #0008;line-height:1.6;letter-spacing:normal}
.lmg-consent-banner{position:fixed;z-index:90;inset-inline:24px;bottom:20px;width:min(1120px,calc(100% - 48px));margin-inline:auto;border-radius:14px;padding:22px 26px;display:flex;align-items:center;gap:26px}
.lmg-consent-copy{flex:1;min-width:0}.lmg-consent-copy h2,.lmg-consent-dialog h2{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:#efc486;margin:0 0 9px}.lmg-consent-copy p{font-size:12px;line-height:1.7;margin:0;color:#d1d2d9;max-width:680px}
.lmg-consent-actions{display:flex;flex-wrap:wrap;gap:9px}.lmg-consent-banner>.lmg-consent-actions{width:190px;flex-shrink:0;display:grid;grid-template-columns:1fr}
.lmg-consent-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #a68c64;border-radius:7px;background:#2c2c30;color:#f6dfb9;font:inherit;font-size:12px;font-weight:550;line-height:1.45;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
.lmg-consent-button:hover{background:#3c3732;border-color:#efc486}.lmg-consent-button:focus-visible,.lmg-consent-switch:focus-visible,.lmg-consent-policy:focus-visible{outline:3px solid #efc486;outline-offset:4px}
.lmg-consent-dialog{padding:28px;width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;border-radius:15px;overscroll-behavior:contain}.lmg-consent-dialog::backdrop{background:#090b12c9;backdrop-filter:blur(4px)}
.lmg-consent-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}.lmg-consent-dialog-head h2{margin:8px 0 0;font-size:22px}.lmg-consent-close{padding:0;width:44px;min-width:44px;font-size:25px;font-weight:400}
.lmg-consent-detail{font-size:13px;color:#c5c8d2;line-height:1.75;margin:0 0 22px}.lmg-consent-category{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding:18px 0}.lmg-consent-category>div{min-width:0}.lmg-consent-category label,.lmg-consent-category h3{display:block;font-size:14px;line-height:1.5;font-weight:600;letter-spacing:normal;margin:0 0 5px}.lmg-consent-category label{cursor:pointer}.lmg-consent-category p{color:#c1c4ce;font-size:12px;line-height:1.75;margin:0}.lmg-consent-always{font-size:10px;line-height:1.5;color:#e0c392;max-width:80px;flex-shrink:0;text-align:end}
.lmg-consent-switch{appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;width:48px;height:28px;border:1px solid #969aab;background:#444857;border-radius:20px;margin:8px 0;cursor:pointer;transition:background .15s}.lmg-consent-switch::after{content:'';position:absolute;width:18px;height:18px;inset-inline-start:4px;top:4px;border-radius:50%;background:#f5f3ed;transition:inset-inline-start .15s}.lmg-consent-switch:checked{background:#efc486;border-color:#efc486}.lmg-consent-switch:checked::after{inset-inline-start:24px;background:#27272d}
.lmg-consent-switch:disabled{background:#30343f;border-color:#676e80;cursor:not-allowed}.lmg-consent-switch:disabled::after{background:#a2a8b8}.lmg-consent-category[data-disabled=true] label{color:#b7bdca;cursor:default}.lmg-consent-category .lmg-consent-hint{margin-top:9px;padding-inline-start:10px;border-inline-start:2px solid #a68c64;color:#dfc190;font-size:11px;line-height:1.65}
.lmg-consent-dialog>.lmg-consent-actions{border-top:1px solid #ffffff20;padding-top:20px;margin-top:4px}.lmg-consent-dialog>.lmg-consent-actions .lmg-consent-button{flex:1}.lmg-consent-storage{color:#efc486;font-size:12px;margin:8px 0 14px;line-height:1.6}.lmg-consent-policy{display:inline-block;color:#efc486;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding-block:7px}
.lmg-consent-footer{min-height:44px;font-size:10px;font-weight:400;padding:8px 0;color:#c9c3b9;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px}.lmg-consent-footer:hover{color:#efc486;background:transparent}.lmg-consent-footer-fallback{position:fixed;bottom:8px;inset-inline-end:16px;z-index:40;background:#20232c;padding:8px 12px;border:1px solid #78664d}
[dir=rtl] .lmg-consent-copy,[dir=rtl].lmg-consent-dialog{text-align:right}
@media(max-width:760px){.lmg-consent-banner{inset-inline:12px;bottom:12px;width:calc(100% - 24px);display:block;padding:18px 20px;max-height:calc(100dvh - 24px);overflow:auto}.lmg-consent-banner>.lmg-consent-actions{width:auto;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.lmg-consent-button{font-size:11px;padding:10px}.lmg-consent-copy h2{font-size:17px}.lmg-consent-copy p{font-size:11px}.lmg-consent-dialog{padding:22px}.lmg-consent-dialog-head h2{font-size:20px}}
@media(max-width:430px){.lmg-consent-banner>.lmg-consent-actions{grid-template-columns:1fr}.lmg-consent-banner>.lmg-consent-actions .lmg-consent-button{min-height:44px;padding:10px}.lmg-consent-dialog{padding:20px}.lmg-consent-category{gap:14px}.lmg-consent-dialog>.lmg-consent-actions{flex-direction:column}.lmg-consent-category p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.lmg-consent-button,.lmg-consent-switch,.lmg-consent-switch::after{transition:none}}
@media(forced-colors:active){.lmg-consent-switch{appearance:auto;width:28px;height:28px}.lmg-consent-switch::after{display:none}.lmg-consent-button{border:1px solid ButtonText}}