:root{
  --yellow:#f4af03;--yellow-soft:#fff3cc;--yellow-pale:#fff9e9;--gray:#282828;--ink:#171717;--muted:#686868;--line:#e9e7e1;--paper:#fffdfa;--soft:#f7f6f2;--dark:#202020;--radius:26px;--shadow:0 30px 80px rgba(28,26,19,.12);--shadow-soft:0 14px 40px rgba(28,26,19,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:fixed;left:12px;top:-50px;background:#111;color:#fff;padding:10px 14px;border-radius:8px;z-index:200}.skip:focus{top:12px}a{color:inherit;text-decoration:none}button{font:inherit}
.site-header{position:fixed;left:0;right:0;top:0;z-index:80;padding:18px 0;transition:.25s}.site-header.scrolled{padding:10px 0;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(30,30,30,.06)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand,.product-brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand-bookmi img{width:46px;height:46px;object-fit:cover;border-radius:12px}.brand-bookmi span{font-size:14px;letter-spacing:-.01em}.product-brand img{width:126px;height:auto;mix-blend-mode:multiply}.product-brand span{font-size:11px;color:#777;border-left:1px solid #ddd;padding-left:10px}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;color:#444}.nav-links>a:not(.nav-cta){position:relative}.nav-links>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:#111;transition:.25s}.nav-links>a:hover:after{right:0}.nav-cta{background:var(--gray);color:#fff!important;padding:12px 16px;border-radius:999px;display:flex;gap:8px;align-items:center}.nav-cta span{color:var(--yellow)}.menu-btn{display:none;border:0;background:none;padding:8px}.menu-btn span{display:block;width:24px;height:1.5px;background:#222;margin:6px}
.hero{position:relative;padding:170px 0 100px;min-height:820px;display:flex;align-items:center;background:linear-gradient(180deg,#fff 0%,#fffdfa 78%,#fff 100%)}.hero-home:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(40,40,40,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(40,40,40,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.glow-a{width:340px;height:340px;background:rgba(244,175,3,.22);right:7%;top:13%}.glow-b{width:280px;height:280px;background:rgba(80,80,80,.08);left:20%;bottom:4%}.premium-grid{grid-template-columns:.9fr 1.1fr;display:grid;align-items:center;gap:72px;position:relative;z-index:2}.eyebrow,.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#5f5a4f}.eyebrow{display:inline-flex;gap:9px;align-items:center;background:#fff;border:1px solid #ece9e0;border-radius:999px;padding:8px 12px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px rgba(244,175,3,.15)}h1,h2,h3,p{margin-top:0}.hero h1,.product-copy h1{font-size:clamp(52px,6.2vw,86px);line-height:.98;letter-spacing:-.06em;margin:24px 0 24px;font-weight:750}.accent-text{color:var(--yellow)}.hero .lead,.product-copy>p{font-size:18px;line-height:1.7;color:#5c5b58;max-width:660px}.actions{display:flex;gap:12px;align-items:center;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:999px;font-weight:750;font-size:14px;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--yellow);color:#1a1a1a;box-shadow:0 12px 30px rgba(244,175,3,.25)}.btn.quiet{border-color:#dedbd3;background:#fff}.dark-btn{background:#202020;color:#fff}.dark-btn span{color:var(--yellow)}.micro-proof{display:flex;align-items:center;gap:10px;margin-top:34px;font-size:11px;color:#777;flex-wrap:wrap}.micro-proof i{width:4px;height:4px;border-radius:50%;background:#cac5b7}
.hero-stage{position:relative;height:560px}.dashboard-frame{position:absolute;left:12px;top:45px;width:620px;height:430px;border-radius:22px;background:#fff;box-shadow:0 36px 100px rgba(30,25,12,.18);border:1px solid #e8e4da;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.dash-topbar{height:52px;border-bottom:1px solid #eeeae2;display:flex;align-items:center;padding:0 16px;gap:18px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#d8d4cb}.dash-search{margin-left:auto;width:180px;background:#f7f6f2;border:1px solid #ece9e1;border-radius:9px;padding:7px 12px;font-size:9px;color:#96928a}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#292929;color:#fff;font-size:9px;font-weight:700}.dash-body{display:grid;grid-template-columns:66px 1fr;height:calc(100% - 52px)}.dash-side{background:#242424;padding:18px 20px;display:flex;align-items:center;flex-direction:column;gap:17px}.dash-logo{background:var(--yellow);color:#1b1b1b;width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:12px;margin-bottom:5px}.dash-side span{width:18px;height:18px;border-radius:5px;background:#3b3b3b}.dash-side .side-active{background:var(--yellow)}.dash-main{padding:24px}.dash-heading{display:flex;justify-content:space-between;align-items:flex-end}.dash-heading small,.console-top small{display:block;color:#9b978e;font-size:8px;text-transform:uppercase;letter-spacing:.14em}.dash-heading strong{font-size:20px}.dash-heading button{border:0;background:var(--yellow);border-radius:9px;padding:8px 11px;font-weight:700;font-size:9px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.mini-stat{padding:13px;border-radius:12px;border:1px solid #ece9e0;background:#fff}.mini-stat.featured{background:#fff9e5;border-color:#f3d46d}.mini-stat b{display:block;font-size:11px}.mini-stat span{font-size:7px;color:#8f8a81}.dash-columns{display:grid;grid-template-columns:1.35fr .8fr;gap:12px;margin-top:12px}.activity-card,.module-card{border:1px solid #ece9e1;border-radius:13px;padding:13px;height:164px;background:#fff}.card-title{display:flex;justify-content:space-between;font-size:8px;color:#8a857b}.card-title b{color:#333;font-size:9px}.chart-bars{height:105px;display:flex;align-items:flex-end;gap:8px;padding-top:16px}.chart-bars i{display:block;flex:1;border-radius:5px 5px 1px 1px;background:#f4df9a}.chart-bars i:nth-child(4),.chart-bars i:nth-child(6){background:var(--yellow)}.module-card ul{list-style:none;margin:10px 0 0;padding:0}.module-card li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:6px;padding:7px 0;border-top:1px solid #f2f0ea;font-size:7px}.module-card li i{width:7px;height:7px;background:var(--yellow);border-radius:2px}.module-card li b{font-size:6px;color:#888}.floating-chip{position:absolute;background:rgba(255,255,255,.92);border:1px solid rgba(227,222,211,.9);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);border-radius:15px;padding:12px 14px;display:flex;align-items:center;gap:10px;z-index:4}.floating-chip b{display:block;font-size:10px}.floating-chip small{display:block;font-size:7px;color:#888;margin-top:1px}.chip-icon{width:30px;height:30px;border-radius:9px;background:#2b2b2b;color:#fff;display:grid;place-items:center;font-size:12px}.chip-web{right:-5px;top:22px}.chip-app{right:-20px;bottom:65px}.chip-sync{left:-15px;bottom:8px}.pulse-dot{width:11px;height:11px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 7px rgba(244,175,3,.14)}.halo{position:absolute;border:1px solid rgba(244,175,3,.23);border-radius:50%}.halo-1{width:520px;height:520px;right:-50px;top:4px}.halo-2{width:420px;height:420px;right:0;top:54px}
.signal-strip{overflow:hidden;border-top:1px solid #eeeae2;border-bottom:1px solid #eeeae2;background:#fff}.marquee-track{width:max-content;display:flex;align-items:center;gap:25px;padding:13px 0;animation:marquee 32s linear infinite;font-size:11px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:.08em}.marquee-track i{font-style:normal;color:var(--yellow)}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:100px 0}.spacious{padding:135px 0}.section-intro{max-width:720px;margin-bottom:60px}.section-intro.centered{text-align:center;margin-left:auto;margin-right:auto}.section-intro h2,.split-heading h2,.relation-copy h2,.governance-copy h2{font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-.05em;margin:14px 0 18px}.section-intro p,.split-heading p,.relation-copy p,.governance-copy p{color:var(--muted);font-size:16px;line-height:1.75}.muted-heading{color:#aaa59a}.orbit-system{height:390px;position:relative;display:flex;align-items:center;justify-content:space-between;max-width:980px;margin:30px auto 80px}.core-node,.channel-node{position:relative;z-index:2;text-align:center}.core-node{width:310px;height:310px;border-radius:50%;background:#262626;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 30px 90px rgba(20,20,20,.2)}.core-node>span{color:var(--yellow);font-size:10px;letter-spacing:.22em}.core-node>b{font-size:23px;letter-spacing:-.03em;margin:8px 0 4px}.core-node>small{color:#aaa;font-size:11px}.core-rings{position:absolute;inset:-40px;border:1px dashed #ddd7c9;border-radius:50%;animation:spin 28s linear infinite}.core-rings i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--yellow)}.core-rings i:nth-child(1){left:12%;top:21%}.core-rings i:nth-child(2){right:8%;top:48%}.core-rings i:nth-child(3){left:48%;bottom:-4px}@keyframes spin{to{transform:rotate(360deg)}}.channel-node{width:210px;padding:24px 18px;border:1px solid #e6e2d9;border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}.channel-node span{display:inline-block;background:#fff4cf;color:#8e6500;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.channel-node b{display:block;font-size:15px;margin:10px 0 4px}.channel-node small{font-size:9px;color:#888}.orbit-line{height:1px;background:linear-gradient(90deg,transparent,#f0c446,transparent);position:absolute;top:50%;width:30%;z-index:1}.line-left{left:17%}.line-right{right:17%}.three-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.principle{padding:34px;border-top:1px solid #ddd8ce}.principle .num{font-size:10px;color:#b7b1a5}.principle h3{font-size:21px;letter-spacing:-.03em;margin:20px 0 10px}.principle p{font-size:13px;color:#777}
.capability-section{background:#242424;color:#fff;position:relative;overflow:hidden}.capability-section:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;border:1px solid rgba(255,255,255,.05);right:-120px;top:-250px;box-shadow:0 0 0 80px rgba(255,255,255,.02),0 0 0 160px rgba(255,255,255,.015)}.split-heading{display:grid;grid-template-columns:1.1fr .8fr;align-items:end;gap:80px;margin-bottom:55px}.split-heading p{color:#aaa}.light-kicker{color:#d8c98e}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(220px,auto);gap:16px}.bento{position:relative;background:#303030;border:1px solid #3a3a3a;border-radius:24px;padding:28px;overflow:hidden;min-height:280px}.bento h3{font-size:23px;letter-spacing:-.03em;margin:15px 0 8px}.bento p{font-size:13px;color:#b7b7b7;max-width:460px}.bento-icon{width:38px;height:38px;border-radius:11px;background:#444;color:var(--yellow);display:grid;place-items:center;font-size:11px;font-weight:800}.content-bento{grid-column:span 7;display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.booking-bento{grid-column:span 5;background:#fff;color:#222}.booking-bento p{color:#777}.commerce-bento{grid-column:span 5;background:#f3aa00;color:#242424;border-color:#f3aa00}.commerce-bento p{color:#5a4409}.commerce-bento .bento-icon{background:#2c2c2c;color:#fff}.builder-bento{grid-column:span 7;display:grid;grid-template-columns:.75fr 1.25fr;gap:22px}.mobile-bento{grid-column:span 7;min-height:390px;display:grid;grid-template-columns:.9fr 1fr;align-items:center}.governance-bento{grid-column:span 5;background:#2b2b2b}.editor-ui{align-self:end;background:#fff;border-radius:16px;color:#333;height:240px;padding:14px;transform:rotate(1.5deg) translate(10px,22px);box-shadow:0 20px 60px rgba(0,0,0,.22)}.editor-toolbar{display:flex;justify-content:space-between;font-size:8px;color:#8c8c8c;padding-bottom:10px;border-bottom:1px solid #eee}.editor-toolbar b{color:#333}.editor-title{height:17px;background:#303030;border-radius:4px;width:70%;margin-top:20px}.editor-lines{display:grid;gap:7px;margin:14px 0}.editor-lines i{height:6px;border-radius:3px;background:#e7e5df}.editor-lines i:nth-child(2){width:85%}.editor-lines i:nth-child(3){width:92%}.editor-lines i:nth-child(4){width:65%}.editor-image{height:82px;border-radius:9px;background:linear-gradient(135deg,#f8d36d,#efb000);display:grid;place-items:center;font-size:8px;font-weight:800;color:#6e4e00}.calendar-mini{background:#f7f6f2;border:1px solid #e8e5dd;border-radius:16px;padding:14px;margin-top:18px}.cal-head{display:flex;justify-content:space-between;font-size:9px;margin-bottom:12px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-grid i{height:25px;background:#ece9e1;border-radius:6px}.cal-grid i.on{background:#292929;color:#fff;font-size:8px;display:grid;place-items:center}.cal-grid i.booked{background:var(--yellow)}.order-ui{position:absolute;right:22px;bottom:20px;width:210px;background:#fff;color:#333;border-radius:16px;padding:18px;box-shadow:0 18px 50px rgba(89,57,0,.18)}.order-ui>div:first-child{display:flex;justify-content:space-between;font-size:9px}.order-ui>strong{display:inline-block;margin:14px 0 10px;background:#fff2c6;padding:5px 8px;border-radius:999px;font-size:8px}.order-line{height:7px;background:#eae7de;border-radius:3px;margin:4px 0 10px;width:75%}.order-ui small{font-size:7px;color:#8d887e}.builder-canvas{height:260px;background:#eceae5;border-radius:16px;display:grid;grid-template-columns:40px 1fr 80px;overflow:hidden;transform:translateY(18px)}.builder-side{background:#252525;padding:12px 10px;display:flex;flex-direction:column;gap:9px}.builder-side i{height:17px;border-radius:5px;background:#444}.builder-side i:first-child{background:var(--yellow)}.builder-page{padding:16px;background:#fafafa}.wire-hero{height:82px;border-radius:8px;background:linear-gradient(135deg,#f2e1a4,#f6b917)}.wire-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.wire-row i{height:54px;border:1px solid #dedbd3;background:white;border-radius:7px}.wire-wide{height:35px;background:#ece9e2;border-radius:6px;margin-top:8px}.builder-panel{padding:16px 10px;background:#fff;border-left:1px solid #ddd;display:grid;align-content:start;gap:9px}.builder-panel i{height:8px;border-radius:4px;background:#e5e2dc}.phone-shell,.mobile-preview,.app-device{position:relative;background:#fff;color:#333;border:6px solid #111;border-radius:30px;overflow:hidden}.phone-shell{width:185px;height:340px;margin:auto;box-shadow:0 25px 70px rgba(0,0,0,.35)}.phone-notch,.app-device .phone-notch,.mobile-preview .phone-notch{width:64px;height:16px;background:#111;border-radius:0 0 10px 10px;margin:auto}.phone-header{font-size:10px;font-weight:800;padding:15px 12px 8px}.phone-banner{height:90px;background:linear-gradient(135deg,#ffe397,#f4af03);margin:0 10px;border-radius:10px}.phone-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 10px}.phone-cards i{height:48px;background:#eeeae2;border-radius:8px}.phone-list{margin:7px 10px;display:grid;gap:7px}.phone-list i{height:9px;border-radius:5px;background:#e7e4dc}.phone-tabs,.mobile-tabs{position:absolute;left:0;right:0;bottom:0;height:38px;border-top:1px solid #ece9e1;background:#fff;display:flex;justify-content:space-around;align-items:center;font-size:10px}.toggle-stack{margin-top:25px;border-top:1px solid #414141}.toggle-stack>div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #414141;font-size:10px}.toggle{width:27px;height:15px;background:#666;border-radius:20px;display:block;position:relative}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#fff}.toggle.on{background:var(--yellow)}.toggle.on:after{left:15px}
.workflow-rail{position:relative;border-left:1px solid #ddd7ca;margin-left:38px}.workflow-rail article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:0 0 42px 34px;position:relative}.workflow-rail article:before{content:"";position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--yellow)}.workflow-rail article span{font-size:11px;color:#aaa}.workflow-rail b{font-size:22px;letter-spacing:-.03em}.workflow-rail p{color:#777;margin:4px 0 0;max-width:760px;font-size:14px}.relationship-section{background:#242424;color:#fff}.relation-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.relation-copy p{color:#aaa}.text-link{display:inline-flex;margin-top:20px;color:var(--yellow);font-size:13px;font-weight:700}.relation-map{height:470px;position:relative}.relation-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.relation-map line{stroke:#605c4e;stroke-width:1;stroke-dasharray:5 7}.rel-core,.rel-node{position:absolute;z-index:2;border-radius:999px;display:grid;place-items:center}.rel-core{left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;background:var(--yellow);color:#282828;font-weight:800;box-shadow:0 0 0 28px rgba(244,175,3,.05)}.rel-node{width:100px;height:44px;background:#333;border:1px solid #4d4d4d;font-size:11px}.n1{left:50%;top:10px;transform:translateX(-50%)}.n2{right:4%;top:80px}.n3{right:3%;bottom:75px}.n4{left:50%;bottom:10px;transform:translateX(-50%)}.n5{left:3%;bottom:75px}.n6{left:3%;top:80px}.light-split p{color:#777}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.example-card{border:1px solid #e7e3da;border-radius:22px;padding:28px;min-height:270px;display:flex;flex-direction:column;background:#fff;transition:.25s}.example-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}.example-card>span{font-size:9px;color:#bbb}.example-card h3{font-size:21px;line-height:1.15;letter-spacing:-.03em;margin:35px 0 10px}.example-card p{color:#777;font-size:13px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tags i{font-style:normal;font-size:8px;background:#f7f5ef;border-radius:999px;padding:5px 8px;color:#777}.final-cta{padding:0 0 90px}.final-cta-inner{position:relative;overflow:hidden;background:var(--yellow);border-radius:34px;padding:80px 60px;text-align:center}.unify-logo-cta{width:170px;mix-blend-mode:multiply;margin-bottom:24px}.final-cta-inner h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.05em;margin:0 auto 18px;max-width:850px}.final-cta-inner p{max-width:680px;margin:0 auto 28px;color:#5a450b}.cta-orbit{position:absolute;border:1px solid rgba(40,40,40,.13);border-radius:50%}.o1{width:400px;height:400px;left:-190px;top:-130px}.o2{width:520px;height:520px;right:-240px;bottom:-260px}
.footer{background:#1f1f1f;color:#fff;padding:60px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-brand{display:flex;gap:14px;align-items:center}.footer-brand img{width:46px;height:46px;object-fit:cover;border-radius:11px}.footer-brand b,.footer-brand span{display:block}.footer-brand span{color:#888;font-size:11px}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:60px}.footer-nav div{display:flex;flex-direction:column;gap:8px}.footer-nav b{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.footer-nav a{font-size:13px;color:#ddd}.footer-bottom{border-top:1px solid #333;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#777}.product-footer-brand img{width:140px;height:auto;object-fit:contain;border-radius:0;filter:brightness(5);mix-blend-mode:screen}
/* Product page */
.product-hero{position:relative;padding:155px 0 110px;min-height:900px;background:linear-gradient(180deg,#fff 0%,#fffdfa 100%);overflow:hidden}.product-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(30,30,30,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,30,30,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(black,transparent 85%)}.pg-a{width:480px;height:480px;background:rgba(244,175,3,.23);right:8%;top:6%}.pg-b{width:320px;height:320px;background:rgba(40,40,40,.07);left:20%;bottom:5%}.product-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center}.product-logo-wrap img{width:175px;height:auto;mix-blend-mode:multiply;margin-bottom:22px}.product-copy h1{font-size:clamp(50px,5.8vw,78px)}.product-stage{height:640px;position:relative}.main-console{position:absolute;left:5px;top:80px;width:650px;height:460px;background:#fff;border:1px solid #e4e1d8;border-radius:24px;box-shadow:0 40px 110px rgba(37,31,16,.18);overflow:hidden;display:grid;grid-template-columns:58px 1fr;transform:perspective(1000px) rotateY(-3deg)}.console-nav{background:#252525;padding:16px 13px;display:flex;flex-direction:column;align-items:center}.console-brand{width:30px;height:30px;border-radius:8px;background:var(--yellow);display:grid;place-items:center;font-weight:900}.console-icons{display:grid;gap:15px;margin-top:28px}.console-icons i{width:17px;height:17px;border-radius:5px;background:#414141}.console-icons i.active{background:var(--yellow)}.console-bottom{margin-top:auto;color:#aaa;font-size:12px}.console-content{padding:22px}.console-top{display:flex;align-items:center;gap:12px}.console-top div:first-child b{display:block;font-size:17px}.search-pill{margin-left:auto;background:#f6f5f1;color:#999;border:1px solid #ece8df;border-radius:8px;padding:7px 15px;font-size:8px}.console-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.console-stats>div{padding:16px;border:1px solid #eae7df;border-radius:13px}.console-stats .yellow{background:#fff7dc;border-color:#f4db7d}.console-stats span,.console-stats small{display:block;font-size:7px;color:#999}.console-stats b{display:block;font-size:14px;margin:3px 0}.console-lower{display:grid;grid-template-columns:1.25fr .8fr;gap:10px;margin-top:10px}.chart-card,.recent-card{height:205px;border:1px solid #eae7df;border-radius:14px;padding:14px;overflow:hidden}.chart-card svg{width:100%;height:150px;margin-top:15px}.chart-card path{fill:none;stroke:var(--yellow);stroke-width:3}.chart-card path.fill{fill:rgba(244,175,3,.12);stroke:none}.recent-item{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:13px 0;border-bottom:1px solid #f0eee8}.recent-item>i{width:8px;height:8px;border-radius:3px;background:#ddd}.recent-item .ri-yellow{background:var(--yellow)}.recent-item b,.recent-item small{display:block;font-size:8px}.recent-item small{color:#aaa}.recent-item>span{font-size:6px;color:#aaa}.phone-product{position:absolute;right:-25px;bottom:0;width:190px;height:390px;background:#fff;border:7px solid #111;border-radius:34px;z-index:4;box-shadow:0 30px 90px rgba(0,0,0,.24);overflow:hidden}.mobile-brand{font-weight:800;font-size:10px;padding:15px 14px 5px}.mobile-greeting{padding:8px 14px}.mobile-greeting small,.mobile-greeting b{display:block}.mobile-greeting small{font-size:7px;color:#aaa}.mobile-greeting b{font-size:12px}.mobile-feature{height:96px;margin:7px 12px;background:linear-gradient(135deg,#f7d674,#f4af03);border-radius:12px}.mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 12px}.mobile-grid i{height:58px;border-radius:9px;background:#f0eee8}.mobile-lines{display:grid;gap:7px;margin:10px 12px}.mobile-lines i{height:8px;border-radius:4px;background:#e9e6df}.stage-card{position:absolute;z-index:5;background:#fff;border:1px solid #e7e2d8;border-radius:14px;padding:10px 13px;box-shadow:var(--shadow-soft)}.stage-card span{font-size:7px;background:#fff1bf;color:#8a6200;border-radius:999px;padding:3px 6px;margin-right:6px}.stage-card b{font-size:8px}.sc1{top:32px;right:18px}.sc2{left:-18px;bottom:70px}.sc3{right:82px;top:105px}.stage-orb{position:absolute;border-radius:50%;border:1px solid rgba(244,175,3,.25)}.so1{width:560px;height:560px;left:90px;top:30px}.so2{width:460px;height:460px;left:140px;top:80px}.product-pillbar{background:#272727;color:#ddd}.product-pillbar .container{display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap;padding:14px 0;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.product-pillbar i{width:4px;height:4px;background:var(--yellow);border-radius:50%}
.feature-showcase{display:grid;grid-template-columns:310px 1fr;gap:18px;min-height:620px}.feature-nav{display:flex;flex-direction:column;gap:8px}.feature-tab{border:1px solid #e7e3da;background:#fff;border-radius:16px;padding:16px;text-align:left;display:grid;grid-template-columns:36px 1fr;gap:10px;cursor:pointer;transition:.2s}.feature-tab>span{font-size:9px;color:#aaa;padding-top:3px}.feature-tab b,.feature-tab small{display:block}.feature-tab b{font-size:14px}.feature-tab small{font-size:9px;color:#999;margin-top:2px}.feature-tab.active{background:#282828;color:#fff;border-color:#282828;transform:translateX(5px)}.feature-tab.active>span{color:var(--yellow)}.feature-tab.active small{color:#aaa}.feature-visual{position:relative;background:#f5f3ee;border-radius:26px;overflow:hidden;min-height:620px;border:1px solid #e8e3d9}.feature-panel{display:none;padding:34px;height:100%}.feature-panel.active{display:block;animation:panelIn .35s ease}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel-heading{max-width:640px;margin-bottom:25px}.panel-heading>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#a77a00;font-weight:800}.panel-heading>b{display:block;font-size:27px;letter-spacing:-.04em;margin:7px 0}.panel-heading p{color:#777;font-size:12px}.content-table,.product-list,.mobile-config{background:#fff;border-radius:17px;border:1px solid #e3dfd6;overflow:hidden;box-shadow:0 12px 35px rgba(30,30,30,.07)}.table-top{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeae3}.table-top b{font-size:11px}.table-top button,.fb-toolbar button{border:0;background:#292929;color:#fff;border-radius:8px;padding:8px 10px;font-size:8px}.table-filter{display:flex;justify-content:space-between;padding:10px 15px;background:#faf9f6;font-size:8px;color:#999}.table-filter span{border:1px solid #e5e2db;background:#fff;border-radius:7px;padding:7px 10px}.table-row{display:grid;grid-template-columns:1.7fr .7fr .7fr .5fr;gap:10px;align-items:center;padding:11px 15px;border-top:1px solid #f0eee8;font-size:8px;color:#777}.table-row.head{background:#fbfaf7;text-transform:uppercase;letter-spacing:.08em;font-size:7px}.table-row>span:first-child{display:flex;align-items:center;gap:9px;color:#333;font-weight:600}.thumb{width:28px;height:25px;border-radius:5px;background:#e9e7df;display:inline-block}.t1{background:#ffe28c}.t2{background:#ddd}.t3{background:#f4c642}.status-dot{width:6px;height:6px;border-radius:50%;background:#50ad74;display:inline-block;margin-right:4px}.status-dot.draft{background:#bbb}.booking-board{height:390px;background:#fff;border:1px solid #e3dfd6;border-radius:17px;display:grid;grid-template-columns:130px 1fr;overflow:hidden;box-shadow:0 12px 35px rgba(30,30,30,.07)}.booking-side{padding:17px;background:#fbfaf7;border-right:1px solid #ece8e0}.booking-side b,.booking-side small{display:block}.booking-side b{font-size:11px}.booking-side small{font-size:8px;color:#999}.mini-team{display:flex;margin:20px 0}.mini-team i{width:26px;height:26px;border-radius:50%;background:#292929;color:#fff;border:2px solid #fff;margin-right:-5px;display:grid;place-items:center;font-style:normal;font-size:8px}.mini-team i:nth-child(2){background:var(--yellow);color:#222}.booking-side hr{border:0;border-top:1px solid #e7e3dc}.booking-side>span{display:block;padding:7px 9px;border-radius:7px;font-size:8px;color:#777}.booking-side>span.active{background:#fff3cb;color:#6d5100;font-weight:700}.week-board{padding:15px}.week-head{display:grid;grid-template-columns:repeat(5,1fr);font-size:8px;color:#888;text-align:center;padding-bottom:8px}.week-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);height:310px;background-image:linear-gradient(#eee 1px,transparent 1px);background-size:100% 52px}.week-grid>i{border-left:1px solid #eee}.booking-block{position:absolute;width:110px;border-radius:8px;background:#fff0b9;border-left:3px solid var(--yellow);padding:9px;font-size:8px;font-weight:700}.booking-block small{display:block;font-size:6px;color:#8a7741;margin-top:3px}.b1{left:18%;top:45px}.b2{left:55%;top:145px;background:#eae7df;border-left-color:#777}.b3{left:72%;top:230px}.commerce-ui{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.product-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;padding:12px 16px;border-top:1px solid #f0eee8;align-items:center}.product-row>i{width:40px;height:38px;border-radius:8px;background:linear-gradient(135deg,#eee,#ddd)}.product-row:nth-child(3)>i{background:linear-gradient(135deg,#f8d267,#efab00)}.product-row b,.product-row small{display:block;font-size:9px}.product-row small{font-size:7px;color:#999}.product-row>span{font-size:7px;background:#eef7f0;color:#54845e;padding:4px 6px;border-radius:999px}.order-summary{background:#2b2b2b;color:#fff;border-radius:17px;padding:22px}.order-summary>span{font-size:8px;color:#aaa}.order-summary h3{font-size:30px;margin:4px 0 10px}.summary-status{display:inline-block;background:#493f22;color:#f6c849;font-size:7px;border-radius:999px;padding:5px 8px}.order-summary hr{border:0;border-top:1px solid #414141;margin:20px 0}.order-summary small,.order-summary b{display:block}.order-summary small{font-size:7px;color:#888}.order-summary b{font-size:10px;margin-top:3px}.summary-lines{display:grid;gap:8px;margin-top:16px}.summary-lines i{height:7px;border-radius:4px;background:#444}.summary-lines i:nth-child(2){width:80%}.full-builder{background:#fff;border:1px solid #e3dfd6;border-radius:17px;overflow:hidden;box-shadow:0 12px 35px rgba(30,30,30,.07)}.fb-toolbar{height:48px;padding:0 13px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e9e5dd;font-size:8px}.fb-toolbar b{font-size:10px;margin-right:auto}.fb-toolbar>span{border:1px solid #e6e2da;padding:6px 9px;border-radius:7px;color:#888}.fb-toolbar button{background:#f2f0eb;color:#555}.fb-toolbar button.publish{background:var(--yellow);color:#222}.fb-workspace{display:grid;grid-template-columns:90px 1fr 120px;height:360px}.fb-elements,.fb-settings{padding:13px;background:#faf9f6}.fb-elements{border-right:1px solid #e9e5dd}.fb-settings{border-left:1px solid #e9e5dd}.fb-elements b,.fb-settings b{display:block;font-size:9px;margin-bottom:12px}.fb-elements span,.fb-settings span{display:block;font-size:7px;color:#888;margin:8px 0}.fb-elements span{padding:7px;background:#fff;border:1px solid #ece8e0;border-radius:6px}.fb-settings i{display:block;height:8px;border-radius:4px;background:#e6e3dc}.fb-page{padding:18px;background:#eeeae3}.fb-hero{height:130px;background:#fff;border-radius:8px;padding:25px}.fb-hero i{display:block;height:12px;background:#292929;border-radius:3px;margin-bottom:8px;width:70%}.fb-hero i:nth-child(2){width:42%;background:#d6d2c9;height:6px}.fb-hero button{width:48px;height:18px;border:0;border-radius:7px;background:var(--yellow)}.fb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.fb-cards i{height:75px;border-radius:7px;background:#fff}.fb-section{height:46px;background:#fff;margin-top:8px;border-radius:7px}.mobile-admin{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:center}.config-row{display:grid;grid-template-columns:.7fr 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid #efede7;font-size:9px}.config-row div small,.config-row div b{display:block}.config-row div small{font-size:7px;color:#999}.mobile-preview{width:185px;height:360px;margin:auto;box-shadow:0 24px 60px rgba(0,0,0,.18)}.mp-header{font-weight:800;font-size:11px;padding:14px}.mp-banner{height:90px;background:linear-gradient(135deg,#ffe69b,#f3b10c);margin:0 10px;border-radius:10px}.mp-blocks{display:grid;gap:8px;margin:12px}.mp-blocks i{height:45px;background:#eeeae3;border-radius:8px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-card{background:#fff;border:1px solid #e2ded6;border-radius:16px;padding:20px;min-height:250px}.admin-card>b,.admin-card>small{display:block}.admin-card>b{font-size:17px;margin:15px 0 3px}.admin-card>small{font-size:8px;color:#999}.yellow-card{background:var(--yellow);border-color:var(--yellow)}.yellow-card .bento-icon{background:#292929;color:#fff}.field-list{display:grid;gap:8px;margin-top:25px}.field-list i{height:26px;border:1px solid #e6e3dd;border-radius:6px;background:#faf9f6}.chat-bubble{margin-top:35px;background:#fff9e7;border-radius:12px 12px 12px 2px;padding:14px;font-size:9px;box-shadow:0 8px 20px rgba(94,67,0,.12)}.admin-card .toggle-stack{border-top-color:#eee}.admin-card .toggle-stack>div{border-bottom-color:#eee;color:#555}
.dark-section{background:#232323;color:#fff}.dark-section .split-heading p{color:#aaa}.channel-showcase{display:grid;grid-template-columns:1fr 90px 1fr;gap:16px;align-items:center}.channel-card{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:24px;padding:24px}.channel-label{display:flex;align-items:center;gap:10px;margin-bottom:20px}.channel-label span{font-size:8px;background:#444;border-radius:999px;padding:5px 8px;color:var(--yellow)}.channel-label b{font-size:14px}.browser-mock{background:#fff;color:#222;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.2)}.browser-top{height:22px;background:#eeeae4;display:flex;align-items:center;gap:4px;padding:0 8px}.browser-top i{width:5px;height:5px;border-radius:50%;background:#bbb}.browser-top span{width:60%;height:8px;border-radius:5px;background:#fff;margin-left:8px}.browser-nav{height:38px;padding:0 12px;display:flex;align-items:center;font-size:7px}.browser-nav b{margin-right:auto}.browser-nav button{border:0;background:#292929;color:#fff;border-radius:5px;padding:5px 7px;font-size:6px;margin-left:12px}.browser-hero{padding:30px 22px;background:#fbfaf7}.browser-hero small{font-size:6px;color:var(--yellow)}.browser-hero h3{font-size:23px;letter-spacing:-.04em;line-height:1.05;margin:6px 0}.browser-hero p{font-size:8px;color:#888;max-width:80%}.browser-hero button{border:0;background:var(--yellow);border-radius:7px;padding:7px 10px;font-size:7px}.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.browser-cards i{height:55px;border-radius:8px;background:#eeeae3}.channel-card ul{padding-left:18px;color:#bbb;font-size:10px;line-height:1.7;margin:20px 0 0}.connector-symbol{display:grid;justify-items:center;gap:10px;color:#9c9479;text-align:center;font-size:7px;letter-spacing:.09em}.connector-symbol i{display:block;width:1px;height:70px;background:linear-gradient(transparent,var(--yellow),transparent)}.app-device{width:180px;height:345px;margin:10px auto 20px}.app-cover{height:86px;background:linear-gradient(135deg,#f7d263,#f2ae00);margin:10px;border-radius:10px}.app-title{font-weight:800;font-size:12px;margin:10px}.app-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px}.app-row i{height:55px;border-radius:8px;background:#eeeae3}.app-list{display:grid;gap:7px;margin:10px}.app-list i{height:8px;border-radius:4px;background:#e6e3dc}
.relationship-tabs{max-width:1000px;margin:auto}.rel-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.rel-tabs button{border:1px solid #e4dfd5;background:#fff;border-radius:999px;padding:10px 15px;font-size:10px;cursor:pointer}.rel-tabs button.active{background:#292929;color:#fff;border-color:#292929}.rel-stage{position:relative;min-height:420px;margin-top:28px;background:#faf9f5;border:1px solid #ebe7df;border-radius:28px;overflow:hidden}.rel-detail{display:none;position:absolute;inset:0}.rel-detail.active{display:block;animation:panelIn .3s ease}.rel-focus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:800;font-size:18px;box-shadow:0 0 0 30px rgba(244,175,3,.08)}.rel-detail>span{position:absolute;background:#fff;border:1px solid #e6e1d7;border-radius:999px;padding:10px 15px;font-size:10px;box-shadow:0 10px 25px rgba(0,0,0,.05)}.rel-detail>span:nth-of-type(1){left:15%;top:17%}.rel-detail>span:nth-of-type(2){left:42%;top:8%}.rel-detail>span:nth-of-type(3){right:11%;top:23%}.rel-detail>span:nth-of-type(4){right:7%;bottom:24%}.rel-detail>span:nth-of-type(5){left:43%;bottom:8%}.rel-detail>span:nth-of-type(6){left:13%;bottom:18%}.rel-detail>span:nth-of-type(7){left:7%;top:48%}.rel-detail>span:nth-of-type(8){right:8%;top:50%}.journey-section{background:#f7f5f0}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.journey{border-radius:24px;background:#fff;border:1px solid #e9e5dc;padding:28px;min-height:370px}.yellow-journey{background:var(--yellow);border-color:var(--yellow)}.journey-top{display:flex;justify-content:space-between;align-items:center}.journey-top>span{font-size:9px;color:#aaa;letter-spacing:.12em}.yellow-journey .journey-top>span{color:#6d530d}.journey-icon{width:42px;height:42px;border-radius:12px;background:#292929;color:var(--yellow);display:grid;place-items:center}.journey h3{font-size:25px;letter-spacing:-.04em;margin:30px 0 20px}.journey-flow{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.journey-flow span{background:#f6f4ef;border-radius:999px;padding:7px 10px;font-size:9px}.yellow-journey .journey-flow span{background:#fff7dc}.journey-flow i{font-style:normal;margin-left:18px;color:#bbb;transform:rotate(90deg)}.journey p{font-size:11px;color:#888;margin-top:18px}.yellow-journey p{color:#685010}.governance-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.settings-window{background:#fff;border:1px solid #e7e2d9;border-radius:22px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:150px 1fr;min-height:390px}.settings-side{background:#292929;color:#fff;padding:24px 16px}.settings-side b{display:block;margin-bottom:25px}.settings-side span{display:block;font-size:9px;color:#aaa;padding:9px 10px;border-radius:7px}.settings-side span.active{background:#3a3a3a;color:var(--yellow)}.settings-main{padding:18px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:22px 4px;border-bottom:1px solid #efede7}.settings-row b,.settings-row small{display:block}.settings-row b{font-size:11px}.settings-row small{font-size:8px;color:#aaa}.check-list{display:grid;gap:10px;margin-top:28px}.check-list span{font-size:12px;color:#666}.check-list i{font-style:normal;color:#755500;background:#fff1bd;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;margin-right:8px}.product-final{padding-top:70px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.float-slow{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) perspective(1000px) rotateY(-3deg)}}
@media (max-width:1040px){.premium-grid,.product-hero-inner,.relation-grid,.governance-grid{grid-template-columns:1fr}.hero{padding-top:140px}.hero-stage,.product-stage{margin-top:20px}.product-stage{height:610px}.content-bento,.builder-bento,.mobile-bento{grid-column:span 12}.booking-bento,.commerce-bento,.governance-bento{grid-column:span 6}.example-grid,.journey-grid{grid-template-columns:repeat(2,1fr)}.feature-showcase{grid-template-columns:250px 1fr}.channel-showcase{grid-template-columns:1fr}.connector-symbol{grid-template-columns:1fr auto 1fr;align-items:center}.connector-symbol i{width:100%;height:1px}.main-console{width:78%}}
@media (max-width:760px){.container{width:min(100% - 26px,1180px)}.site-header{padding:10px 0}.brand-bookmi span,.product-brand span{display:none}.nav-links{position:fixed;left:13px;right:13px;top:70px;background:#fff;border:1px solid #e7e3db;border-radius:18px;padding:18px;flex-direction:column;align-items:stretch;gap:14px;box-shadow:var(--shadow);display:none}.nav-links.open{display:flex}.nav-cta{justify-content:center}.menu-btn{display:block}.hero,.product-hero{padding:120px 0 70px;min-height:auto}.premium-grid,.product-hero-inner{gap:25px}.hero h1,.product-copy h1{font-size:48px}.hero-stage{height:430px}.dashboard-frame{width:94%;height:350px;left:2%;top:35px}.dash-main{padding:14px}.dash-columns{grid-template-columns:1fr}.module-card{display:none}.chip-web{right:0}.chip-app{right:0;bottom:18px}.chip-sync{display:none}.micro-proof{display:none}.spacious,.section{padding:80px 0}.section-intro h2,.split-heading h2,.relation-copy h2,.governance-copy h2{font-size:40px}.orbit-system{height:auto;flex-direction:column;gap:50px;margin-bottom:50px}.orbit-line{width:1px;height:70%;left:50%!important;top:15%;right:auto}.core-node{width:250px;height:250px}.three-principles,.split-heading,.example-grid,.journey-grid{grid-template-columns:1fr}.split-heading{gap:8px}.bento-grid{display:block}.bento{margin-bottom:12px}.content-bento,.builder-bento,.mobile-bento{display:block}.editor-ui,.builder-canvas{margin-top:20px}.phone-shell{margin-top:20px}.order-ui{position:relative;right:auto;bottom:auto;margin-top:20px;width:100%}.relation-map{height:410px}.final-cta-inner{padding:60px 22px}.footer-top,.footer-bottom{flex-direction:column}.footer-nav{margin-top:35px}.product-stage{height:480px}.main-console{width:95%;height:360px;top:30px;left:0}.console-stats>div:nth-child(3),.recent-card{display:none}.console-stats{grid-template-columns:1fr 1fr}.console-lower{grid-template-columns:1fr}.chart-card{height:180px}.phone-product{width:145px;height:300px;right:-5px}.stage-card{display:none}.feature-showcase{display:block}.feature-nav{display:grid;grid-template-columns:1fr 1fr;margin-bottom:15px}.feature-tab{grid-template-columns:25px 1fr;padding:11px}.feature-tab.active{transform:none}.feature-visual{min-height:600px}.feature-panel{padding:20px}.booking-board{grid-template-columns:90px 1fr}.commerce-ui,.mobile-admin,.admin-grid{grid-template-columns:1fr}.order-summary{margin-top:10px}.fb-workspace{grid-template-columns:1fr}.fb-elements,.fb-settings{display:none}.channel-card{padding:17px}.relationship-tabs .rel-stage{min-height:500px}.rel-detail>span{font-size:8px;padding:8px 10px}.governance-grid{gap:35px}.settings-window{grid-template-columns:95px 1fr}.settings-side{padding:18px 8px}.settings-side span{font-size:8px;padding:8px 5px}.product-pillbar .container{gap:10px}.footer-bottom{gap:8px}}
@media (max-width:480px){.hero h1,.product-copy h1{font-size:41px}.hero-stage{height:390px}.dashboard-frame{height:315px}.dash-heading strong{font-size:15px}.stat-row{grid-template-columns:1fr 1fr}.mini-stat:nth-child(3){display:none}.floating-chip{padding:9px}.chip-web{top:5px}.chip-app{bottom:4px}.product-stage{height:420px}.main-console{height:315px}.console-content{padding:13px}.console-top .search-pill{display:none}.phone-product{width:128px;height:265px}.mobile-feature{height:60px}.feature-nav{grid-template-columns:1fr}.feature-visual{min-height:650px}.table-row{grid-template-columns:1.4fr .7fr .7fr}.table-row span:last-child{display:none}.booking-side{display:none}.booking-board{grid-template-columns:1fr}.rel-focus{width:110px;height:110px}.rel-detail>span:nth-of-type(n+7){display:none}}

/* BookMi hero infographic — central UnifyDesk workspace to website + mobile */
.hero-home .hero-stage{height:630px;min-width:0}
.hero-infographic{position:relative;width:100%;height:100%;isolation:isolate}
.infographic-glow{position:absolute;inset:8% 2% 4% 8%;border-radius:50%;background:radial-gradient(circle at 44% 48%,rgba(244,175,3,.13),rgba(244,175,3,.035) 35%,transparent 68%);filter:blur(4px);z-index:-1}
.laptop-wrap{position:absolute;left:-1%;top:29%;width:68%;z-index:3;filter:drop-shadow(0 28px 34px rgba(18,18,18,.16))}
.laptop-screen{position:relative;width:88%;height:295px;margin:auto;border:7px solid #24272b;border-bottom-width:12px;border-radius:18px 18px 10px 10px;background:linear-gradient(145deg,#44494e,#1f2225);box-shadow:inset 0 0 0 1px #70757a}
.laptop-camera{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#101215;box-shadow:0 0 0 1px #565b60;z-index:2}
.laptop-display{position:absolute;inset:12px 10px 9px;border-radius:3px;background:linear-gradient(135deg,#fff,#fbfaf7 60%,#f7f4ee);display:grid;place-items:center;overflow:hidden}
.laptop-display:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 42%,rgba(244,175,3,.08),transparent 34%),linear-gradient(115deg,transparent 0 68%,rgba(244,175,3,.04) 68% 100%)}
.laptop-unifydesk-logo{position:relative;z-index:1;width:58%;max-width:255px;height:auto;mix-blend-mode:multiply}
.laptop-base{height:25px;margin-top:-1px;border-radius:3px 3px 22px 22px;background:linear-gradient(180deg,#8b9094 0,#4b5054 38%,#1e2124 70%,#676c70 100%);clip-path:polygon(6% 0,94% 0,100% 75%,98% 100%,2% 100%,0 75%);position:relative}
.laptop-base:before{content:"";position:absolute;left:7%;right:7%;top:2px;height:3px;border-radius:50%;background:rgba(255,255,255,.44)}
.laptop-base span{position:absolute;left:43%;right:43%;top:0;height:8px;background:linear-gradient(#7e8387,#34383b);border-radius:0 0 8px 8px}
.channel-output{position:absolute;right:0;z-index:4;text-align:center}
.website-output{top:0;right:0;width:33%}.app-output{right:5.5%;bottom:1%;width:22%}
.mini-browser{width:100%;height:232px;border:3px solid #25282c;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 18px 38px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.6)}
.mini-browser-bar{height:30px;background:linear-gradient(#282c31,#191c20);display:flex;align-items:center;gap:7px;padding:0 12px}
.mini-browser-bar i{width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.mini-browser-bar span{height:6px;width:40%;border-radius:4px;background:#4a4f53;margin-left:auto}
.mini-browser-body{padding:14px;background:#fff;min-height:calc(100% - 30px)}
.mini-site-hero{height:82px;border:1px solid #dedbd5;border-radius:6px;background:linear-gradient(145deg,#faf8f4,#f1eee8);position:relative;overflow:hidden}
.mini-site-hero:before,.mini-site-hero:after{content:"";position:absolute;bottom:-9px;width:78px;height:58px;background:linear-gradient(145deg,#f9f7f3,#ded8cf);transform:rotate(45deg);border-radius:8px}
.mini-site-hero:before{left:25px}.mini-site-hero:after{right:27px;background:linear-gradient(145deg,#eee9e2,#d8d1c7)}
.mini-site-hero .sun,.phone-visual .sun{position:absolute;right:20px;top:14px;width:23px;height:23px;border-radius:50%;background:#ded9d2;z-index:2}
.mini-site-copy{padding:15px 6px 10px}.mini-site-copy i{display:block;height:6px;border-radius:5px;background:#dedbd6;margin-bottom:8px}.mini-site-copy i:first-child{width:26%;background:var(--yellow)}.mini-site-copy i:nth-child(2){width:78%}.mini-site-copy i:nth-child(3){width:62%}
.mini-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-site-cards article{height:70px;border:1px solid #e4e0d9;border-radius:8px;padding:8px;box-shadow:0 5px 12px rgba(40,40,40,.04);position:relative}.mini-site-cards article span{display:block;width:20px;height:20px;border-radius:50%;background:#e3dfd8;margin-bottom:6px}.mini-site-cards article i{display:block;width:82%;height:4px;border-radius:3px;background:#ddd9d3;margin:5px 0}.mini-site-cards article i:nth-of-type(2){width:64%}.mini-site-cards article b{display:block;width:34%;height:6px;border-radius:4px;background:var(--yellow);margin-top:6px}
.output-label{margin-top:12px;position:relative;z-index:6}.output-label b{display:block;font-size:20px;letter-spacing:-.035em;color:#262626}.output-label span{display:block;font-size:8px;color:#8c877f;letter-spacing:.04em;margin-top:3px}
.phone-device.hero-phone{position:relative;width:118px;height:252px;margin:0 auto;border:4px solid #24272b;border-radius:27px;background:#141619;padding:5px;box-shadow:0 20px 40px rgba(0,0,0,.16),inset 0 0 0 1px #6f7478}
.phone-device.hero-phone:after{content:"";position:absolute;right:-7px;top:58px;width:2px;height:36px;border-radius:0 3px 3px 0;background:#303438}
.phone-notch{position:absolute;left:50%;top:3px;transform:translateX(-50%);width:50px;height:12px;border-radius:0 0 9px 9px;background:#141619;z-index:4}
.phone-speaker{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:18px;height:2px;border-radius:3px;background:#34383b;z-index:5}
.phone-screen-inner{height:100%;border-radius:21px;background:#fff;overflow:hidden;padding:15px 7px 7px}
.phone-topline{height:22px;display:flex;align-items:center;justify-content:space-between}.phone-topline span{width:34px;height:5px;background:#d8d4cc;border-radius:4px}.phone-topline i{width:14px;height:10px;border-top:2px solid #c9c4bc;border-bottom:2px solid #c9c4bc;position:relative}.phone-topline i:after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid #c9c4bc}
.phone-visual{height:57px;border:1px solid #e4e0da;border-radius:8px;background:linear-gradient(145deg,#faf8f4,#f0ede6);position:relative;overflow:hidden}.phone-visual:before,.phone-visual:after{content:"";position:absolute;bottom:-13px;width:64px;height:48px;background:#e7e1d8;transform:rotate(42deg);border-radius:7px}.phone-visual:before{left:7px}.phone-visual:after{right:8px;background:#dcd5ca}.phone-visual .sun{width:18px;height:18px;right:13px;top:10px}
.phone-copy-lines{padding:10px 2px 8px}.phone-copy-lines i{display:block;height:4px;background:#ddd9d3;border-radius:3px;margin-bottom:5px}.phone-copy-lines i:first-child{width:35%;background:var(--yellow)}.phone-copy-lines i:nth-child(2){width:68%}
.phone-action-list{display:grid;gap:5px}.phone-action-list>div{display:grid;grid-template-columns:20px 1fr 23px 7px;align-items:center;gap:5px;height:34px;padding:5px;border:1px solid #e5e1da;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.03)}.phone-list-icon{width:18px;height:18px;border:1.5px solid #383838;border-radius:5px;display:grid;place-items:center;font-size:9px;font-weight:800;color:#333}.phone-action-list i{height:5px;border-radius:4px;background:#d9d5ce}.phone-action-list b{height:5px;border-radius:4px;background:var(--yellow)}.phone-action-list em{font-style:normal;color:#bbb;font-size:19px;line-height:1}
.flow-arrow{position:absolute;z-index:2;pointer-events:none}.flow-line{position:absolute;height:5px;border-radius:999px;background:linear-gradient(90deg,#f7c94e,var(--yellow));box-shadow:0 1px 0 #b88000,0 5px 12px rgba(244,175,3,.18)}
.flow-web{left:57%;top:30%;width:13.5%;height:110px}.flow-web .flow-line{left:0;top:63px;width:100%;transform:rotate(-28deg);transform-origin:left center}
.flow-app{left:57%;top:58%;width:18.5%;height:150px}.flow-app .flow-line{left:0;top:33px;width:100%;transform:rotate(31deg);transform-origin:left center}
.source-pill{position:absolute;left:10%;bottom:3%;font-size:9px;font-weight:750;letter-spacing:.04em;color:#777;background:rgba(255,255,255,.78);border:1px solid #ece7dd;padding:8px 12px;border-radius:999px;backdrop-filter:blur(8px);box-shadow:0 8px 25px rgba(0,0,0,.04)}.source-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:7px;box-shadow:0 0 0 4px rgba(244,175,3,.12)}

@media (max-width:1040px){
  .hero-home .hero-stage{height:620px;max-width:760px;width:100%;margin-left:auto;margin-right:auto}
  .laptop-wrap{left:0;top:30%;width:65%}.website-output{right:0;width:32%;top:1%}.app-output{right:5.5%;width:21%;bottom:1%}
}
@media (max-width:760px){
  .hero-home .hero-stage{height:470px;margin-top:12px}.hero-home .hero-infographic{transform:scale(.90);transform-origin:top center;width:111.112%;margin-left:-5.556%}.laptop-wrap{left:-2%;top:30%;width:67%}.laptop-screen{height:225px;border-width:5px;border-bottom-width:9px}.website-output{right:0;width:35%;top:4%}.mini-browser{height:185px;border-width:2px}.mini-browser-bar{height:23px;padding:0 8px}.mini-browser-bar i{width:7px;height:7px}.mini-browser-body{padding:9px}.mini-site-hero{height:55px}.mini-site-copy{padding:9px 4px 6px}.mini-site-cards article{height:48px;padding:5px}.mini-site-cards article span{width:13px;height:13px}.mini-site-cards article i{margin:3px 0;height:3px}.app-output{right:5%;bottom:0;width:25%}.phone-device.hero-phone{width:105px;height:218px;border-width:4px;border-radius:24px;padding:4px}.phone-screen-inner{border-radius:17px;padding:14px 6px 6px}.phone-notch{width:44px;height:11px}.phone-visual{height:47px}.phone-action-list{gap:4px}.phone-action-list>div{height:29px;grid-template-columns:17px 1fr 20px 6px;padding:3px;gap:4px}.phone-list-icon{width:16px;height:16px;font-size:8px;border-width:1px}.output-label b{font-size:14px}.output-label span,.source-pill{display:none}.flow-web{left:56%;top:30%;width:12.5%}.flow-app{left:56%;top:58%;width:17%}
}
@media (max-width:480px){
  .hero-home .hero-stage{height:365px}.hero-home .hero-infographic{transform:scale(.82);transform-origin:top center;width:121.952%;margin-left:-10.976%}.laptop-wrap{left:-4%;top:35%;width:71%}.laptop-screen{height:185px}.laptop-unifydesk-logo{width:68%}.website-output{width:37%;top:5%}.mini-browser{height:152px}.mini-site-cards{gap:3px}.mini-site-cards article{height:38px}.mini-site-cards article span{width:10px;height:10px;margin-bottom:3px}.app-output{right:5%;width:27%;bottom:2%}.phone-device.hero-phone{width:88px;height:183px;border-width:3px;border-radius:21px}.phone-topline{height:15px}.phone-visual{height:39px}.phone-copy-lines{padding:6px 1px 4px}.phone-action-list>div{height:24px;grid-template-columns:14px 1fr 14px 4px}.phone-list-icon{width:13px;height:13px;font-size:6px}.flow-line{height:3px}.flow-web{left:57%;top:32%;width:11.5%}.flow-web .flow-line{top:47px}.flow-app{left:57%;top:61%;width:15%}.flow-app .flow-line{top:22px}
}

/* BookMi home — content flow infographic */
.content-flow-section{padding:125px 0 135px;background:linear-gradient(180deg,#fff 0%,#fffdfa 48%,#fff 100%);position:relative;overflow:hidden}
.content-flow-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(40,40,40,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(40,40,40,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}
.flow-intro{position:relative;z-index:2;margin-bottom:42px}.flow-intro h2{font-size:clamp(46px,5.2vw,68px)}
.content-flow-board{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 34px 1.08fr 34px .95fr;gap:16px;align-items:stretch;padding:18px;border:1px solid #e8e4dc;border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 30px 80px rgba(35,31,20,.09)}
.flow-column{border:1px solid #e9e5dc;border-radius:22px;padding:22px;background:#fff;min-width:0}.flow-step-label{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.flow-step-label>span{width:31px;height:31px;flex:0 0 auto;border-radius:9px;background:var(--yellow);color:#282828;display:grid;place-items:center;font-size:11px;font-weight:900}.flow-step-label b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.035em;color:#282828}.flow-step-label small{display:block;color:#777;font-size:10px;line-height:1.45;margin-top:4px}
.content-type-list{display:grid;gap:10px}.content-type{height:63px;border:1px solid #ece8e0;border-radius:13px;display:flex;align-items:center;gap:12px;padding:10px 12px;box-shadow:0 6px 18px rgba(31,27,18,.025)}.content-type b{font-size:11px;font-weight:650;color:#3d3d3d}.type-icon{width:38px;height:38px;border-radius:10px;background:#fff7df;border:1px solid rgba(244,175,3,.28);color:var(--yellow);display:grid;place-items:center;font-weight:900;font-size:14px}
.flow-source{background:linear-gradient(180deg,#fff 0,#fffdfa 100%);padding:20px 20px 18px}.source-title{text-align:center;background:#282828;border-radius:14px;padding:12px 14px;color:#fff;margin-bottom:16px}.source-title img{display:block;width:126px;max-height:38px;object-fit:contain;margin:0 auto 3px;mix-blend-mode:screen;filter:brightness(6) grayscale(1)}.source-title span{font-size:9px;color:#d8d8d8;letter-spacing:.04em}.source-laptop{width:100%;max-width:315px;margin:0 auto 20px}.source-screen{height:218px;border:7px solid #232629;border-bottom-width:11px;border-radius:10px 10px 5px 5px;background:#fff;display:grid;grid-template-columns:48px 1fr;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.12)}.source-sidebar{background:#282828;padding:12px 10px;display:flex;flex-direction:column;gap:12px;align-items:center}.u-mark{width:24px;height:24px;border-radius:50%;background:var(--yellow);color:#282828;display:grid;place-items:center;font-weight:900;font-size:11px}.source-sidebar i{width:18px;height:5px;border-radius:3px;background:#555}.source-sidebar i:nth-child(2){background:var(--yellow)}.source-dashboard{padding:14px 12px}.source-dash-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.source-dash-head small{display:block;color:#999;font-size:6px;letter-spacing:.14em}.source-dash-head b{font-size:11px}.source-dash-head button{border:0;background:var(--yellow);color:#282828;padding:6px 8px;border-radius:6px;font-size:6px;font-weight:800}.source-record{height:28px;display:grid;grid-template-columns:22px 1fr 7px;gap:8px;align-items:center;border-top:1px solid #f0ede7}.record-icon{width:20px;height:20px;border-radius:5px;background:#fff6db;color:var(--yellow);display:grid;place-items:center;font-size:8px;font-weight:800}.source-record i{height:5px;width:76%;background:#ddd9d1;border-radius:5px}.source-record em{width:7px;height:7px;background:var(--yellow);border-radius:50%}.source-base{height:13px;background:linear-gradient(#bfc1c2,#74787a);clip-path:polygon(8% 0,92% 0,100% 75%,89% 100%,11% 100%,0 75%);position:relative}.source-base span{position:absolute;left:40%;right:40%;top:1px;height:4px;border-radius:0 0 4px 4px;background:#979a9b}
.source-benefits{display:grid;gap:11px}.source-benefits>div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center}.benefit-icon{width:34px;height:34px;border:1px solid rgba(244,175,3,.35);border-radius:10px;color:var(--yellow);display:grid;place-items:center;font-size:17px;background:#fff}.source-benefits p{margin:0}.source-benefits b{display:block;font-size:10px}.source-benefits small{display:block;font-size:8px;color:#777;line-height:1.4;margin-top:2px}
.flow-connector{position:relative;display:grid;place-items:center}.flow-connector span{width:100%;height:3px;background:var(--yellow);border-radius:99px;position:relative}.flow-connector span:after{content:"";position:absolute;right:-1px;top:50%;width:10px;height:10px;border-top:3px solid var(--yellow);border-right:3px solid var(--yellow);transform:translateY(-50%) rotate(45deg)}
.flow-deliver{padding:22px 18px}.delivery-stack{padding-top:2px}.delivery-label{height:32px;border-radius:9px;border:1px solid rgba(244,175,3,.35);background:#fff9ea;display:flex;align-items:center;justify-content:center;gap:7px;color:#282828;text-transform:uppercase;font-size:9px;font-weight:850;letter-spacing:.04em;margin-bottom:10px}.delivery-label>span{color:var(--yellow);font-size:14px}.delivery-browser{border:4px solid #282828;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.1)}.delivery-browser-top{height:21px;background:#282828;display:flex;align-items:center;gap:5px;padding:0 8px}.delivery-browser-top i{width:6px;height:6px;border-radius:50%;background:var(--yellow)}.delivery-browser-top span{margin-left:auto;width:50px;height:5px;border-radius:9px;background:#4c4c4c}.delivery-site-nav{height:25px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;font-size:5px}.delivery-site-nav b{font-size:6px}.delivery-site-hero{height:90px;background:#f5f2ec;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:10px 12px;overflow:hidden}.delivery-site-hero small{font-size:5px;color:var(--yellow);font-weight:800}.delivery-site-hero b{font-size:9px;line-height:1.05;display:block;margin:3px 0}.delivery-site-hero div>i{display:block;width:65%;height:3px;background:#d6d1c7;border-radius:4px;margin:6px 0}.delivery-site-hero button{border:0;background:var(--yellow);color:#282828;border-radius:4px;font-size:5px;padding:5px 7px;font-weight:800}.delivery-art{width:80px;height:55px;border-radius:8px;background:linear-gradient(145deg,#eeeae3,#d7d1c7);transform:rotate(-8deg);justify-self:end;position:relative}.delivery-art:after{content:"";position:absolute;width:48px;height:42px;background:#e5dfd6;left:-18px;bottom:-15px;transform:rotate(30deg);border-radius:7px}.delivery-branch{height:32px;position:relative}.delivery-branch i{position:absolute;left:50%;top:0;width:2px;height:22px;background:var(--yellow)}.delivery-branch span{position:absolute;left:25%;right:25%;top:20px;height:2px;background:var(--yellow)}.app-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.delivery-label.compact{height:27px;font-size:7px;margin-bottom:7px}.mini-native-phone{width:86px;height:175px;margin:auto;border:4px solid #282828;border-radius:16px;background:#fff;padding:8px 5px 6px;position:relative;box-shadow:0 10px 20px rgba(0,0,0,.09)}.native-notch{position:absolute;left:50%;top:0;transform:translateX(-50%);width:34px;height:8px;background:#282828;border-radius:0 0 7px 7px}.native-notch.android{width:18px;height:4px;border-radius:0 0 4px 4px}.native-cover{height:51px;border-radius:8px;background:linear-gradient(145deg,#fff6da,#eee8de);padding:10px 6px 5px;margin-top:4px}.native-cover b{font-size:6px;display:block}.native-cover small{font-size:4px;color:#777}.native-card{display:grid;grid-template-columns:22px 1fr;gap:5px;align-items:center;margin-top:7px;padding:5px;border:1px solid #ece7de;border-radius:7px}.native-card i{width:20px;height:20px;border-radius:5px;background:#eee9e0}.native-card p{margin:0}.native-card b{font-size:5px;display:block}.native-card small{font-size:4px;color:#888;display:block}
.flow-update-strip{grid-column:1/-1;border:1px solid #e5e0d6;border-radius:18px;background:#fffdfa;display:grid;grid-template-columns:1fr 1.45fr;align-items:center;padding:15px 20px;margin-top:2px}.update-message{display:flex;align-items:center;gap:12px}.update-message>span{width:39px;height:39px;border-radius:50%;background:var(--yellow);color:#282828;display:grid;place-items:center;font-size:21px;font-weight:900}.update-message p{margin:0}.update-message b{font-size:12px}.update-message small{display:block;font-size:9px;color:#777}.update-steps{display:flex;align-items:center;justify-content:flex-end;gap:17px}.update-steps>div{text-align:center}.update-steps>div span{display:block;font-size:21px;color:#282828}.update-steps small{font-size:7px;color:#6f6d69;line-height:1.25}.update-steps>i{font-style:normal;color:var(--yellow);font-size:22px}

/* Business example cards — visual cue + explicit module mapping */
.example-grid-visual{align-items:stretch}.visual-example{position:relative;padding-top:92px;overflow:hidden}.example-visual{position:absolute;left:28px;top:24px;width:54px;height:54px;border-radius:16px;background:#fff7df;border:1px solid rgba(244,175,3,.25);display:grid;place-items:center}.example-visual svg{width:30px;height:30px;fill:none;stroke:var(--yellow);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.visual-example .example-number{position:absolute;right:26px;top:28px;font-size:10px;font-weight:900;letter-spacing:.12em;color:#aaa}.modules-used{margin-top:23px;padding-top:17px;border-top:1px solid #ece8e0}.modules-used>b{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#777;margin-bottom:9px}.modules-used>div{display:grid;gap:7px}.modules-used span{display:flex;align-items:center;gap:8px;border:1px solid #ece8df;background:#faf9f6;border-radius:10px;padding:7px 9px;font-size:9px;font-weight:700;color:#4e4e4e}.modules-used i{font-style:normal;width:22px;height:22px;border-radius:7px;background:var(--yellow);color:#282828;display:grid;place-items:center;font-size:8px;font-weight:900;flex:0 0 auto}

/* Yellow text uses one brand value only */
.accent-text,.browser-hero small,.core-node>span,.channel-label span,.journey-icon,.settings-side span.active,.type-icon,.benefit-icon,.delivery-label>span,.delivery-site-hero small,.update-steps>i{color:#f4af03!important}

@media (max-width:1050px){
  .content-flow-board{grid-template-columns:1fr 28px 1fr}.flow-deliver{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;align-items:center}.connector-two{display:none}.flow-update-strip{grid-column:1/-1}.delivery-stack{max-width:430px;margin:auto;width:100%}
}
@media (max-width:760px){
  .content-flow-section{padding:85px 0}.flow-intro{margin-bottom:28px}.content-flow-board{display:block;padding:12px;border-radius:24px}.flow-column{padding:17px;margin-bottom:12px}.flow-connector{height:34px;margin:-2px 0 10px}.flow-connector span{width:3px;height:100%}.flow-connector span:after{right:auto;left:50%;top:auto;bottom:-1px;transform:translateX(-50%) rotate(135deg)}.flow-deliver{display:block}.source-laptop{max-width:290px}.source-screen{height:205px}.delivery-stack{max-width:340px}.app-pair{max-width:240px;margin:auto}.flow-update-strip{display:block;padding:16px}.update-steps{justify-content:center;margin-top:17px;gap:10px}.update-steps>i{font-size:16px}.update-message{justify-content:center}.visual-example{padding-top:84px}
}
@media (max-width:480px){
  .content-flow-section{padding:70px 0}.content-flow-board{width:94%;margin:auto}.flow-intro h2{font-size:38px}.flow-intro p{font-size:14px}.flow-column{padding:14px}.content-type{height:54px}.type-icon{width:32px;height:32px}.source-title img{width:105px}.source-laptop{max-width:250px}.source-screen{height:175px;grid-template-columns:40px 1fr}.source-dashboard{padding:10px 8px}.source-record{height:22px}.source-benefits>div{grid-template-columns:31px 1fr}.benefit-icon{width:30px;height:30px;font-size:14px}.delivery-stack{max-width:285px}.delivery-browser{max-width:270px;margin:auto}.app-pair{gap:8px;max-width:205px}.mini-native-phone{width:76px;height:157px;border-width:3px}.flow-update-strip{padding:13px}.update-message>span{width:34px;height:34px}.update-message b{font-size:10px}.update-message small{font-size:8px}.update-steps{gap:7px}.update-steps>div span{font-size:17px}.update-steps small{font-size:6px}
}

/* 2026-09-01 readability + module + relationship revisions */
/* BookMi content flow: larger, readable text */
.content-flow-section .flow-intro p{font-size:18px;line-height:1.65;max-width:780px;margin-left:auto;margin-right:auto}
.flow-step-label b{font-size:15px;line-height:1.25}.flow-step-label small{font-size:12px;line-height:1.5;margin-top:4px}.content-type b{font-size:13px}.source-title span{font-size:12px}.source-title{background:#282828;border-radius:12px;padding:10px 14px}.source-title img{mix-blend-mode:normal;filter:none}.source-benefits b{font-size:13px}.source-benefits small{font-size:11px;line-height:1.5}.delivery-label{font-size:12px}.delivery-label.compact{font-size:11px;height:34px}.platform-logo{width:19px;height:19px;display:block;flex:0 0 auto}.apple-logo{fill:#282828}.android-logo{fill:#282828}.native-cover b{font-size:8px}.native-cover small{font-size:7px}.native-card b{font-size:7px}.native-card small{font-size:6px}.update-message b{font-size:14px}.update-message small{font-size:11px}.update-steps small{font-size:9px}.update-steps>div span{font-size:24px}

/* BookMi business examples: larger card copy and clearer module labels */
.visual-example h3{font-size:24px;line-height:1.15}.visual-example>p{font-size:15px;line-height:1.65}.visual-example .example-number{font-size:12px}.modules-used>b{font-size:11px}.modules-used span{font-size:13px;padding:10px 12px}.modules-used i{width:28px;height:28px;font-size:11px}

/* UnifyDesk central workspace: separate module cards, no tiny combined tabs */
.module-overview-section .section-intro p{font-size:18px;max-width:800px;margin-left:auto;margin-right:auto}.module-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.module-overview-card{min-height:220px;border:1px solid #e7e2d8;border-radius:22px;background:#fff;padding:26px;display:flex;flex-direction:column;gap:22px;box-shadow:0 12px 34px rgba(30,26,18,.05);transition:.25s ease}.module-overview-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(30,26,18,.09)}.module-overview-icon{width:52px;height:52px;border-radius:15px;background:#fff5d9;border:1px solid rgba(244,175,3,.28);color:#f4af03;display:grid;place-items:center;font-weight:900;font-size:17px}.module-overview-card b{display:block;font-size:20px;letter-spacing:-.02em;margin-bottom:9px}.module-overview-card p{margin:0;color:#777;font-size:14px;line-height:1.62}

/* Channel cards: increase descriptive copy */
.channel-section .split-heading p{font-size:18px;line-height:1.65}.channel-card>p,.channel-card p{font-size:14px!important;line-height:1.65!important}.channel-card ul{font-size:13px;line-height:1.75}.browser-hero p{font-size:12px;line-height:1.55;max-width:88%}.browser-hero small{font-size:9px}.app-title{font-size:15px}

/* Redesigned reusable relationships */
.relationship-redesign{background:linear-gradient(180deg,#fff 0%,#faf8f3 100%)}.relationship-redesign .section-intro p{font-size:18px;max-width:760px;margin-left:auto;margin-right:auto}.relationship-workbench{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:stretch;max-width:1080px;margin:0 auto}.relationship-source-card{background:#282828;color:#fff;border-radius:28px;padding:34px;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(25,25,25,.14)}.relationship-source-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(244,175,3,.28);border-radius:50%;right:-80px;bottom:-90px}.relationship-badge{display:inline-flex;font-size:10px;letter-spacing:.15em;color:#f4af03;font-weight:850}.relationship-source-icon{width:58px;height:58px;border-radius:18px;background:#f4af03;color:#282828;display:grid;place-items:center;font-size:24px;font-weight:900;margin:42px 0 22px}.relationship-source-card h3{font-size:34px;margin:0 0 12px}.relationship-source-card>p{font-size:15px;line-height:1.65;color:#c8c8c8;margin:0}.relationship-source-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.relationship-source-meta span{border:1px solid #484848;background:#333;border-radius:999px;padding:8px 11px;font-size:11px;color:#eee}.relationship-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.relationship-card-grid article{background:#fff;border:1px solid #e5e0d7;border-radius:20px;padding:22px;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;position:relative}.relationship-card-grid article:before{content:"";position:absolute;left:-15px;top:50%;width:15px;height:1px;background:#f4af03}.rel-card-icon{width:46px;height:46px;border-radius:13px;background:#fff4d1;color:#f4af03;display:grid;place-items:center;font-weight:900;font-size:17px}.relationship-card-grid b{font-size:17px}.relationship-card-grid p{font-size:13px;line-height:1.55;color:#777;margin:5px 0 0}.relationship-outcome{max-width:900px;margin:24px auto 0;border:1px solid #e4dfd5;border-radius:18px;padding:18px 24px;background:#fff;display:flex;align-items:center;justify-content:center;gap:15px;text-align:center}.relationship-outcome span{font-size:13px;color:#777}.relationship-outcome i{font-style:normal;color:#f4af03;font-size:22px}.relationship-outcome b{font-size:15px}.relationship-outcome small{font-size:12px;color:#888}

/* Customer journeys: larger text, icons are the primary top cue */
.journey-section .split-heading p{font-size:18px;line-height:1.65}.journey{padding:30px;min-height:420px}.journey-top{justify-content:flex-start;gap:12px;flex-wrap:wrap}.journey-icon{width:50px;height:50px;border-radius:14px;font-size:20px}.journey-top>span{font-size:11px}.journey h3{font-size:28px;margin:24px 0 20px}.journey-flow{gap:9px}.journey-flow span{font-size:13px;padding:9px 13px;line-height:1.25}.journey-flow i{font-size:16px}.journey p{font-size:14px;line-height:1.65;margin-top:22px}

/* White UnifyDesk mark in dark footer */
.product-footer-brand img{mix-blend-mode:normal;filter:none;background:transparent}

@media (max-width:1050px){.module-card-grid{grid-template-columns:repeat(2,1fr)}.relationship-workbench{grid-template-columns:280px 1fr}}
@media (max-width:760px){.module-card-grid{grid-template-columns:1fr}.module-overview-card{min-height:0}.relationship-workbench{grid-template-columns:1fr}.relationship-card-grid{grid-template-columns:1fr}.relationship-card-grid article:before{display:none}.relationship-outcome{flex-wrap:wrap}.content-flow-section .flow-intro p,.module-overview-section .section-intro p,.relationship-redesign .section-intro p,.channel-section .split-heading p,.journey-section .split-heading p{font-size:16px}.flow-step-label b{font-size:14px}.flow-step-label small{font-size:11px}.content-type b{font-size:12px}.visual-example>p{font-size:14px}.modules-used span{font-size:12px}.journey-flow span{font-size:12px}}
.journey-icon svg{width:25px;height:25px;fill:none;stroke:#f4af03;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.yellow-journey .journey-icon svg{stroke:#f4af03}
.product-footer-brand img{max-width:150px;height:auto}


/* Real SVG icons for the UnifyDesk content-flow infographic */
.flow-real-icon{
  display:block;
  width:1.35em;
  height:1.35em;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.type-icon .flow-real-icon{width:25px;height:25px}
.record-icon .flow-real-icon{width:15px;height:15px}
.benefit-icon .flow-real-icon{width:28px;height:28px}
.delivery-label .flow-real-icon{width:20px;height:20px}
.update-steps .flow-real-icon{width:27px;height:27px}