:root{--navy:#071b36;--blue:#0877ff;--sky:#16b8ff;--ink:#142033;--muted:#66758a;--line:#e4eaf2;--bg:#f7f9fc;--white:#fff;--green:#12a66a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;line-height:.9}.brand span:last-child{display:flex;flex-direction:column}.brand strong{color:var(--blue);font-size:22px;letter-spacing:2px}.mark{display:grid!important;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--navy));color:white;font-size:29px;font-weight:900}.nav nav{display:flex;align-items:center;gap:22px}.nav nav a{color:#26374d;text-decoration:none;font-weight:650;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b7bff,#0759ff);color:#fff!important;text-decoration:none;border:0;border-radius:12px;padding:14px 20px;font-weight:800;cursor:pointer}.btn.secondary{background:#fff!important;color:var(--navy)!important;border:1px solid #cfd9e7}.btn.small{padding:10px 15px}.hero{background:radial-gradient(circle at 80% 20%,#dff4ff 0,transparent 30%),linear-gradient(180deg,#f8fbff,#fff);padding:86px 0 68px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.kicker{color:var(--blue);font-weight:850;text-transform:uppercase;letter-spacing:2px;font-size:13px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;margin:14px 0}.hero h1 span{color:var(--blue)}.hero p{font-size:20px;color:var(--muted);max-width:690px;line-height:1.55}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#52637a;font-size:14px}.productshot{background:linear-gradient(145deg,var(--navy),#0a3263);padding:18px;border-radius:28px;box-shadow:0 25px 70px #8db4e555}.window{background:#fff;border-radius:18px;min-height:420px;padding:18px}.bar{display:flex;gap:7px}.bar i{width:9px;height:9px;border-radius:50%;background:#d7deea}.dash{display:grid;grid-template-columns:120px 1fr;gap:14px;margin-top:20px}.side{background:#eef4fb;border-radius:12px;min-height:340px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fake{border:1px solid var(--line);border-radius:14px;padding:16px;min-height:120px}.fake strong{font-size:26px;color:var(--navy)}section{padding:76px 0}.section-head{text-align:center;max-width:780px;margin:0 auto 36px}.section-head h2{font-size:40px;margin:8px 0 12px}.section-head p{color:var(--muted);font-size:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff;box-shadow:0 8px 25px #0c2d4e0b}.card h3{font-size:22px;margin:10px 0}.icon{width:44px;height:44px;border-radius:12px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.band{background:var(--navy);color:#fff}.band .section-head p{color:#b7c7dc}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.price{border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column}.price.pop{border:2px solid var(--blue);box-shadow:0 18px 50px #0877ff22}.price .amount{font-size:34px;font-weight:900;color:var(--navy)}.price ul{padding-left:18px;color:#52637a;line-height:1.8;flex:1}.price .btn{width:100%}.formbox{max-width:720px;margin:auto;border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-weight:750;margin:14px 0 6px}input,textarea,select{width:100%;padding:13px 14px;border:1px solid #ccd6e2;border-radius:10px;font:inherit}textarea{min-height:150px}.notice{padding:14px 16px;border-radius:12px;background:#edf7ff;margin:14px 0}.success{background:#e9fff3}.error{background:#fff0f0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.badge{display:inline-block;padding:5px 9px;border-radius:30px;background:#eef4fb;font-size:12px}.badge.active,.badge.paid{background:#e8fbf1;color:#087d4f}.supportbar{background:#f1f7ff;border:1px solid #d8e9ff;border-radius:18px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hotline{font-size:28px;font-weight:900;color:var(--navy)}footer{background:#06172d;color:#c2cee0;padding:55px 0 20px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.footergrid b{display:block;color:#fff;margin-bottom:12px}.footergrid a{display:block;color:#c2cee0;text-decoration:none;margin:8px 0}.footerbrand b{color:#fff}.footline{border-top:1px solid #18304e;margin-top:35px;padding-top:18px;font-size:13px}.legal{max-width:860px}.legal h1{font-size:44px}.legal h2{margin-top:30px}@media(max-width:900px){.nav nav a:not(.btn){display:none}.hero-grid,.grid3,.pricing,.footergrid{grid-template-columns:1fr}.pricing{max-width:620px;margin:auto}.row{grid-template-columns:1fr}.hero{padding-top:55px}.productshot{display:none}.supportbar{align-items:flex-start;flex-direction:column}.dash{grid-template-columns:80px 1fr}}
.brandstage{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dfe8f4;border-radius:28px;padding:22px;box-shadow:0 24px 70px #0b43851a;overflow:hidden}.brandstage img{width:100%;height:auto;display:block}.proofstrip{padding:0;background:#fff}.proofgrid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;transform:translateY(-18px);background:#fff;box-shadow:0 14px 40px #16345a0d}.proofgrid div{padding:22px;border-right:1px solid var(--line)}.proofgrid div:last-child{border-right:0}.proofgrid strong{display:block;color:var(--navy);font-size:18px}.proofgrid span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{border:1px solid #20456c;background:#0b2647;border-radius:18px;padding:24px}.step span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0f78ff;color:#fff;font-weight:900}.step h3{margin:18px 0 8px}.step p{color:#b7c7dc;line-height:1.55}.demo{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.demo h2,.cta h2{font-size:42px;margin:10px 0 16px}.demo p,.cta p{font-size:18px;line-height:1.6;color:var(--muted)}.cta{padding-top:10px}.cta-box{background:linear-gradient(135deg,#f0f7ff,#ffffff);border:1px solid #dce9f8;border-radius:24px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box .actions{margin:0}.mark{font-family:Arial,sans-serif}.brand b{letter-spacing:.7px}@media(max-width:900px){.proofgrid,.featuregrid,.steps,.demo{grid-template-columns:1fr}.proofgrid div{border-right:0;border-bottom:1px solid var(--line)}.proofgrid div:last-child{border-bottom:0}.brandstage{display:none}.cta-box{align-items:flex-start;flex-direction:column}.demo .productshot{display:block}.featuregrid{gap:14px}.steps{gap:14px}}
/* v0.5 brand system */
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #cfe2fb;border-radius:999px;background:#fff;color:var(--navy);font-weight:900;font-size:12px;letter-spacing:1.4px;margin-bottom:14px}.brand small{display:block;color:#6d7e93;font-size:9px;letter-spacing:.7px;margin-top:3px}.pill{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 10px;background:#edf5ff;color:#0759b9;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.price.pop .pill{background:var(--blue);color:#fff}.soft{background:#f7faff}.center{text-align:center;margin-top:30px}.btn.light{background:#fff!important;color:var(--navy)!important}.fineprint{text-align:center;color:#7b899c;font-size:13px;margin-top:22px}.brandtiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.brandtiles div{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff;box-shadow:0 10px 25px #0b315a0c}.brandtiles b{display:block;font-size:38px;color:var(--blue);line-height:1}.brandtiles span{display:block;margin-top:8px;color:var(--navy);font-weight:800}.journey{max-width:960px;margin:0 auto}.journey-row{display:grid;grid-template-columns:70px 1fr 130px;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:22px 0}.journey-row>span{display:grid;place-items:center;width:50px;height:50px;background:var(--navy);color:#fff;border-radius:14px;font-weight:900}.journey-row h3{margin:0 0 6px;font-size:21px}.journey-row p{margin:0;color:var(--muted);line-height:1.55}.journey-row>b{text-align:right;color:var(--blue);font-size:13px;text-transform:uppercase;letter-spacing:.7px}.brand-manifesto{max-width:900px;margin:0 auto 28px;background:linear-gradient(135deg,var(--navy),#0d3d76);color:#fff;border-radius:24px;padding:38px}.brand-manifesto h3{font-size:36px;margin:0 0 12px}.brand-manifesto p{font-size:18px;line-height:1.65;color:#c8d7e8}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.modulelist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.modulelist div{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.modulelist b{display:block;color:var(--navy);font-size:19px}.modulelist span{display:block;color:var(--muted);margin-top:5px}.steps{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.journey-row{grid-template-columns:58px 1fr}.journey-row>b{grid-column:2;text-align:left}.brand-grid,.modulelist,.brandtiles{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.brand small{display:none}}
/* v0.6 ONE operating system */
.left{text-align:left!important;margin-left:0!important}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.portal-hero,.admin-hero{background:linear-gradient(180deg,#f4f9ff,#fff);padding-bottom:30px}.portal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.portal-card{display:flex;flex-direction:column;min-height:145px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;color:var(--navy);box-shadow:0 10px 28px #0a35620b}.portal-card span{font-size:12px;color:var(--blue);font-weight:900;letter-spacing:1px}.portal-card b{font-size:21px;margin-top:auto}.portal-card small{color:var(--muted);margin-top:5px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.tablewrap{overflow-x:auto}.empty-state{text-align:center;padding:36px 18px}.invoice-sheet{max-width:900px;margin:auto;border:1px solid var(--line);background:#fff;padding:44px;border-radius:18px;box-shadow:0 14px 40px #102b480c}.invoice-top,.invoice-meta{display:flex;justify-content:space-between;gap:30px}.invoice-top small{display:block;color:var(--muted);margin-top:5px}.invoice-sheet h1{font-size:42px;margin:52px 0 28px}.invoice-meta{margin-bottom:38px;line-height:1.7}.invoice-table{margin-top:20px}.invoice-note{font-size:12px;color:var(--muted);margin-top:30px}.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.admin-stats div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.admin-stats b{display:block;font-size:30px;color:var(--navy)}.admin-stats span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form select{min-width:110px;padding:8px}.btn.tiny{padding:8px 10px;font-size:12px}@media(max-width:900px){.grid2,.portal-grid,.admin-stats{grid-template-columns:1fr}.invoice-top,.invoice-meta{flex-direction:column}.invoice-sheet{padding:24px}.card-head{align-items:flex-start;flex-direction:column}}@media print{.top,footer,.no-print{display:none!important}section{padding:0}.invoice-sheet{border:0;box-shadow:none;max-width:none}}

/* v0.8 public sales website */
.brand-logo{display:block;max-width:285px}.brand-logo img{display:block;width:100%;height:58px;object-fit:contain;object-position:left center}.nav{height:82px}.nav nav{gap:17px}.nav nav a{font-size:13px}.hero-sales{padding:58px 0 46px;background:radial-gradient(circle at 82% 20%,#d8f4ff 0,transparent 32%),linear-gradient(180deg,#f7fbff,#fff)}.hero-copy h1{font-size:clamp(46px,6.2vw,78px);margin:10px 0 18px;line-height:.98;letter-spacing:-2px}.hero-copy h1 span,.page-hero h1 span{color:var(--blue)}.hero-lead{font-size:21px!important;max-width:720px!important}.checklist{list-style:none;padding:0;margin:22px 0}.checklist li{position:relative;padding:7px 0 7px 34px;color:#304259;line-height:1.45}.checklist li:before{content:'✓';position:absolute;left:0;top:5px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0b7bff;color:#fff;font-size:13px;font-weight:900}.checklist.compact{margin:15px 0}.checklist.compact li{padding-top:5px;padding-bottom:5px}.checklist.compact li:before{top:3px}.hero-visual{position:relative}.hero-logo{display:block;width:100%;max-width:620px;margin:0 auto 8px}.device-stage{position:relative;padding:10px 0 8px}.desktop-device{border:10px solid #11253f;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 70px #0b3c7530}.device-bar{height:37px;background:#eef3f8;display:flex;align-items:center;gap:7px;padding:0 12px;color:#607086;font-size:12px}.device-bar i{width:9px;height:9px;border-radius:50%;background:#bdc8d5}.device-bar span{margin-left:8px}.device-ui{display:grid;grid-template-columns:145px 1fr;min-height:305px}.device-ui aside{background:#082548;color:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:12px;font-size:12px}.device-ui aside b{font-size:22px;color:#3cbcff;margin-bottom:8px}.device-ui aside span:first-of-type{background:#0877ff;padding:8px;border-radius:8px}.dashboard-view{padding:18px;background:#f8fafc}.dash-title{display:flex;flex-direction:column}.dash-title b{font-size:22px;color:var(--navy)}.dash-title small{color:var(--muted);margin-top:3px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0}.metric-row div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.metric-row b{display:block;color:var(--navy);font-size:18px}.metric-row span{font-size:10px;color:var(--muted)}.chart-card{height:110px;border:1px solid var(--line);background:#fff;border-radius:12px;position:relative;overflow:hidden;padding:12px}.chart-line{position:absolute;left:10%;right:8%;bottom:27px;height:3px;background:linear-gradient(90deg,#0877ff 0 18%,#16b8ff 18% 33%,#0877ff 33% 48%,#16b8ff 48% 67%,#0877ff 67% 100%);transform:skewY(-8deg);box-shadow:0 -23px 0 -1px #dff1ff}.chart-card span{position:absolute;left:12px;bottom:8px;font-size:10px;color:var(--muted)}.phone-device{position:absolute;right:-10px;bottom:-15px;width:112px;height:205px;border:7px solid #102441;border-radius:25px;background:#fff;box-shadow:0 20px 45px #0b3c7535;overflow:hidden}.phone-screen{height:100%;padding:24px 9px 9px;background:linear-gradient(180deg,#eaf6ff,#fff);display:flex;flex-direction:column;gap:8px;font-size:9px}.phone-screen b{font-size:12px;color:var(--navy)}.phone-screen span{padding:7px;border-radius:7px;background:#fff;border:1px solid #dfe7f0}.phone-screen button{margin-top:auto;border:0;border-radius:7px;background:#0877ff;color:#fff;padding:8px;font-weight:800;font-size:9px}.benefit-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}.big-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e8f4ff;color:#0665d8;font-weight:900;font-size:12px;letter-spacing:1px}.benefit-copy h3{font-size:38px;margin:12px 0}.benefit-copy>p{font-size:18px;color:var(--muted);line-height:1.65}.editor-demo{border:1px solid #dbe6f3;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 20px 55px #103d7018}.editor-top{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f4f7fb;border-bottom:1px solid #e0e7f0}.editor-top span{font-weight:850;margin-right:auto}.editor-top button{border:1px solid #cbd7e5;background:#fff;border-radius:8px;padding:7px 10px}.editor-top .primary-mini{background:#0877ff;color:#fff;border-color:#0877ff}.editor-body{display:grid;grid-template-columns:125px 1fr;min-height:310px}.editor-sidebar{background:#0a2748;color:#fff;padding:15px;display:flex;flex-direction:column;gap:10px;font-size:11px}.editor-sidebar b{font-size:13px;color:#67c7ff;margin-bottom:7px}.editor-sidebar span{padding:7px;background:#153a61;border-radius:7px}.editor-canvas{padding:18px;background:#f6f8fb}.canvas-hero{background:linear-gradient(135deg,#dff4ff,#f8fbff);border-radius:14px;padding:22px}.canvas-hero small{color:#0877ff}.canvas-hero b{display:block;font-size:25px;color:var(--navy);margin:5px 0}.canvas-hero p{color:#65758a;font-size:12px}.canvas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.canvas-grid div{height:80px;border-radius:12px;background:#fff;border:1px solid #e0e7f0}.visual-cards{grid-template-columns:repeat(3,1fr)}.visual-card{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:20px;background:#fff;padding:25px;box-shadow:0 10px 28px #0b315a0d;transition:.2s}.visual-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #0b315a18}.visual-card img{width:56px;height:56px;padding:8px;border-radius:16px;background:#eaf5ff}.visual-card h3{font-size:22px;margin:14px 0 8px}.visual-card p{color:var(--muted);line-height:1.55;min-height:72px}.visual-card span{color:#0877ff;font-weight:800;font-size:14px}.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.simple-steps>div{position:relative;border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff}.simple-steps img{width:56px;height:56px;background:#ecf6ff;padding:10px;border-radius:16px}.simple-steps span{position:absolute;top:25px;right:25px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#0877ff;color:#fff;font-weight:900}.simple-steps h3{font-size:22px;margin:14px 0 8px}.simple-steps p{color:var(--muted);line-height:1.55}.simple-steps.large>div{min-height:280px}.band-benefits{padding:38px 0}.band-benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.band-benefit-grid div{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;align-items:center}.band-benefit-grid img{width:44px;height:44px;grid-row:1/3;filter:brightness(0) invert(1)}.band-benefit-grid b{font-size:15px}.band-benefit-grid span{font-size:12px;color:#b8c8da;line-height:1.4}.automation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.automation-card{display:flex;align-items:center;gap:18px;padding:23px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 9px 25px #0c2d4e0a}.automation-card img{width:58px;height:58px;flex:0 0 58px;background:#eaf5ff;border-radius:16px;padding:11px}.automation-card h3{margin:0 0 6px;font-size:20px}.automation-card p{margin:0;color:var(--muted);line-height:1.5}.demo-showcase{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.demo-showcase h2{font-size:42px;margin:8px 0 14px}.demo-showcase p{font-size:18px;color:var(--muted);line-height:1.65}.project-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-card{padding:26px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 12px 30px #0b315a0b}.project-card b{display:block;font-size:25px;color:#0877ff}.project-card span{color:var(--muted);font-size:13px}.cta-strong{background:linear-gradient(135deg,#eaf5ff,#fff 60%,#f5fbff);border-color:#bedcff}.page-hero{padding:70px 0 42px;background:linear-gradient(180deg,#f7fbff,#fff)}.page-hero h1{font-size:clamp(44px,6vw,70px);line-height:1.02;margin:12px 0;max-width:900px}.page-hero p{font-size:19px;color:var(--muted);max-width:760px;line-height:1.6}.module-sections{display:flex;flex-direction:column;gap:30px}.module-section{display:grid;grid-template-columns:190px 1fr;gap:35px;padding:32px;border:1px solid var(--line);border-radius:22px;background:#fff;align-items:center}.module-section.reverse{grid-template-columns:190px 1fr;background:#f8fbff}.module-icon{height:150px;border-radius:20px;background:linear-gradient(145deg,#eaf6ff,#fff);display:grid;place-items:center}.module-icon img{width:82px;height:82px}.module-section h2{font-size:34px;margin:7px 0 10px}.module-section p{color:var(--muted);font-size:17px;line-height:1.6}.demo-browser{max-width:1080px;margin:auto;border:10px solid #10243e;border-radius:20px;overflow:hidden;box-shadow:0 30px 75px #0d376622}.device-ui.big{min-height:520px;grid-template-columns:180px 1fr}.device-ui.big aside{font-size:14px}.demo-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.demo-panels>div{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.demo-panels h3{margin:0 0 6px}.demo-panels p{color:var(--muted);font-size:13px}.demo-panels button{border:0;background:#eaf4ff;color:#0877ff;font-weight:800;padding:9px 11px;border-radius:8px}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.example-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.example-card h3,.example-card p,.example-card b{margin-left:20px;margin-right:20px}.example-card h3{font-size:22px;margin-top:18px;margin-bottom:8px}.example-card p{color:var(--muted);line-height:1.55;min-height:95px}.example-card b{display:block;color:#0877ff;margin-bottom:20px}.example-top{height:145px}.website-bg{background:linear-gradient(135deg,#0877ff,#86d8ff);position:relative}.website-bg:after{content:'';position:absolute;inset:25px;background:#fff;border-radius:11px;box-shadow:inset 0 18px 0 #eaf1f8}.shop-bg{background:linear-gradient(135deg,#0d2848,#0877ff);position:relative}.shop-bg:after{content:'🛒';position:absolute;font-size:65px;left:50%;top:50%;transform:translate(-50%,-50%)}.booking-bg{background:linear-gradient(135deg,#b7e8ff,#0877ff);position:relative}.booking-bg:after{content:'▦';position:absolute;color:#fff;font-size:78px;left:50%;top:42%;transform:translate(-50%,-50%)}.business-bg{background:linear-gradient(135deg,#162f4f,#52bdff);position:relative}.business-bg:after{content:'▥';position:absolute;color:#fff;font-size:78px;left:50%;top:42%;transform:translate(-50%,-50%)}.faq-list{max-width:900px;margin:auto}.faq-list details{border:1px solid var(--line);border-radius:14px;padding:0 20px;margin:12px 0;background:#fff}.faq-list summary{font-size:18px;font-weight:850;cursor:pointer;padding:20px 0;color:var(--navy)}.faq-list p{color:var(--muted);line-height:1.65;margin:0 0 20px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff}.contact-card img{width:50px;height:50px;padding:9px;background:#eaf5ff;border-radius:14px}.contact-card h3{font-size:23px;margin:15px 0 8px}.contact-card a{font-size:19px;color:#0877ff;font-weight:850;text-decoration:none}.contact-card p{color:var(--muted);line-height:1.55}.one-office-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.one-office-list div{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.one-office-list b{display:block;font-size:22px;color:#0877ff}.one-office-list span{display:block;color:var(--muted);margin-top:4px}.footer-logo img{width:260px;max-width:100%;filter:brightness(0) invert(1);opacity:.96}footer strong{color:#fff}
@media(max-width:1050px){.brand-logo{max-width:215px}.nav nav{gap:12px}.nav nav a{font-size:12px}.band-benefit-grid{grid-template-columns:repeat(2,1fr)}.example-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.brand-logo{max-width:200px}.brand-logo img{height:50px}.hero-grid,.benefit-split,.demo-showcase{grid-template-columns:1fr}.hero-visual{margin-top:18px}.visual-cards,.simple-steps,.automation-grid,.contact-grid{grid-template-columns:1fr}.band-benefit-grid{grid-template-columns:1fr}.module-section,.module-section.reverse{grid-template-columns:1fr}.module-icon{height:120px}.device-ui{grid-template-columns:100px 1fr}.phone-device{display:none}.example-grid{grid-template-columns:1fr}.project-stack{grid-template-columns:1fr 1fr}.nav nav a:not(.btn){display:none}.hero-copy h1{letter-spacing:-1px}}
@media(max-width:600px){.metric-row{grid-template-columns:1fr}.device-ui aside{display:none}.device-ui,.device-ui.big{grid-template-columns:1fr}.desktop-device{border-width:6px}.editor-body{grid-template-columns:90px 1fr}.project-stack{grid-template-columns:1fr}.footer-logo img{width:200px}}

/* v0.8.1 hero branding emphasis */
.hero-sales .hero-grid{grid-template-columns:1fr 1fr;gap:34px}
.hero-sales .hero-visual{display:flex;flex-direction:column;align-items:center}
.hero-sales .hero-logo{width:min(100%,780px);max-width:none;margin:-18px auto 4px;transform:scale(1.16);transform-origin:center center}
@media(max-width:1050px){.hero-sales .hero-logo{width:min(100%,690px);transform:scale(1.10)}}
@media(max-width:900px){.hero-sales .hero-grid{grid-template-columns:1fr}.hero-sales .hero-visual{margin-top:28px}.hero-sales .hero-logo{width:min(100%,620px);transform:scale(1.08);margin:0 auto 10px}}
@media(max-width:600px){.hero-sales .hero-logo{width:100%;transform:scale(1.04);margin:0 auto 8px}}

/* v0.8.2 - groesseres Markenlogo im Seitenkopf */
@media (min-width:1051px){
  .top .nav{height:108px}
  .top .brand-logo{max-width:350px;display:flex;align-items:center}
  .top .brand-logo img{width:auto;max-width:100%;height:84px;object-fit:contain;object-position:left center}
}
@media (min-width:901px) and (max-width:1050px){
  .top .nav{height:94px}
  .top .brand-logo{max-width:285px;display:flex;align-items:center}
  .top .brand-logo img{width:auto;max-width:100%;height:70px;object-fit:contain;object-position:left center}
}
@media (max-width:900px){
  .top .nav{height:82px}
  .top .brand-logo{max-width:235px;display:flex;align-items:center}
  .top .brand-logo img{width:auto;max-width:100%;height:58px;object-fit:contain;object-position:left center}
}
@media (max-width:600px){
  .top .brand-logo{max-width:205px}
  .top .brand-logo img{height:52px}
}