/* crm.css */
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#17253e;--muted:#596a80;--blue:#245fe5;--blue-dark:#154abe;--canvas:#f5f7fb;--line:#e1e7f0;--surface:#fff;--radius:24px;--shadow:0 2px 3px rgba(24,45,77,.045),0 14px 34px -15px rgba(24,45,77,.2),inset 0 1px 0 #fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2763e7;outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:580;line-height:1.13;letter-spacing:-.045em}h2{font-size:clamp(30px,3.3vw,45px)}h3{font-size:28px}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:8px;left:-9999px;background:var(--ink);color:white;padding:10px 18px;z-index:100}.skip-link:focus{left:16px}
/* A quiet, static header. */
.site-header{position:relative;z-index:10;background:#fafbfd}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:35px;border-bottom:1px solid #e7edf5}.logo{display:inline-flex;flex-shrink:0}.logo img{width:186px;display:block}.header-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:500}.header-nav a{white-space:nowrap;color:#4e5e75;transition:color .16s}.header-nav a:hover{color:var(--blue)}.header-nav .header-cta{color:var(--ink);padding:9px 14px;border:1px solid #d8e0ec;border-radius:9px;background:#fff;box-shadow:0 2px 2px #19365e05}.mobile-menu{display:none}
/* Hero: no dashboard, no icon rail, no competing calls to action. */
.hero{position:relative;padding:68px 0 64px;isolation:isolate;background:radial-gradient(ellipse 58% 65% at 80% 90%,#dfeaff 0%,rgba(228,237,253,.55) 36%,transparent 73%),radial-gradient(ellipse 60% 120% at 12% 8%,#edf3fc 0%,transparent 65%),linear-gradient(#fafbfd,#f5f7fb);overflow:hidden}.hero:after{content:"";position:absolute;z-index:-1;left:14%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#d3dff0,transparent)}.hero-copy{text-align:center}.eyebrow{display:block;color:#53708f;font-size:11px;font-weight:650;line-height:1.45;letter-spacing:.15em;text-transform:uppercase}.hero h1{font-size:clamp(42px,5.35vw,78px);line-height:1.08;letter-spacing:-.055em;margin:23px auto 24px;font-weight:570}.hero h1 span{display:block;color:var(--blue)}.hero p{font-size:18px;line-height:1.6;color:#586a83}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:13px 22px;border-radius:11px;background:linear-gradient(180deg,#3270ee,#235be0);color:#fff;border:1px solid #245acf;border-top-color:#73a0fc;box-shadow:0 2px 3px #132e6126,0 8px 22px -6px #2460e54d,inset 0 1px 0 #92b5ff55;font-size:14px;line-height:1.5;font-weight:600;transition:background-color .16s,border-color .16s}.button:hover{background:var(--blue-dark);border-color:#154abe}.button span{font-size:20px;line-height:1}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 2px 4px #12284708}.hero .button{margin-top:29px}.hero-note{display:block;color:#63738b;font-size:11px;margin-top:13px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:600;line-height:1.6;color:var(--blue)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link span{font-size:19px;line-height:1}
/* Benefit cards: canvas → material surface → recessed product detail. */
.section{padding:92px 0}.benefits{padding-top:58px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:33px}.section-heading h2{margin-top:13px}.section-heading>p{font-size:14px;max-width:310px;line-height:1.65;margin-bottom:4px}.benefit-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}.benefit-card{min-width:0;border-radius:var(--radius);border:1px solid var(--line);border-top-color:#fff;background:#fff;box-shadow:var(--shadow);overflow:hidden}.card-copy{padding:32px 33px 0}.card-label{font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#627892}.card-copy h3{margin:11px 0 13px;font-size:31px}.card-copy p{font-size:14px;line-height:1.7;max-width:480px}.card-copy .text-link{margin-top:20px}.crm-card{grid-column:span 7;background:linear-gradient(145deg,#fff 40%,#f5f8fc)}.flow-card{grid-column:span 5;background:linear-gradient(135deg,#fff,#f6f8fc)}.followup-card,.team-card{grid-column:span 6}.product-demo{padding:29px 22px 20px}.product-switch{display:inline-flex;border:1px solid #dce4ed;border-radius:10px;background:#e9eef5;padding:4px;gap:3px;margin-bottom:14px}.product-switch button{font-size:12px;font-weight:600;padding:7px 16px;min-height:36px;border:1px solid transparent;border-radius:7px;color:#52657d;background:transparent;transition:color .15s,background-color .15s}.product-switch button[aria-pressed="true"]{background:#fff;color:var(--ink);border-color:#dfe6ef;box-shadow:0 2px 3px #263c5914}.product-switch button:hover{color:var(--blue)}.product-frame{aspect-ratio:1.6;background:#e9f3eb;border:1px solid #d9e4de;border-radius:14px;overflow:hidden;box-shadow:0 2px 3px #223d2614,0 10px 22px -16px #162f39}.product-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.product-frame.close-frame{background:#fff;border-color:#d8e0ee}.close-frame img{object-fit:contain;object-position:center}.product-panel figcaption{font-size:9px;color:#617087;line-height:1.5;padding:10px 5px 0}.flow-visual{margin:34px 28px 23px;padding-top:13px}.flow-node{display:flex;align-items:center;gap:12px;position:relative;padding:15px 16px;border:1px solid #e0e6ef;border-radius:14px;background:#fff;box-shadow:0 2px 3px #19325106,0 8px 18px -10px #243c6128;min-width:0}.flow-node.focal{border-color:#b7cbef;background:linear-gradient(110deg,#fff,#eef4ff)}.app-icon{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;flex-shrink:0;background:linear-gradient(#fff,#f7f9fc);border:1px solid #e0e6ef;border-bottom-color:#cdd7e5;border-radius:13px;box-shadow:0 2px 1px #192f4f09,inset 0 1px 0 #fff}.app-icon img{display:block;width:30px;height:30px;object-fit:contain}.app-icon.small img{width:24px;height:24px}.app-icon.small{width:37px;height:37px;border-radius:10px}.crm-monogram{font-size:11px;font-weight:750;letter-spacing:-.03em;color:#245fe5;background:#eaf1ff;border-color:#cadaf5}.flow-node strong{display:block;font-size:12px;font-weight:650;color:#34465f;line-height:1.5}.flow-node small{display:block;font-size:10px;color:#63718a;line-height:1.45;margin-top:3px}.node-check{font-size:11px;color:#477966;margin-left:auto}.flow-connector{height:24px;margin-left:40px;border-left:1px solid #c3d1e4;position:relative}.flow-connector i{width:5px;height:5px;border-right:1px solid #8cabc5;border-bottom:1px solid #8cabc5;position:absolute;bottom:1px;left:-3px;rotate:45deg}.visual-caption{font-size:10px;text-align:center;margin-top:18px;color:#697991}.activity-visual{margin:31px 30px 29px;padding:16px 20px 4px;background:linear-gradient(#fff,#f8fafc);border:1px solid #dde4ee;border-radius:15px;box-shadow:0 2px 4px #142b4910}.activity-top,.handbook-title{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:600;padding-bottom:14px}.demo-label{margin-left:auto;font-size:9px;color:#6b7c93;font-weight:450}.activity-row{display:flex;gap:12px;align-items:center;padding:17px 0;border-top:1px solid #e6ebf2}.activity-row strong{font-size:11px;font-weight:600;display:block;line-height:1.5}.activity-row small{font-size:9px;color:#6c7d94;display:block;margin-top:3px}.activity-dot{width:8px;height:8px;border:2px solid #5c83df;background:#e2ecff;border-radius:50%;flex-shrink:0}.activity-dot.quiet{border-color:#acbacd;background:#fff}.activity-date{margin-left:auto;padding:4px 7px;border-radius:5px;background:#eaf1ff;font-size:9px;color:#456dba}.activity-date.muted{background:#eef2f7;color:#61748d}.handbook-visual{padding:31px 30px 29px}.handbook-sheet{position:relative;padding:16px 20px 10px;background:#fff;border:1px solid #dde4ee;border-radius:14px;box-shadow:0 5px 0 -2px #eaf0f7,0 6px 0 -2px #d6e0ec,0 11px 0 -5px #f1f4f9,0 12px 0 -5px #dce5f0,0 12px 22px -16px #1538645c}.handbook-line{display:flex;gap:11px;align-items:center;border-top:1px solid #e7edf4;padding:12px 0}.handbook-line>span{font-size:9px;color:#6a83a4;font-variant-numeric:tabular-nums}.handbook-line strong{font-size:11px;font-weight:500;color:#415673;line-height:1.5}.handbook-line i{margin-left:auto;font-size:10px;font-style:normal;color:#64838c}
/* Follow-up sections use fewer frames to keep the page's rhythm calm. */
.systems-section{padding-top:26px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.system-card{padding:27px 0 28px;border-top:1px solid #cfd9e6;border-bottom:1px solid #dfe6ee}.system-wordmark{display:block;font-size:25px;font-weight:720;letter-spacing:-1px;line-height:1.2;margin-bottom:27px}.pipedrive-wordmark{color:#1d5749}.close-wordmark{color:#374e83}.system-card h3{font-size:23px;margin-bottom:14px;letter-spacing:-.03em}.system-card p{font-size:14px;max-width:460px;line-height:1.75}.system-card .text-link{margin-top:23px}.section-note{font-size:11px;margin-top:18px;color:#62718b}.process-section{background:#edf2f8;border-top:1px solid #e4ebf4;border-bottom:1px solid #e4ebf4}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:49px}.process-number{display:inline-block;color:#4871b9;font-size:12px;letter-spacing:.1em;border-top:1px solid #becde2;padding-top:18px;width:100%}.process-step h3{font-size:24px;margin:21px 0 15px}.process-step p{font-size:14px;line-height:1.75}.check-section{padding:90px 0 24px}.check-card{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:54px;background:radial-gradient(ellipse at 95% 100%,#dce9ff,transparent 65%),#edf3fe;border:1px solid #d2dff3;border-top-color:#fff;border-radius:28px;padding:48px;box-shadow:var(--shadow)}.check-copy h2{font-size:38px;margin:17px 0}.check-copy p{font-size:14px;max-width:460px}.check-copy .button{margin-top:26px}.check-copy>small{display:block;margin-top:13px;font-size:10px;color:#59708e}.check-visual{border:1px solid #d8e2f0;border-radius:18px;background:#ffffffed;padding:24px;box-shadow:0 3px 4px #28446606,0 24px 40px -24px #36558666,inset 0 1px 0 #fff}.check-visual-header{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.profile-row{display:grid;grid-template-columns:74px 1fr 20px;gap:13px;align-items:center;margin-top:20px;font-size:11px;color:#526985}.profile-row>div{height:7px;background:#edf2fa;border-radius:3px;overflow:hidden}.profile-row i{display:block;height:100%;background:linear-gradient(90deg,#aac4f5,#4d81e5);border-radius:3px}.profile-row b{font-size:10px;font-weight:500;color:#768aa7}.profile-insight{border-top:1px solid #e7ecf5;margin-top:27px;padding-top:23px;display:flex;align-items:center;gap:12px}.insight-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#edf3ff;color:var(--blue)}.profile-insight strong{display:block;font-size:11px;font-weight:600}.profile-insight small{display:block;margin-top:3px;font-size:10px;color:#6b7b91}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;max-width:1060px}.portrait-frame{background:#e3e9f2;padding:9px;border:1px solid #d4deeb;border-radius:25px;box-shadow:var(--shadow)}.portrait{display:block;width:100%;height:410px;object-fit:cover;object-position:50% 38%;border-radius:17px}.about-copy h2{margin:15px 0 24px}.about-copy p{font-size:14px;margin:0 0 15px;line-height:1.85}.signature{border-top:1px solid #dbe3ee;margin-top:26px;padding-top:20px;font-size:15px;font-weight:600;letter-spacing:-.025em}.signature span{display:block;font-size:11px;font-weight:400;margin-top:3px;color:#647590;letter-spacing:0}.faq-section{padding-top:20px}.faq-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:70px}.faq-grid h2{margin-top:15px;font-size:37px}.faq-list details{border-bottom:1px solid #dbe3ed;padding:0 0 18px;margin-bottom:18px}.faq-list summary{position:relative;list-style:none;cursor:pointer;font-size:14px;font-weight:550;padding:3px 30px 3px 0;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:3px;top:0;font-size:21px;color:#7085a3;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:13px;line-height:1.8;padding:15px 25px 0 0}.final-section{padding:0 0 80px}.final-card{text-align:center;padding:60px 30px;border-radius:28px;border:1px solid #d7e2f3;border-top-color:#fff;background:radial-gradient(ellipse at 80% 100%,#dbe8ff,transparent 75%),#eef3fc;box-shadow:var(--shadow)}.final-card h2{margin:20px 0;font-size:49px}.final-card p{font-size:15px}.final-card .button{margin-top:28px}.final-card>small{display:block;margin-top:12px;color:#657995;font-size:11px}.site-footer{border-top:1px solid #dce5f0;padding:25px 0 42px;color:#617088;font-size:11px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid a:hover{text-decoration:underline;text-underline-offset:4px}
/* Service subpages share the same material and spacing system. */
.sub-hero{padding:55px 0 80px;background:radial-gradient(ellipse at 75% 100%,#e1ebfb,transparent 65%),#f5f7fb}.sub-hero h1{font-size:clamp(38px,5vw,68px);max-width:1000px;margin:18px 0 24px}.intro,.sub-intro{max-width:710px;font-size:18px;line-height:1.7}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service-card{border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow);padding:30px}.service-card h3{font-size:26px;margin:22px 0 14px}.service-card p{font-size:14px;line-height:1.8}.service-number{font-size:12px;color:#6886ab}.soft{background:#eaf0f9}.sub-intro{margin-top:20px;font-size:16px}.draft-notice{padding:12px 24px;text-align:center;background:#e6edf7;color:#536781;font-size:10px;border-top:1px solid #d3deed}
/* No hover transform or entrance animation: every card stays still. */
@media(min-width:1550px){.hero{padding:85px 0 74px}}
@media(max-width:1050px){.header-nav{gap:20px}.header-nav .optional-link{display:none}.wrap{width:calc(100% - 48px)}.card-copy{padding:27px 26px 0}.card-copy h3{font-size:28px}.flow-visual{margin:30px 20px 20px}.flow-node{padding:13px 11px;gap:10px}.flow-node strong{font-size:11px}.flow-node small{font-size:9px}.node-check{display:none}.check-card{padding:35px;gap:30px}.check-copy h2{font-size:33px}.about-grid{gap:50px}.system-grid{gap:30px}.section-heading>p{max-width:250px}.hero h1{font-size:5.7vw}.hero{padding-top:66px}}
@media(max-width:760px){html{scroll-padding-top:15px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:77px;gap:15px}.logo img{width:164px}.header-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;font-size:12px;padding:10px 15px;border:1px solid #d8e0ec;border-radius:9px;background:#fff;min-height:42px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:51px;width:245px;display:flex;flex-direction:column;background:#fff;border:1px solid #d6e0ed;border-radius:14px;padding:10px;box-shadow:0 12px 30px #183a6820}.mobile-menu:not([open]) nav{display:none}.mobile-menu nav a{font-size:14px;padding:10px 14px;border-radius:7px}.mobile-menu nav a:hover{background:#eef4ff;color:var(--blue)}.hero{padding:47px 0 48px;background:radial-gradient(ellipse 95% 55% at 95% 85%,#e0ebff,transparent 80%),#f5f7fb}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.hero h1{font-size:clamp(36px,8vw,54px);letter-spacing:-.054em;line-height:1.07;max-width:600px;margin:24px auto 22px}.hero h1 span{margin-top:5px}.hero p{font-size:15px;line-height:1.7}.hero .button{margin-top:25px;font-size:12px;gap:19px;min-height:50px;padding:13px 17px}.hero-note{font-size:10px}.section{padding:66px 0}.benefits{padding-top:42px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:31px;margin-top:11px}.section-heading>p{max-width:none;font-size:13px;margin:15px 0 0}.section-heading>p br{display:none}.eyebrow{font-size:10px}.benefit-grid{gap:18px;grid-template-columns:1fr}.benefit-card{grid-column:auto;border-radius:22px}.card-copy{padding:25px 25px 0}.card-copy h3{font-size:28px}.card-copy p{font-size:13px}.card-copy .text-link{margin-top:17px;font-size:12px}.product-demo{padding:25px 16px 17px}.product-switch button{min-height:39px;padding:8px 19px}.product-panel figcaption{font-size:8px}.product-frame{border-radius:10px}.flow-visual{margin:26px 22px 20px;max-width:450px}.flow-node{padding:13px;gap:12px}.flow-node strong{font-size:12px}.flow-node small{font-size:10px}.node-check{display:block}.visual-caption{font-size:9px}.activity-visual{margin:26px 20px 24px;padding:14px 13px 4px}.activity-row strong{font-size:10px}.activity-row small{font-size:8px}.activity-date{font-size:8px;white-space:nowrap}.activity-row{gap:8px}.handbook-visual{padding:26px 20px 30px}.handbook-sheet{padding:14px 13px 8px}.handbook-line strong{font-size:10px}.system-grid{grid-template-columns:1fr;gap:0}.systems-section{padding-top:8px}.system-card{padding:25px 0}.system-card+.system-card{border-top:0}.system-wordmark{margin-bottom:20px;font-size:25px}.system-card h3{font-size:23px}.system-card p{font-size:13px}.section-note{font-size:10px}.process-grid{grid-template-columns:1fr;gap:29px;margin-top:30px}.process-step h3{font-size:24px;margin:15px 0 12px}.process-step p{font-size:13px}.process-number{padding-top:14px}.check-section{padding:60px 0 0}.check-card{grid-template-columns:1fr;gap:30px;padding:29px 22px;border-radius:23px}.check-copy h2{font-size:30px;overflow-wrap:normal;letter-spacing:-.05em}.check-copy p{font-size:13px}.check-copy>small{font-size:9px}.check-visual{padding:19px}.check-visual-header{font-size:11px}.profile-insight strong{font-size:10px}.profile-row{grid-template-columns:65px 1fr 20px;gap:10px}.about-grid{grid-template-columns:1fr;gap:33px}.portrait-frame{max-width:350px}.portrait{height:340px}.about-copy h2{font-size:32px}.about-copy p{font-size:13px}.faq-section{padding-top:8px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid h2{font-size:32px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.final-section{padding-bottom:55px}.final-card{padding:41px 22px;border-radius:23px}.final-card h2{font-size:37px}.final-card p{font-size:13px}.final-card .button{font-size:12px;gap:16px}.final-card p br{display:none}.footer-grid{flex-direction:column;gap:9px}.site-footer{padding:25px 0 28px;font-size:10px}.sub-hero{padding:37px 0 55px}.sub-hero h1{font-size:39px}.intro,.sub-intro{font-size:15px}.services-grid{grid-template-columns:1fr}.service-card{padding:25px}.service-card h3{font-size:25px}.button-row{gap:12px}.draft-notice{font-size:9px;padding:12px 18px}}
@media(max-width:430px){.hero h1{font-size:40px;max-width:370px}.hero h1 span{margin-top:8px}.hero p{font-size:14px}.check-copy h2{font-size:clamp(24px,7vw,30px)}.activity-top,.handbook-title{font-size:11px;gap:8px}.handbook-line{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* subpages.css */
/* Detailed service pages. Components inherit the approved homepage tokens. */
.detail-hero{padding:0 0 64px;background:radial-gradient(ellipse 62% 72% at 81% 90%,#dfeaff 0,rgba(232,240,253,.55) 39%,transparent 74%),radial-gradient(ellipse at 12% 5%,#edf3fc,transparent 62%),#f8fafd;position:relative;border-bottom:1px solid #e4ebf4}
.breadcrumbs{display:flex;align-items:center;gap:11px;padding:24px 0;font-size:11px;color:#6c7c93;line-height:1.7;flex-wrap:wrap}.breadcrumbs a{color:#526985}.breadcrumbs a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.breadcrumbs [aria-current]{color:#8593a7}
.detail-hero-copy{text-align:center;padding-top:23px}.detail-hero h1{font-size:clamp(44px,5.1vw,72px);line-height:1.08;letter-spacing:-.055em;font-weight:570;max-width:1020px;margin:22px auto 25px}.detail-hero h1 span{color:var(--blue)}.detail-hero h1:focus{outline:none}.detail-hero-copy>p{max-width:610px;font-size:17px;line-height:1.75;margin:auto}.detail-hero-copy>.button{margin-top:29px}.detail-hero-copy>small{display:block;font-size:11px;color:#6b7d97;margin-top:13px}
.detail-benefits{padding-top:59px}.detail-benefits .section-heading>div{max-width:720px}.detail-benefits .section-heading h2{font-size:40px;max-width:700px}.detail-benefits .section-heading>p{max-width:295px;font-size:13px}.detail-grid{align-items:stretch}.detail-card-wide{grid-column:span 7;background:linear-gradient(150deg,#fff 50%,#f4f7fc)}.detail-card-side{grid-column:span 5;background:linear-gradient(140deg,#fff,#f8fafd)}.detail-card-half{grid-column:span 6}.detail-feature{display:flex;flex-direction:column}.detail-feature .card-copy{padding:31px 32px 0}.detail-feature .card-copy h3{font-size:30px;line-height:1.17;max-width:560px}.detail-feature .card-copy p{max-width:540px;font-size:14px;line-height:1.8}.detail-visual{margin:29px 25px 25px}.detail-visual.product-demo{padding:0}.detail-product{margin:0}.detail-product .product-frame{aspect-ratio:1.6}.detail-product figcaption{font-size:9px;color:#6d7e96;line-height:1.5;margin:10px 4px 0}.detail-product .product-frame.close-frame img{object-fit:contain}.detail-card-half .detail-visual{margin-top:auto;padding-top:28px}.detail-ui{position:relative;border:1px solid #dbe4f0;border-top-color:#e6edf7;border-radius:16px;background:linear-gradient(140deg,#fff,#f9fbfe);padding:18px 20px;box-shadow:0 2px 3px #142e4b0b,0 10px 22px -16px #2b4c7766,inset 0 1px 0 #fff}.detail-ui-head{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid #e5ebf4;min-height:34px}.detail-ui-head>strong{font-size:12px;font-weight:600;line-height:1.55}.detail-ui-head .demo-label{font-size:9px;white-space:nowrap}.field-pair{display:flex;justify-content:space-between;gap:15px;padding-top:15px;font-size:11px;color:#68809b;line-height:1.6}.field-pair b{font-weight:550;color:#3b5675;text-align:right}.data-sources{display:flex;gap:16px;align-items:stretch}.source-slip{width:50%;background:#fff;padding:16px 13px;border:1px solid #dce6f2;border-radius:13px;box-shadow:0 3px 7px #2b476d09;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:136px}.source-slip>b{display:flex;align-items:center;justify-content:center;width:37px;height:37px;background:#edf5f0;border:1px solid #d5e5da;color:#527a66;border-radius:9px;font-size:12px;font-weight:600}.source-slip>span:not(.app-icon){display:block;font-size:12px;color:#3f5774;font-weight:550;margin-top:10px}.source-slip small{font-size:9px;color:#71849d;margin-top:3px}.merge-path{height:43px;display:flex;align-items:center;justify-content:center;color:#91abc7;font-size:22px}
.detail-task{display:flex;align-items:center;gap:12px;padding:20px 0 4px}.detail-task+.detail-task{padding-top:23px}.detail-task strong{display:block;font-size:11px;line-height:1.5;font-weight:600;color:#3b5370}.detail-task small{display:block;font-size:9px;color:#73859d;margin-top:4px}.task-circle{display:block;width:10px;height:10px;flex-shrink:0;border:2px solid #6290dd;border-radius:50%;background:#e4efff}.task-circle.quiet{border-color:#a3b4cb;background:#fff}.task-tag{background:#eaf2ff;color:#5b7bad;white-space:nowrap;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:500;margin-left:auto}.task-tag.quiet{background:#eef2f7;color:#71849f}.paper-stack{box-shadow:0 5px 0 -2px #eaf0f7,0 6px 0 -2px #d6e0ec,0 11px 0 -5px #f1f4f9,0 12px 0 -5px #dce5f0,0 14px 25px -18px #254a8366}.paper-stack .handbook-line{padding:15px 0}.paper-stack .handbook-line:first-of-type{border-top:0}.scenario-demo .scenario-panel{padding:7px 5px 0}.scenario-demo .flow-node{padding:16px 18px}.scenario-demo .flow-node strong{font-size:13px}.scenario-demo .flow-node small{font-size:11px}.scenario-demo .visual-caption{font-size:10px}.scenario-demo .product-switch{margin-bottom:16px}.scenario-demo .flow-connector{height:22px}.rule-detail{padding:18px 0;border-bottom:1px solid #e7edf5}.rule-detail>p{font-size:12px;line-height:1.65;margin-top:7px;color:#4d6686}.rule-token{display:inline-block;background:#eaf2ff;color:#5e7bb0;font-size:8px;letter-spacing:.09em;border-radius:4px;font-weight:650;padding:3px 7px}.stop-rule .rule-token{background:#f3f0e9;color:#8e7753}.ui-footnote{font-size:9px;color:#7789a0;margin-top:15px;line-height:1.6}.connection-ui{display:flex;gap:20px;align-items:center;justify-content:center;min-height:150px;background:radial-gradient(ellipse at center,#e8f0fc,transparent 80%)}.connection-app{display:flex;flex-direction:column;align-items:center;gap:8px}.connection-app small{font-size:10px;color:#6d819c}.connection-core{padding:23px 19px;background:linear-gradient(#fff,#f3f7fe);color:#3d669f;border:1px solid #c6d8f2;border-radius:16px;box-shadow:0 4px 12px #264b8221;text-align:center;font-size:15px;font-weight:650}.connection-core small{display:block;font-size:9px;font-weight:450;margin-top:7px;color:#6d839e}.connection-arrow{color:#8ba4c5;font-size:21px}.mail-subject{font-size:13px;font-weight:600;line-height:1.6;color:#3d5574;padding:18px 0 10px}.mail-ui>p{font-size:12px;line-height:1.85;color:#607591}.mail-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #e4ebf5;margin-top:18px;padding-top:14px;color:#7b8fa6;font-size:9px}.draft-dot{width:5px;height:5px;flex-shrink:0;background:#89a7d0;border-radius:50%}.segment-visual{padding:19px 21px;background:linear-gradient(140deg,#fff,#f3f7fe);border:1px solid #dfe7f3;border-radius:16px;box-shadow:0 3px 8px #2a48670b}.segment-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dfe7f2;border-radius:11px;padding:18px 14px;margin-top:14px}.segment-number{color:#7893b8;font-size:10px}.segment-row strong{display:block;font-size:12px;font-weight:600;line-height:1.6;color:#385273}.segment-row small{display:block;font-size:10px;color:#70839e;margin-top:3px;line-height:1.5}.segment-tag{margin-left:auto;white-space:nowrap;font-size:9px;color:#6888b6;background:#eef4fe;border-radius:6px;padding:4px 7px}.segment-visual .visual-caption{margin-top:15px}.outcome-row{display:flex;gap:14px;padding:17px 0 0;align-items:center}.outcome-row strong{display:block;font-size:12px;line-height:1.5;color:#445b79;font-weight:600}.outcome-row small{display:block;font-size:10px;color:#7186a0;line-height:1.6;margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.blue{background:#719adb}.status-dot.amber{background:#c8ac76}.status-dot.gray{background:#a2b3ca}.review-row{display:flex;align-items:center;gap:15px;padding:21px 0;border-bottom:1px solid #e9eff7}.review-row>span{font-size:10px;color:#859abb}.review-row strong{display:block;font-size:12px;font-weight:600;color:#3c5474;line-height:1.5}.review-row small{display:block;font-size:10px;color:#7990ac;line-height:1.5;margin-top:5px}.review-row>b{font-size:9px;font-weight:500;color:#6685af;background:#eef4fc;border-radius:6px;padding:5px 8px;margin-left:auto}.priority-ui .detail-ui-head{padding-inline:3px}.priority-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:20px}.column-title{display:block;color:#7b8fa7;font-size:9px;margin-bottom:10px;letter-spacing:.02em}.priority-note{border:1px solid #e0e7f1;border-radius:12px;padding:17px 14px;background:#fff;box-shadow:0 4px 12px #3b587213;min-height:132px}.priority-note.active{border-color:#ccdafa;background:linear-gradient(135deg,#fff,#eff5ff)}.priority-note small{font-size:8px;color:#7c94b4;letter-spacing:.08em}.priority-note strong{display:block;font-size:13px;font-weight:550;color:#3f5979;line-height:1.5;margin-top:12px}.company-line{display:flex;align-items:center;gap:13px;padding:21px 0 5px}.company-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #cddcf1;border-radius:10px;background:#edf4ff;color:#7393c1;font-size:17px;font-weight:600}.company-line strong{display:block;font-size:13px;line-height:1.6;font-weight:600;color:#3f5875}.company-line small{display:block;font-size:10px;line-height:1.5;color:#7b8fa8}.communication-row{display:flex;gap:12px;padding-top:18px;align-items:center}.communication-row strong{display:block;color:#455c77;font-size:11px;line-height:1.6;font-weight:600}.communication-row small{display:block;font-size:9px;line-height:1.6;color:#7b8ca1}.channel-label{font-size:9px;color:#6f87a9}
.detail-card-half .rule-detail{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:15px 0}.detail-card-half .rule-detail>p{margin-top:0}.detail-card-half .rule-token{justify-self:start}
/* Depth gives way to open editorial sections below the cards. */
.detail-scope{padding-top:10px}.scope-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:88px;align-items:start}.scope-copy h2{font-size:39px;margin-top:17px;max-width:475px}.scope-copy>p{font-size:14px;margin-top:22px;line-height:1.85;max-width:455px}.scope-note{margin-top:29px;padding:17px 0 0;border-top:1px solid #d6e0ee;max-width:455px}.scope-note>span{display:block;font-size:10px;font-weight:650;color:#7790ae;letter-spacing:.07em;text-transform:uppercase}.scope-note p{font-size:11px;line-height:1.85;margin-top:8px;color:#71849d}.deliverables{list-style:none;padding:0;margin:0}.deliverables li{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid #dce5f0}.deliverables li:first-child{padding-top:0}.deliverable-mark{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:27px;height:27px;border:1px solid #d4e1f4;background:#edf4ff;color:#5f88c7;border-radius:8px;font-size:12px;margin-top:2px}.deliverables h3{font-size:18px;line-height:1.5;letter-spacing:-.025em}.deliverables p{font-size:13px;line-height:1.8;margin-top:5px;color:#708199}.detail-process .section-heading h2{max-width:850px;font-size:40px}.detail-process .process-grid{margin-top:36px}.detail-process .process-step h3{font-size:24px}.detail-faq .faq-grid{gap:75px;grid-template-columns:1fr 1.4fr}.detail-faq .faq-grid h2{font-size:36px;line-height:1.2;overflow-wrap:break-word}.detail-faq .faq-list details:not([open]) p{display:none}.detail-related{padding:0 0 80px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:19px}.related-card{position:relative;display:block;padding:23px 55px 24px 24px;border:1px solid #dae4f1;border-radius:17px;background:linear-gradient(145deg,#fff,#f7fafd);box-shadow:0 3px 7px #25456507;transition:border-color .16s,background-color .16s}.related-card:hover{border-color:#a9c0e4;background:#f7faff}.related-card .eyebrow{font-size:9px}.related-card strong{display:block;font-size:18px;line-height:1.5;letter-spacing:-.03em;font-weight:550;max-width:410px;margin-top:10px}.related-arrow{position:absolute;right:24px;top:50%;color:#7595c6;font-size:24px;margin-top:-18px}.detail-final .final-card{padding:57px 35px}.detail-final .final-card h2{font-size:47px;line-height:1.13}.advisor{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:24px}.advisor img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 32%;border:3px solid #fff;box-shadow:0 2px 5px #23426416}.advisor span{font-size:10px;color:#6c819d;text-align:left;line-height:1.7}.advisor strong{display:block;font-size:11px;font-weight:550;color:#435f81}.detail-final .button{margin-top:28px}
@media(max-width:1050px){.detail-hero h1{font-size:62px}.detail-feature .card-copy{padding:27px 26px 0}.detail-feature .card-copy h3{font-size:27px}.detail-feature .card-copy p{font-size:13px}.detail-visual{margin:25px 20px 22px}.detail-ui{padding:16px}.detail-ui-head{gap:8px}.detail-ui-head>strong{font-size:11px}.detail-ui-head .demo-label{font-size:8px}.field-pair{font-size:10px}.scope-grid{gap:48px}.scope-copy h2{font-size:35px}.detail-benefits .section-heading h2{font-size:36px}.detail-benefits .section-heading>div{max-width:620px}.segment-tag{font-size:8px}.segment-row{padding:15px 12px;gap:10px}.detail-task{gap:8px}.detail-task strong{font-size:10px}.detail-task small{font-size:8px}.detail-faq .faq-grid{gap:45px}}
@media(max-width:760px){.detail-hero{padding-bottom:43px}.breadcrumbs{font-size:9px;padding:17px 0;gap:8px}.detail-hero-copy{padding-top:18px}.detail-hero-copy .eyebrow{font-size:9px;letter-spacing:.09em}.detail-hero h1{font-size:clamp(36px,7.9vw,48px);line-height:1.08;letter-spacing:-.052em;margin:23px auto 23px}.detail-hero-copy>p{font-size:14px;line-height:1.8;max-width:460px}.detail-hero-copy>.button{font-size:12px;min-height:50px;margin-top:26px;gap:20px;padding:12px 18px}.detail-hero-copy>small{font-size:10px;margin-top:12px}.detail-benefits{padding-top:41px}.detail-benefits .section-heading h2{font-size:31px;line-height:1.18;max-width:none}.detail-benefits .section-heading>p{font-size:13px;max-width:460px}.detail-card-wide,.detail-card-side,.detail-card-half{grid-column:auto}.detail-feature .card-copy{padding:25px 24px 0}.detail-feature .card-copy h3{font-size:27px;line-height:1.22}.detail-feature .card-copy p{font-size:13px;line-height:1.8}.detail-visual{margin:25px 18px 22px}.detail-card-half .detail-visual{margin-top:0;padding-top:25px}.detail-product figcaption{font-size:8px;margin:9px 3px 0}.detail-ui{padding:16px}.detail-ui-head>strong{font-size:11px}.detail-ui-head .demo-label{font-size:8px}.scenario-demo .product-switch{width:100%;display:flex}.scenario-demo .product-switch button{flex:1;font-size:10px;white-space:nowrap;padding:8px 6px}.scenario-demo .scenario-panel{padding:4px 0 0}.scenario-demo .flow-node{padding:13px 12px;gap:12px}.scenario-demo .flow-node strong{font-size:12px}.scenario-demo .flow-node small{font-size:10px}.scenario-demo .visual-caption{font-size:8px}.source-slip{min-height:126px;padding:15px 9px}.source-slip small{font-size:8px}.field-pair{font-size:10px;gap:10px}.detail-task{gap:9px}.detail-task strong{font-size:10px}.detail-task small{font-size:8px}.task-tag{font-size:8px;padding:4px 5px}.connection-ui{gap:12px;min-height:145px}.connection-core{padding:18px 12px;font-size:13px}.connection-core small{font-size:8px}.connection-app .app-icon{width:42px;height:42px}.connection-app small{font-size:8px}.connection-arrow{font-size:16px}.connection-ui+.visual-caption{font-size:8px}.mail-ui>p{font-size:11px}.mail-subject{font-size:12px}.segment-visual{padding:16px 13px}.segment-row{padding:14px 11px;gap:9px}.segment-row strong{font-size:11px}.segment-row small{font-size:9px}.segment-tag{display:none}.segment-visual .visual-caption{font-size:8px}.outcome-row strong{font-size:11px}.outcome-row small{font-size:9px}.review-row{gap:10px;padding:18px 0}.review-row strong{font-size:11px}.review-row small{font-size:9px}.review-row>b{font-size:8px;padding:4px 5px}.priority-note{padding:14px 11px;min-height:125px}.priority-note strong{font-size:12px}.priority-ui .visual-caption{font-size:8px}.scope-grid{grid-template-columns:1fr;gap:30px}.detail-scope{padding-top:0}.scope-copy h2{font-size:32px;max-width:none}.scope-copy>p{font-size:13px;margin-top:17px}.scope-note{margin-top:23px;max-width:none}.scope-note p{font-size:11px}.deliverables h3{font-size:17px}.deliverables p{font-size:12px}.deliverables li{gap:13px;padding:20px 0}.detail-process .section-heading h2{font-size:31px}.detail-process .process-grid{margin-top:30px}.detail-process .process-step h3{font-size:24px}.detail-faq .faq-grid{grid-template-columns:1fr;gap:30px}.detail-faq .faq-grid h2{font-size:30px}.detail-faq .faq-list summary{font-size:13px}.related-grid{grid-template-columns:1fr;gap:14px;margin-top:16px}.related-card{padding:22px 50px 22px 22px}.related-card strong{font-size:17px}.detail-related{padding-bottom:56px}.detail-final .final-card{padding:40px 20px}.detail-final .final-card h2{font-size:34px;line-height:1.15}.advisor{gap:11px}.advisor strong{font-size:10px}.detail-final .button{font-size:12px;gap:18px;padding-inline:15px}.detail-final .eyebrow{font-size:8px;letter-spacing:.1em}}
@media(max-width:390px){.detail-hero h1{font-size:36px}.detail-feature .card-copy h3{font-size:26px}.detail-ui{padding:14px}.detail-task small{max-width:170px}.detail-final .final-card h2{font-size:31px}.detail-faq .faq-grid h2{font-size:28px}}
@media(max-width:430px){.detail-page[data-page="bestandskunden-reaktivierung"] .detail-hero h1{font-size:clamp(30px,8vw,32px)}}


/* navigation.css */
.nav-root,.nav-panel ul{list-style:none;padding:0;margin:0}.header-nav .nav-root{display:flex;align-items:center;gap:28px}.nav-group{position:relative}.nav-trigger{border:0;background:none;font:inherit;color:inherit;padding:12px 0;display:flex;align-items:center;gap:9px;cursor:pointer;white-space:nowrap}.nav-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}.nav-trigger[aria-expanded=true],.nav-trigger.is-current{color:#245fe5}.nav-trigger[aria-expanded=true] .nav-chevron{transform:rotate(225deg);margin-top:3px}.nav-panel{position:absolute;top:calc(100% + 12px);left:-24px;width:432px;padding:20px 12px 12px;border:1px solid #e1e7f0;border-radius:20px;background:linear-gradient(135deg,#fff,#fafbfd);box-shadow:0 24px 55px -15px #17354a30,0 4px 12px #17354a08;z-index:30}.header-nav #desktop-systems{left:auto;right:0}.nav-panel[hidden]{display:none!important}.nav-caption{margin:0 12px 12px;color:#7a879b;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.header-nav .nav-panel a,.mobile-menu .nav-panel a{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:12px;white-space:normal;color:#17253e}.nav-panel a:hover,.nav-panel a[aria-current=page]{background:#edf3ff;color:#245fe5}.nav-panel strong{display:block;font-size:13px;line-height:1.4;font-weight:600}.nav-panel small{display:block;font-size:11px;line-height:1.5;color:#718096;margin-top:3px}.nav-tile{display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:11px;font-size:11px;font-weight:650;color:#41679a;background:linear-gradient(145deg,#fff,#eaf0fa);border:1px solid #dce5f2;box-shadow:inset 0 1px 0 #fff,0 2px 4px #17354a0a}.nav-tile-systems{font-size:17px;color:#245fe5}.nav-arrow{margin-left:auto;color:#99a8be;font-size:14px}.nav-panel a[aria-current=page] .nav-arrow{color:#245fe5}.header-nav{gap:0}.header-nav button:hover{color:#245fe5}@media(max-width:1050px) and (min-width:761px){.header-nav .nav-root{gap:18px}.header-nav .optional-link{display:none}.header-inner{gap:20px}}@media(max-width:760px){.mobile-menu nav{width:min(350px,calc(100vw - 32px));padding:12px;max-height:calc(100dvh - 110px);overflow:auto;border-radius:18px}.mobile-menu .nav-root{display:block}.mobile-menu .nav-trigger{width:100%;justify-content:space-between;padding:12px 14px;font-size:14px;font-weight:500}.mobile-menu .nav-panel{position:static;width:auto;padding:0 2px 8px;border:0;border-radius:0;background:none;box-shadow:none}.mobile-menu .nav-caption{display:none}.mobile-menu .nav-panel a{padding:11px 10px;gap:10px}.mobile-menu .nav-panel small{font-size:10px}.mobile-menu .nav-panel strong{font-size:12px}.mobile-menu .nav-tile{flex-basis:32px;height:32px;border-radius:9px}.mobile-menu .nav-root>li>a{display:block}.mobile-menu .header-cta{margin-top:8px;text-align:center}.mobile-menu .optional-link{display:block}}
/* Native mobile disclosures remain operable when a file viewer disables scripts. */
.mobile-nav-group>summary{list-style:none;border:0;background:none;border-radius:10px;min-height:48px}.mobile-nav-group>summary::-webkit-details-marker{display:none}.mobile-nav-group>summary::marker{content:""}.mobile-nav-group:not([open])>.nav-panel{display:none}.mobile-nav-group[open]>summary{color:#245fe5}.mobile-nav-group[open]>summary .nav-chevron{transform:rotate(225deg);margin-top:3px}@media(max-width:760px){.mobile-menu>summary{min-height:44px}.mobile-menu .nav-root>li>a,.mobile-menu .nav-panel a{min-height:44px}.mobile-menu nav{max-height:calc(100svh - 110px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}

/* One native checkbox controls the complete mobile menu. Links stay visible in groups. */
.mobile-toggle{position:absolute;opacity:0;width:1px;height:1px}
.mobile-menu-button,.mobile-close,.draft-current-route{-webkit-tap-highlight-color:transparent}
.mobile-toggle:focus-visible + .mobile-menu-button{outline:3px solid #245fe5;outline-offset:4px}
@media(max-width:760px){
.mobile-menu-button{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #dde4ed;border-radius:12px;background:#fff;font-size:12px;cursor:pointer}
.menu-glyph{width:14px;height:10px;border-top:1.5px solid;border-bottom:1.5px solid;position:relative}
.menu-glyph::before{content:"";position:absolute;left:0;right:0;top:3px;border-top:1.5px solid}
.mobile-toggle:checked + .mobile-menu-button .menu-glyph{border-bottom:0;transform:rotate(45deg);height:0}
.mobile-toggle:checked + .mobile-menu-button .menu-glyph::before{top:-1.5px;transform:rotate(90deg)}
.mobile-menu:not([open]) nav{display:none}
.mobile-menu .mobile-toggle:checked ~ nav{display:block}
.mobile-menu nav{right:0;top:54px;width:min(350px,calc(100vw - 40px));max-height:calc(100svh - 110px);padding:12px;background:#fff;box-shadow:0 18px 45px #17354a26;z-index:40}
.mobile-close{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;margin-bottom:4px;border-bottom:1px solid #edf0f5;font-size:12px;color:#5c6d84;cursor:pointer}
.mobile-close span{font-size:22px}.mobile-group-label{margin:15px 12px 5px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#5c6d84}
.mobile-menu .nav-panel a>span:nth-child(2){min-width:0}.mobile-menu .nav-panel small{display:none}.mobile-menu .nav-panel a{padding:10px;min-height:48px}.mobile-menu .nav-panel{padding-bottom:0}
}


/* finish.css */
/* WeAutomize / light surface finish. All geometry stays still on hover. */
:root{--canvas:#f7f8fb;--line:#dde4ed;--shadow:0 1px 2px #172d4910,0 4px 8px -5px #172d491b,0 22px 38px -24px #223c6240,inset 0 1px 0 #fff}
[data-tone="mint"]{--accent-ink:#386c5b;--accent-soft:#f0f8f4;--accent-edge:#bfdccc;--accent-mid:#9bcab8;--accent-rgb:68,115,95}
[data-tone="blue"]{--accent-ink:#426aa5;--accent-soft:#f0f5fd;--accent-edge:#c5d6f2;--accent-mid:#a9bfe5;--accent-rgb:68,100,158}
[data-tone="apricot"]{--accent-ink:#916036;--accent-soft:#fcf5ee;--accent-edge:#ead3bd;--accent-mid:#d5b393;--accent-rgb:151,107,67}
[data-tone="lilac"]{--accent-ink:#766299;--accent-soft:#f6f3fc;--accent-edge:#dbd2ee;--accent-mid:#beb0db;--accent-rgb:109,87,148}
.site-header{background:#fcfcfd}.header-inner{border-bottom-color:#e4e8ef}.header-nav .header-cta,.mobile-menu>summary{box-shadow:0 1px 2px #18354a0a,inset 0 1px 0 #fff}
.hero{background:radial-gradient(ellipse 47% 85% at 8% 55%,#eceaf750,transparent 72%),radial-gradient(ellipse 45% 80% at 92% 72%,#dcefe68a,transparent 72%),radial-gradient(ellipse 30% 45% at 48% 100%,#e2ecff85,transparent 80%),linear-gradient(180deg,#fcfcfd,#f7f8fb)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 56% 75% at 50% 0%,#ffffffed,transparent 90%);pointer-events:none}
.hero .hero-label,.detail-hero-copy>.eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dde6e9;border-top-color:#fff;border-radius:999px;background:#ffffffc9;padding:8px 14px;box-shadow:0 2px 3px #25475705;font-size:10px;letter-spacing:.12em;max-width:100%}
.hero .hero-label::before,.detail-hero-copy>.eyebrow::before{content:"";display:block;width:6px;height:6px;flex:0 0 6px;border:1px solid #8bb7a4;border-radius:50%;background:#b6ddca;box-shadow:0 0 0 3px #e8f4ed}
.button{box-shadow:0 1px 2px #12337629,0 5px 10px -3px #245fe53d,0 14px 25px -14px #245fe569,inset 0 1px 0 #b4cdfa70}.button.secondary{box-shadow:0 1px 2px #172d4910,inset 0 1px 0 #fff}
.benefit-card{position:relative;border-color:#dde4ed;border-top-color:#fff;background:radial-gradient(ellipse 110% 85% at 100% 100%,var(--accent-soft,#f3f7fc),transparent 78%),#fff;box-shadow:var(--shadow)}
.benefit-card::before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-edge,#dbe5f3),transparent);pointer-events:none}
.benefit-card::after{content:"";position:absolute;left:26px;right:26px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-edge,#dbe5f3),transparent);pointer-events:none}
.card-copy,.detail-feature .card-copy{padding-top:25px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.card-meta .card-label{color:var(--accent-ink,#53708f);font-size:9px;letter-spacing:.12em;line-height:1.65}.card-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px}.card-symbol img{display:block;width:44px;height:44px;max-width:none}.card-copy h3,.detail-feature .card-copy h3{margin-top:7px}
.product-frame{border:4px solid #fff;outline:1px solid #d5e2dd;box-shadow:0 1px 2px #182d4124,0 12px 25px -16px #2b4d456e,inset 0 0 0 1px #ffffff80}.product-frame.close-frame{outline-color:#dce0ef}.product-switch{background:#eaf0f5;border-color:#d9e2eb;box-shadow:inset 0 1px 2px #2745610c}.product-switch button[aria-pressed="true"]{box-shadow:0 1px 2px #25395b18,0 3px 5px -3px #25395b2e,inset 0 1px 0 #fff}
.flow-node{background:linear-gradient(135deg,#fff 60%,#fbfcff);border-color:#dce5ef;border-top-color:#f9fbff;box-shadow:0 1px 2px #19325112,0 8px 14px -10px #243c6142}.flow-node.focal{border-color:#c4d5f0;background:linear-gradient(115deg,#fdfefe,#edf3fc);box-shadow:0 1px 2px #19325114,0 9px 18px -11px #4a78bb45}.app-icon{background:linear-gradient(145deg,#fff 45%,#eff3f8);box-shadow:0 1px 2px #1e3f5510,0 4px 7px -5px #1e3f5530,inset 0 1px 0 #fff}.crm-monogram{background:linear-gradient(140deg,#fafdff,#e3edff);color:#426ba6;border-color:#c7d7f1}.node-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;background:#edf7f2;border:1px solid #d6e8df;border-radius:50%;color:#4a7c65;font-size:10px}.flow-connector{border-color:#c8d8ea}.flow-connector::before{content:"";position:absolute;left:-2px;top:0;width:3px;height:5px;border-radius:2px;background:#9ab6d8}
.activity-visual{background:linear-gradient(145deg,#fff,#fffaf5);border-color:#e8d9cd;border-top-color:#fff;box-shadow:0 1px 2px #71583b12,0 11px 21px -17px #7a62435c}.activity-row{border-top-color:#eee4da}.activity-date{background:#f5e5d7;color:#88603e;border:1px solid #ebd4c0}.activity-date.muted{background:#f6f0e9;color:#796755;border-color:#e9dfd2}.activity-dot{border-color:#bd946f;background:#f7e8db}.activity-dot.quiet{border-color:#c7b9aa}
.handbook-sheet{background:linear-gradient(135deg,#fff,#fdfbff);border-color:#dfd8eb;box-shadow:0 5px 0 -2px #f2edf8,0 6px 0 -2px #d9cee8,0 11px 0 -5px #faf7fe,0 12px 0 -5px #e5dcef,0 19px 24px -17px #68548652}.handbook-line{border-top-color:#ebe5f2}.handbook-line>span{color:#7d6b99}.handbook-line i{color:#7e7298}
.system-grid{gap:22px}.system-card{position:relative;border:1px solid #dde6e4;border-top-color:#fff;border-radius:22px;padding:29px 31px 28px;background:radial-gradient(ellipse 80% 100% at 100% 100%,var(--accent-soft,#f1f6fb),transparent 88%),#ffffffbd;box-shadow:0 1px 2px #243b4a07,0 14px 25px -22px #243b4a36}.system-card::before{content:"";position:absolute;top:25px;right:28px;width:7px;height:7px;border:1px solid var(--accent-edge);border-radius:50%;background:var(--accent-mid);box-shadow:0 0 0 4px var(--accent-soft)}.system-card+.system-card{border-top:1px solid #fff}.system-wordmark{margin-bottom:22px}.pipedrive-wordmark{color:#326151}.close-wordmark{color:#5e5484}
.process-section{background:linear-gradient(160deg,#f0f4f9,#f4f6fa);border-color:#e3e9f2}.process-number{width:auto;min-width:43px;padding:7px 10px;border:1px solid #d7e1f0;border-top-color:#fff;border-radius:10px;background:#ffffffb5;color:#5979a7;box-shadow:0 1px 2px #29476b08;line-height:1.5}.process-step:nth-child(2) .process-number{color:#7a6896;border-color:#e0d8ee;background:#f9f7fdbf}.process-step:nth-child(3) .process-number{color:#557567;border-color:#d3e3db;background:#f5faf7bf}
.check-card{background:radial-gradient(ellipse 60% 85% at 95% 100%,#dbe9ef,transparent 86%),radial-gradient(ellipse 60% 70% at 0 0,#e5f1eb,transparent 88%),#f4f8fc;border-color:#d4e2e8;border-top-color:#fff;box-shadow:0 1px 2px #223c4c12,0 24px 45px -28px #3c6b675e,inset 0 1px 0 #fff}.check-visual{border-color:#d9e5e8;box-shadow:0 1px 2px #28446612,0 5px 8px -5px #2844661a,0 22px 30px -22px #3655866b,inset 0 1px 0 #fff}.profile-row:nth-of-type(2) i{background:linear-gradient(90deg,#b8d9cc,#79b49b)}.profile-row:nth-of-type(3) i{background:linear-gradient(90deg,#d9ceeb,#a794c7)}.profile-row:nth-of-type(4) i{background:linear-gradient(90deg,#eedcc9,#c99f7c)}.insight-mark{background:linear-gradient(145deg,#f3faf6,#e0eee7);border:1px solid #d0e3d9;color:#527d67}
.portrait-frame{background:linear-gradient(135deg,#eff4f1,#e2e9f3);border-color:#d4dfe4;box-shadow:0 1px 2px #253c4c14,0 17px 35px -20px #274f6547,inset 0 1px 0 #fff}.final-card{background:radial-gradient(ellipse 54% 100% at 90% 100%,#e1eee8,transparent 88%),radial-gradient(ellipse 62% 90% at 0 80%,#e8e5f38a,transparent 88%),#f3f7fc;border-color:#d9e1ec;border-top-color:#fff}
/* The service pages share materials, with a quiet tint unique to their subject. */
.detail-page{--page-light:#e6effb;--page-soft:#edf3fc}.detail-page[data-page="crm-setup"],.detail-page[data-page="pipedrive"]{--page-light:#dfeee6;--page-soft:#edf7f1}.detail-page[data-page="crm-betreuung"],.detail-page[data-page="close"]{--page-light:#e8e1f5;--page-soft:#f3effb}.detail-page[data-page="bestandskunden-reaktivierung"]{--page-light:#f3e7d9;--page-soft:#fbf5ee}
.detail-hero{background:radial-gradient(ellipse 45% 70% at 90% 85%,var(--page-light),transparent 85%),radial-gradient(ellipse 45% 80% at 8% 10%,#f1f3fa,transparent 82%),linear-gradient(#fcfcfd,#f7f8fb);border-bottom-color:#e2e8ef}.detail-ui,.segment-visual{background:linear-gradient(145deg,#fff 60%,var(--accent-soft,#f9fbfe));border-color:var(--accent-edge,#dbe4f0);border-top-color:#fff;box-shadow:0 1px 2px #142e4b12,0 12px 20px -16px rgba(var(--accent-rgb,43,76,119),.35),inset 0 1px 0 #fff}.detail-ui-head{border-bottom-color:#e5e9ed}.paper-stack{box-shadow:0 5px 0 -2px #f2edf8,0 6px 0 -2px #d9cee8,0 11px 0 -5px #faf7fe,0 12px 0 -5px #e5dcef,0 19px 24px -17px #68548652}.source-slip{background:linear-gradient(135deg,#fff,#f9fcfa);border-color:#d7e5dc;box-shadow:0 1px 2px #2b476d0a,0 9px 14px -11px #37574742}.source-slip>b{background:linear-gradient(145deg,#f5fcf7,#e1efe6);box-shadow:inset 0 1px 0 #fff}.rule-token{background:#e9f0fc;color:#466a9f}.stop-rule .rule-token{background:#f8eddf;color:#8a6039}.task-tag{background:#f7e8d9;color:#896140;border:1px solid #ead6c2}.task-circle{border-color:#bd966f;background:#faeee2}.priority-note{background:linear-gradient(145deg,#fff,#faf8fd);border-color:#ded6eb;box-shadow:0 1px 2px #3b58720b,0 10px 18px -14px #6d57893d}.priority-note.active{border-color:#cdbfe5;background:linear-gradient(135deg,#fff,#f2edf9)}.column-title{color:#796e8d}.priority-note small{color:#7c6899}.review-row>b{color:#796291;background:#f0ebf8}.connection-ui{background:radial-gradient(ellipse at center,#e7eefb,transparent 80%)}.connection-core{box-shadow:0 1px 2px #264b821c,0 10px 19px -12px #264b8259,inset 0 1px 0 #fff}.segment-row{border-color:#e8dccc;box-shadow:0 1px 2px #80624c08}.segment-number{color:#947859}.segment-tag{color:#886647;background:#f8ecdf}.deliverable-mark{background:linear-gradient(135deg,#fff,var(--page-soft));border-color:#d6e0e7;color:#5f7a82;box-shadow:0 1px 2px #19354f0b}.related-card{background:linear-gradient(135deg,#fff,var(--page-soft));border-top-color:#fff;box-shadow:0 1px 2px #2545650a,0 9px 16px -15px #25456535}.detail-final .final-card{background:radial-gradient(ellipse 60% 100% at 95% 95%,var(--page-light),transparent 90%),#f5f8fc}
.nav-tile{background:linear-gradient(140deg,#fff,#f5f7fb);border-color:#dde4ed}.nav-tile img{display:block;width:28px;height:28px;max-width:none}.nav-panel{box-shadow:0 1px 2px #17354a10,0 22px 40px -18px #17354a3b;}.nav-panel a:hover,.nav-panel a[aria-current=page]{background:#f0f5fc}.mobile-menu .nav-panel{box-shadow:none}
@media(max-width:760px){.hero{background:radial-gradient(ellipse 90% 70% at 100% 80%,#e4f0e98c,transparent 88%),radial-gradient(ellipse 85% 70% at 0 10%,#eeebf670,transparent 88%),#f8f9fc}.hero .hero-label,.detail-hero-copy>.eyebrow{font-size:8px;letter-spacing:.08em;padding:7px 10px;gap:7px}.hero .hero-label::before,.detail-hero-copy>.eyebrow::before{width:5px;height:5px;flex-basis:5px}.card-copy,.detail-feature .card-copy{padding-top:21px}.card-meta{min-height:40px}.card-meta .card-label{font-size:8px;letter-spacing:.1em}.card-symbol,.card-symbol img{width:40px;height:40px;flex-basis:40px}.benefit-card{box-shadow:0 1px 2px #172d4910,0 15px 26px -21px #223c6252,inset 0 1px 0 #fff}.system-grid{gap:16px}.system-card{padding:25px 24px}.system-card::before{right:25px;top:27px}.system-card+.system-card{border-top-color:#fff}.check-card{background:radial-gradient(ellipse 95% 55% at 100% 100%,#dfeeea,transparent 80%),#f2f7fb}.process-number{padding:7px 10px}.node-check{width:18px;height:18px;flex-basis:18px}.mobile-menu .nav-tile img{width:26px;height:26px}}
@media(prefers-contrast:more){.card-meta .card-label{color:var(--ink)}.benefit-card,.detail-ui,.system-card{border-color:#8c9aa9}.hero .hero-label,.detail-hero-copy>.eyebrow{border-color:#91a3b8}.nav-panel{border-color:#7f92aa}}
/* Small explanatory text stays readable on the tinted surfaces. */
.hero-note,.detail-hero-copy>small,.visual-caption,.product-panel figcaption,.detail-product figcaption,.demo-label,.ui-footnote,.source-slip small,.segment-row small,.outcome-row small,.detail-task small,.company-line small,.communication-row small,.review-row small,.connection-app small,.connection-core small,.field-pair,.column-title,.profile-row b,.profile-insight small,.nav-panel small,.nav-caption{color:#5c6d84}.mail-footer,.priority-note small,.scope-note>span,.scope-note p,.segment-number{color:#5d7088}.nav-panel a small{color:#5c6d84}
@media(max-width:760px){.product-switch button{min-height:44px}.text-link{min-height:44px}.breadcrumbs a{min-height:28px;display:inline-flex;align-items:center}}

/* Consistent inner gutters and flexible contents on narrow phones. */
@media(max-width:760px){
.wrap{width:calc(100% - 40px)}
.benefit-card,.system-card,.check-card,.final-card,.detail-feature,.related-card{min-width:0;max-width:100%}
.card-copy,.detail-feature .card-copy{padding-left:24px;padding-right:24px}
.card-copy h3,.check-card h2,.final-card h2,.detail-hero h1{overflow-wrap:anywhere;hyphens:auto}
.card-meta .card-label{min-width:0}.card-meta{gap:12px}
.flow-node>div,.activity-row>div,.segment-row>div,.detail-task>div,.communication-row>div,.connection-core{min-width:0}
.detail-ui,.segment-visual,.product-demo,.flow-visual,.activity-visual,.handbook-visual{max-width:calc(100% - 36px);box-sizing:border-box}
.detail-ui-head,.field-pair,.segment-row,.review-row,.communication-row,.detail-task{gap:10px;overflow-wrap:anywhere}
.detail-ui-head>*{min-width:0}.connection-ui{flex-wrap:wrap;gap:12px}.connection-core{max-width:100%}
.check-card,.final-card{padding-left:24px;padding-right:24px}.check-card h2{font-size:clamp(25px,7vw,30px)}
.check-visual{min-width:0;max-width:100%;padding:18px}.profile-row{gap:10px}.profile-row>*{min-width:0}
.priority-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-note{padding:14px;overflow-wrap:anywhere}
}
@media(max-width:360px){.card-copy,.detail-feature .card-copy{padding-left:20px;padding-right:20px}.check-card,.final-card,.system-card{padding-left:20px;padding-right:20px}.priority-columns{grid-template-columns:1fr}.hero h1{font-size:36px}.detail-hero h1{font-size:34px}}
@media(max-width:760px){.deliverables li>div{flex:1;min-width:0}.deliverables p,.deliverables h3{overflow-wrap:anywhere;hyphens:auto}.detail-task>span:not(.task-circle):not(.task-tag),.communication-row>span:last-child,.outcome-row>div{min-width:0;flex:1}.review-row>div{min-width:0;flex:1}}
/* A spacious, light footer: grouped destinations and a quiet brand signature. */
.site-footer{border:0;padding:18px 0 26px;background:#f7f8fb;color:#42546a;font-size:13px}
.footer-shell{position:relative;isolation:isolate;border:1px solid #dce4eb;border-top-color:#fff;border-radius:32px;padding:44px 42px 0;overflow:hidden;background:radial-gradient(ellipse 60% 100% at 100% 100%,#dceae982,transparent 82%),radial-gradient(ellipse 70% 110% at 0 10%,#e9e7f47a,transparent 78%),#f0f4f7;box-shadow:0 1px 2px #1638490a,0 20px 44px -33px #274b6850,inset 0 1px 0 #fff}
.footer-top{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:26px}
.footer-brand,.footer-group{min-width:0}.footer-brand>a{display:inline-block}.footer-brand img{display:block;max-width:100%;height:auto}.footer-claim{font-size:25px;font-weight:600;line-height:1.2;letter-spacing:-.045em;color:#233a52;margin-top:24px}.footer-description{font-size:12px;line-height:1.7;max-width:220px;margin-top:12px;color:#586b80}.footer-location{display:inline-flex;align-items:center;gap:6px;font-size:9px;margin-top:22px;line-height:1.7;color:#587064}.footer-location i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#78a18d;box-shadow:0 0 0 3px #dfece6}
.footer-group h2{margin:4px 0 17px;font-size:10px;font-weight:600;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;color:#587086}.footer-group ul{list-style:none;padding:0;margin:0}.footer-group li+li{margin-top:6px}.footer-group a{display:inline-flex;align-items:center;min-height:32px;font-size:12px;line-height:1.55;overflow-wrap:anywhere;color:#344c65}.footer-group a:hover,.footer-legal a:hover,.footer-legal button:hover,.footer-back:hover{color:#245fe5;text-decoration:underline;text-underline-offset:4px}.footer-group a:focus-visible,.footer-legal a:focus-visible,.footer-legal button:focus-visible,.footer-back:focus-visible{outline:2px solid #245fe5;outline-offset:4px;border-radius:3px}
.footer-signature{margin-top:44px;font-size:clamp(36px,11.4vw,146px);font-weight:650;letter-spacing:-.075em;line-height:1.15;white-space:nowrap;color:#d0dce5;text-shadow:0 1px 0 #ffffffd9;pointer-events:none}.footer-signature span{color:#a9c5b8}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 0 20px;border-top:1px solid #d6e0e8;font-size:10px;color:#5b6e83}.footer-bottom small{font-size:10px}.footer-legal{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.footer-legal a,.footer-legal button,.footer-back{font:inherit;color:inherit;display:inline-flex;align-items:center;min-height:28px;line-height:1.6}.footer-legal button{border:0;background:none;padding:0;cursor:pointer}.footer-back{gap:9px}.footer-back span{font-size:14px}
@media(min-width:761px) and (max-width:1050px){.footer-top{grid-template-columns:1.5fr repeat(2,minmax(0,1fr));gap:30px}.footer-brand{grid-row:span 2}.footer-shell{padding:36px 30px 0}}
@media(max-width:760px){.site-footer{padding:8px 0 20px}.footer-shell{border-radius:24px;padding:28px 24px 0}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-brand img{width:164px}.footer-claim{font-size:25px;margin-top:20px}.footer-description{max-width:260px}.footer-location{margin-top:16px}.footer-group h2{margin-bottom:8px}.footer-group li+li{margin-top:0}.footer-group a{min-height:44px;font-size:11px}.footer-signature{margin-top:25px;font-size:clamp(30px,9.7vw,70px)}.footer-bottom{gap:8px;padding:13px 0 17px;align-items:flex-start}.footer-bottom>small{width:100%;margin-bottom:2px}.footer-legal{gap:0 15px}.footer-legal a,.footer-legal button,.footer-back{min-height:44px;font-size:11px}.footer-back{margin-left:auto}}
@media(max-width:360px){.footer-shell{padding-left:20px;padding-right:20px}.footer-top{grid-template-columns:1fr;gap:22px}.footer-group li+li{margin-top:0}.footer-group a{font-size:12px}.footer-signature{font-size:30px}.footer-back{margin-left:0}}

/* Final mobile typography pass: preserve whole headline words and readable captions. */
@media(max-width:760px){
.detail-hero h1{overflow-wrap:normal;hyphens:none}
.final-card h2{overflow-wrap:normal;hyphens:none}
.product-panel figcaption,.detail-product figcaption,.visual-caption,.scenario-demo .visual-caption,.connection-ui+.visual-caption,.segment-visual .visual-caption,.priority-ui .visual-caption{font-size:10px}
.final-card .button{display:flex;width:100%;max-width:100%;gap:8px;padding-inline:12px;font-size:12px;white-space:nowrap}
.final-card .button span{flex:0 0 auto}
}
/* Premium visual pass: quiet canvas, precise card body, recessed demonstration stage. */
:root{
 --depth-card:0 1px 3px #21354e0b,0 14px 30px -23px #21354e40,inset 0 1px 0 #fff;
 --depth-primary:0 1px 3px #21354e0d,0 19px 36px -25px #21354e4d,inset 0 1px 0 #fff;
 --depth-ui:0 1px 2px #21354e10,0 9px 18px -13px #21354e3b,inset 0 1px 0 #fff;
}
.hero{background:radial-gradient(ellipse 52% 80% at 50% 26%,#fff 0%,#ffffffb0 46%,transparent 83%),radial-gradient(ellipse 46% 100% at 2% 65%,#eae7f587,transparent 77%),radial-gradient(ellipse 44% 100% at 100% 75%,#dceee49c,transparent 80%),linear-gradient(180deg,#fcfcfd,#f3f6fa)}
.hero::before{inset:auto -10% -80px;height:140px;border-radius:50%;background:linear-gradient(180deg,#ffffffb8,#ffffff00);box-shadow:0 -1px 0 #ffffffb0,0 -14px 38px -30px #637e9a35}
.hero::after{left:18%;right:18%;bottom:0;background:linear-gradient(90deg,transparent,#d9e3ec,transparent)}
.detail-hero::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#cfdce5,transparent);pointer-events:none}
.hero h1,.detail-hero h1{text-wrap:balance;text-shadow:0 1px 0 #fff}
.button{box-shadow:0 1px 2px #173b792b,0 5px 11px -5px #245fe552,inset 0 1px 0 #b9d2ff8c;transition:background-color .16s,border-color .16s,box-shadow .16s}
.button:hover{box-shadow:0 1px 2px #173b792b,0 4px 9px -5px #245fe540,inset 0 1px 0 #8eb4ff52}
.button.secondary{box-shadow:0 1px 2px #172d4910,inset 0 1px 0 #fff}
.button.secondary:hover{background:#f5f8fc;box-shadow:0 1px 2px #172d4914}
.benefit-card{display:flex;flex-direction:column;background:#fff;border-color:#dfe5ec;border-top-color:#fff;box-shadow:var(--depth-card)}
.crm-card,.detail-card-wide{box-shadow:var(--depth-primary)}
.card-copy h3{text-wrap:balance}
.card-meta .card-label{font-size:10px;letter-spacing:.09em}
.card-stage{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;margin-top:26px;border-top:1px solid #e8edf0;background:linear-gradient(180deg,#fafcfd80,var(--accent-soft,#f2f6fc));box-shadow:inset 0 1px 0 #fff}
.crm-card .card-stage>.product-demo{width:100%;max-width:100%;padding:23px 24px 20px}
.flow-card .card-stage>.flow-visual{margin:26px 28px 25px;padding-top:0}
.followup-card .card-stage>.activity-visual{margin:26px 30px 29px}
.team-card .card-stage>.handbook-visual{width:100%;max-width:100%;padding:26px 30px 32px}
.detail-feature .card-stage>.detail-visual{margin:26px 25px 27px;padding-top:0}
.detail-card-half .card-stage>.detail-visual{margin-top:26px;padding-top:0}
.product-frame{box-shadow:0 1px 2px #25453914,0 13px 22px -17px #25453955,inset 0 0 0 1px #fff}
.flow-node,.detail-ui,.source-slip,.activity-visual,.segment-visual{box-shadow:var(--depth-ui)}
.flow-node{background:#fff}
.flow-node.focal{background:linear-gradient(120deg,#fff,#f0f5fd);box-shadow:var(--depth-ui)}
.system-card{display:flex;flex-direction:column;box-shadow:0 1px 2px #243b4a06,inset 0 1px 0 #fff}
.system-wordmark{display:flex;align-items:center;min-height:34px}
.system-card .text-link{align-self:flex-start;margin-top:auto;padding-top:22px}
.process-section{background:linear-gradient(155deg,#f0f4f9,#f5f7fb);box-shadow:inset 0 1px 0 #fff}
.process-step{position:relative;min-width:0}
.process-step:not(:last-child)::after{content:"";position:absolute;left:59px;right:-26px;top:18px;height:1px;background:linear-gradient(90deg,#ccd9e8,#dae3ed);pointer-events:none}
.process-number{position:relative;z-index:1;background:#fff;box-shadow:0 1px 2px #29476b0b,inset 0 1px 0 #fff}
.process-step:nth-child(2) .process-number{background:#f9f7fd}
.process-step:nth-child(3) .process-number{background:#f5faf7}
.check-card{background:radial-gradient(ellipse 75% 100% at 0 0,#ffffffc7,transparent 83%),linear-gradient(135deg,#edf6f1,#e5f0ee);border-color:#cfdfd9;border-top-color:#fff;box-shadow:var(--depth-primary)}
.check-copy>.eyebrow{color:#456f60}
.check-visual{background:#fff;border-color:#d7e4de;box-shadow:0 1px 2px #28446612,0 6px 0 -3px #edf5f1,0 7px 0 -3px #c7dcd1,0 19px 28px -21px #365b4f6b}
.check-visual-header{border-bottom:1px solid #e9efec;padding-bottom:17px;margin-bottom:21px}
.final-card,.detail-final .final-card{position:relative;isolation:isolate;background:radial-gradient(ellipse 51% 115% at 50% 15%,#fff 0%,#ffffffb3 50%,transparent 87%),radial-gradient(ellipse 70% 130% at 100% 100%,var(--page-light,#dfece8),transparent 90%),linear-gradient(115deg,#eceaf5,#eff4fa);box-shadow:var(--depth-primary)}
.final-card::before{content:"";position:absolute;left:18%;right:18%;top:0;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);pointer-events:none}
.faq-list details{padding:15px 14px 18px;margin-bottom:3px;border-radius:12px;border-bottom-color:#dce4ec}
.faq-list summary{min-height:28px;padding-right:43px}
.faq-list summary::after{display:flex;align-items:center;justify-content:center;right:0;top:1px;width:27px;height:27px;border:1px solid #dce5ed;border-radius:9px;background:#ffffffb3;color:#6d83a0;font-size:18px;line-height:1;box-shadow:inset 0 1px 0 #fff}
.faq-list details[open]{background:linear-gradient(110deg,#edf3fb99,#f7f9fc00);border-bottom-color:#c5d7ed}
.faq-list details[open] summary{color:#224f92}
.faq-list details[open] summary::after{background:#e8f0fc;border-color:#c5d7ed;color:#245fe5}
.faq-list details p{padding-right:25px}
.related-card{padding-right:70px;background:linear-gradient(140deg,#ffffffc9,var(--page-soft));box-shadow:0 1px 2px #25456506}
.related-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;right:23px;margin-top:-16px;border:1px solid #d9e3ef;border-radius:10px;background:#ffffffb8;box-shadow:inset 0 1px 0 #fff;font-size:19px;line-height:1}
.related-card:hover .related-arrow{border-color:#b6ccec;background:#edf4ff;color:#245fe5}
.footer-shell{box-shadow:0 1px 2px #16384908,0 18px 36px -30px #274b6840,inset 0 1px 0 #fff}
.footer-group h2::before{content:"";display:block;width:22px;height:1px;margin-bottom:13px;background:#c2d0dc}
.footer-back span{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #cddbe4;border-radius:9px;background:#ffffff6e;box-shadow:inset 0 1px 0 #fff}
@media(max-width:760px){
 .hero{background:radial-gradient(ellipse 95% 62% at 50% 20%,#fff 0%,#ffffffc2 40%,transparent 94%),radial-gradient(ellipse 85% 85% at 100% 90%,#dfede5b3,transparent 86%),linear-gradient(120deg,#eeecf7,#f6f8fb)}
 .hero::before{bottom:-54px;height:88px}
 .hero .hero-label,.detail-hero-copy>.eyebrow{font-size:9px;line-height:1.65;letter-spacing:.075em;padding:8px 11px}
 .benefit-card{box-shadow:0 1px 3px #21354e0b,0 13px 24px -19px #21354e36,inset 0 1px 0 #fff}
 .card-meta .card-label{font-size:10px;letter-spacing:.07em}
 .card-stage{margin-top:22px}
 .crm-card .card-stage>.product-demo{padding:22px 18px 20px}
 .team-card .card-stage>.handbook-visual{padding:23px 20px 30px}
 .flow-card .card-stage>.flow-visual{margin:23px 20px 22px}
 .followup-card .card-stage>.activity-visual{margin:23px 20px 25px}
 .detail-feature .card-stage>.detail-visual,.detail-card-half .card-stage>.detail-visual{margin:23px 18px 25px;padding-top:0}
 .card-stage .detail-ui{width:100%;max-width:100%}
 .process-step:not(:last-child)::after{display:none}
 .process-grid{gap:26px}
 .process-step:not(:last-child){padding-bottom:26px;border-bottom:1px solid #dce5ee}
 .check-card{background:radial-gradient(ellipse 100% 70% at 0 0,#ffffffbd,transparent 85%),linear-gradient(145deg,#edf6f1,#e5f0ee);gap:32px}
 .check-visual{margin-bottom:5px}
 .check-copy>small{font-size:10px;line-height:1.7}
 .faq-list details{padding:14px 10px 17px}
 .faq-list details p{padding-right:5px}
 .related-card{padding-right:65px}
 .related-arrow{right:19px}
 .footer-group h2::before{margin-bottom:10px}
 /* The footer provides settings access without a floating control covering mobile copy. */
 body:has(.site-footer [data-consent-settings])>.we-consent-reopen{display:none}
}
@media(prefers-contrast:more){.card-stage{border-top-color:#a4b2c1}.faq-list summary::after,.related-arrow{border-color:#91a3b8}.process-step:not(:last-child)::after{background:#91a3b8}}

/* Close's blue, green and yellow, observed on the official current logo. */
.close-wordmark{display:flex;align-items:center;gap:11px;color:#182d47}.close-wordmark img{width:34px;height:34px;flex:0 0 34px}.close-system-card{--accent-ink:#1463ff;--accent-soft:#edf4ff;--accent-edge:#b7d2ff;--accent-mid:#4ec375;background:radial-gradient(ellipse 65% 100% at 100% 100%,#e6f0ff,transparent 90%),radial-gradient(ellipse 30% 80% at 0 100%,#fff8df90,transparent 85%),#fff}.close-system-card::before{background:#ffbc00;border-color:#ead287;box-shadow:0 0 0 4px #fff6d8}.product-frame.close-frame{outline-color:#b6cfff;box-shadow:0 1px 2px #1463ff20,0 14px 25px -18px #1463ff5c,inset 0 0 0 1px #fff}.product-switch button[data-product="close"][aria-pressed="true"]{color:#0f54dc;border-color:#c6d9ff;background:#fff;box-shadow:inset 0 -2px 0 #1463ff,0 2px 5px #193b6c0f}
.detail-page[data-page="close"]{--page-light:#dceaff;--page-soft:#edf4ff}.detail-page[data-page="close"] .detail-hero{background:radial-gradient(ellipse 42% 75% at 92% 90%,#dceaff,transparent 86%),radial-gradient(ellipse 25% 80% at 7% 5%,#e8f7edb0,transparent 86%),radial-gradient(ellipse 20% 75% at 95% 0,#fff6d980,transparent 90%),#f8fafe}.detail-page[data-page="close"] .detail-hero-copy>.eyebrow::before{background:#1463ff;border-color:#1463ff;box-shadow:0 0 0 3px #e6efff}.detail-page[data-page="close"] .rule-token,.detail-page[data-page="close"] .crm-monogram{color:#1463ff;background:#edf4ff}.detail-page[data-page="close"] .detail-final .final-card{background:radial-gradient(ellipse 55% 110% at 95% 100%,#e1eeff,transparent 88%),radial-gradient(ellipse 45% 90% at 0 0,#edf8f0,transparent 90%),#f5f8fc}
/* Signature light and material hierarchy. Shared by the home and six CRM pages. */
:root{
 --canvas:#f4f7f8;
 --depth-card:0 1px 2px #193b3812,0 10px 22px -13px #244c4826,0 30px 52px -38px #17463a4d,inset 0 1px 0 #fff;
 --depth-primary:0 1px 2px #163f3917,0 16px 28px -15px #20473e30,0 38px 62px -39px #174d4152,inset 0 1px 0 #fff;
 --depth-ui:0 1px 2px #1c3b3617,0 7px 14px -8px #214d4438,inset 0 1px 0 #fff;
}
.site-header{background:#fbfdfc}
.header-inner{border-bottom-color:#dce7e3}
.header-nav .nav-root{gap:25px}
.header-nav .header-cta,.mobile-menu a.header-cta,.mobile-menu .draft-native-link.header-cta{
 color:#fff;background:linear-gradient(165deg,#2e69e6 0%,#245ee1 58%,#174dcc 100%);border:1px solid #2054c6;border-top-color:#81a9fa;min-height:44px;padding:11px 16px;border-radius:11px;font-weight:600;box-shadow:0 2px 3px #173a7b24,0 7px 15px -8px #2058db85,inset 0 1px 0 #d9e6ff57;
}
.header-nav .header-cta{display:inline-flex;align-items:center;gap:10px;line-height:1.5}
.header-nav .header-cta:hover,.mobile-menu a.header-cta:hover,.mobile-menu .draft-native-link.header-cta:hover{color:#fff;background:linear-gradient(165deg,#2c68e6,#1d52cc);border-color:#1c4ebe}
.header-nav .nav-ready-check,.mobile-menu a.nav-ready-check,.mobile-menu .draft-native-link.nav-ready-check{
 color:#255e51;background:linear-gradient(115deg,#e2f6eb,#e6f1fc);border:1px solid #c9e4d9;border-top-color:#fff;border-radius:11px;padding:10px 13px;font-weight:550;box-shadow:inset 0 1px 0 #fff,0 2px 4px #315c4810;
}
.header-nav .nav-ready-check{display:inline-flex;align-items:center;gap:7px;min-height:44px}
.nav-check-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px;color:#368e72}
.nav-check-symbol svg{display:block;width:16px;height:16px}
.header-nav .nav-ready-check:hover,.mobile-menu a.nav-ready-check:hover{background:linear-gradient(115deg,#d8f0e3,#dfecfd);color:#1f574a;border-color:#afd3c3}
.hero,.detail-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 46% 85% at 97% 88%,#bfe7d7 0%,#def2e991 47%,transparent 85%),radial-gradient(ellipse 30% 85% at 0 29%,#e2eaf8,transparent 83%),linear-gradient(120deg,#f4f8fc 0%,#fbfdfb 48%,#eaf5ef 100%)}
.hero{padding:78px 0 87px}
.hero::before{bottom:-92px;height:126px;background:linear-gradient(180deg,#f4f7f8,#f4f7f800);box-shadow:0 -1px 0 #ffffffbf,0 -12px 32px -27px #35655338;z-index:1}
.hero::after,.detail-hero::after{z-index:1;background:linear-gradient(90deg,transparent,#c7dbd4,transparent)}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-atmosphere::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 49% 83% at 50% 22%,#fcfdfbed 0%,#fbfdfbd6 46%,#fbfdfb3b 75%,transparent 100%)}
.hero-band{position:absolute;inset:0;display:block;pointer-events:none}
.hero-band::before{content:"";position:absolute;aspect-ratio:8/7;background:url('/assets/brand/connected-bands.svg') center/contain no-repeat;pointer-events:none}
.hero-band-main::before{width:min(59vw,810px);right:-230px;top:7px}
.hero-band-echo::before{width:480px;left:-285px;top:-92px;transform:rotate(167deg);opacity:.62}
.hero-copy,.detail-hero>.wrap{position:relative;z-index:2}
.hero h1,.detail-hero h1{color:#172a3b;letter-spacing:-.057em;text-shadow:0 1px 0 #ffffffd9}
.hero h1 span,.detail-hero h1 span{color:#235cdf}
.hero .hero-label,.detail-hero-copy>.eyebrow{border-color:#d3e4dd;border-top-color:#fff;background:#ffffffde;box-shadow:0 2px 4px #2451430b,inset 0 1px 0 #fff;color:#496f69}
.hero .hero-label::before,.detail-hero-copy>.eyebrow::before{background:#77c7a6;border-color:#5fba96;box-shadow:0 0 0 3px #e2f4e9,0 0 12px #87d8b878}
.hero p,.detail-hero-copy>p{color:#50677b}
.hero-note,.detail-hero-copy>small{color:#587066}
.button{background:linear-gradient(165deg,#2f6de8 0%,#2863e3 60%,#1d52cf 100%);border-color:#2256c9;border-top-color:#82aafb;box-shadow:0 2px 3px #18376626,0 7px 14px -7px #245ed975,0 19px 27px -22px #143ac5ab,inset 0 1px 0 #d3e2ff6b}
.button:hover{background:linear-gradient(165deg,#2d6ce7,#1c4fc8);box-shadow:0 2px 3px #18376624,0 6px 12px -7px #245ed966,inset 0 1px 0 #d3e2ff57}
.button.secondary{background:#fff;color:var(--ink)}
.hero .button,.detail-hero-copy>.button{min-height:54px}
.hero .button>span,.detail-hero-copy>.button>span{display:inline-flex;align-items:center;justify-content:center;width:29px;height:27px;border-left:1px solid #ffffff47;padding-left:12px;font-size:19px}
.detail-hero{padding-bottom:77px}
.detail-hero .hero-band-main::before{width:640px;right:-235px;top:-25px;opacity:.64}
.detail-hero .hero-band-echo::before{width:420px;left:-260px;top:-78px;opacity:.3}
.detail-hero .hero-atmosphere::after{background:radial-gradient(ellipse 58% 110% at 50% 13%,#fcfdfbef 0%,#fbfdfbe6 48%,transparent 100%)}
.detail-page[data-page="crm-betreuung"] .detail-hero{background:radial-gradient(ellipse 46% 85% at 98% 85%,#dddcedc7,transparent 83%),radial-gradient(ellipse 40% 80% at 0 40%,#e0eee9,transparent 87%),#f8fbfb}
.detail-page[data-page="bestandskunden-reaktivierung"] .detail-hero{background:radial-gradient(ellipse 45% 85% at 98% 85%,#eddfcfc2,transparent 83%),radial-gradient(ellipse 40% 80% at 0 40%,#e3f0e8,transparent 87%),#fafcf9}
.detail-page[data-page="close"] .detail-hero{background:radial-gradient(ellipse 43% 85% at 98% 88%,#d0e5fc,transparent 85%),radial-gradient(ellipse 31% 70% at 3% 18%,#e2f4e9,transparent 87%),radial-gradient(ellipse 28% 70% at 98% 0,#fff3c5ad,transparent 84%),#f9fcfb}
.benefits,.detail-benefits{position:relative;background:radial-gradient(ellipse 85% 50% at 10% 24%,#e4efec6b,transparent 76%)}
.benefit-card{box-shadow:var(--depth-card);border-color:#d8e3df;border-top-color:#fff;background:linear-gradient(135deg,#fff 55%,#fbfdfc)}
.crm-card,.detail-card-wide{box-shadow:var(--depth-primary)}
.card-stage{border-top-color:var(--accent-edge,#d8e5e0);background:radial-gradient(ellipse 90% 75% at 12% 0,#ffffffb3,transparent 90%),linear-gradient(155deg,var(--accent-soft,#eaf3ed),rgba(var(--accent-rgb,68,115,95),.16));box-shadow:inset 0 1px 0 #fff,inset 0 7px 18px -17px rgba(var(--accent-rgb,68,115,95),.55)}
.card-symbol{filter:drop-shadow(0 5px 4px rgba(var(--accent-rgb,68,115,95),.09))}
.flow-node,.detail-ui,.source-slip,.activity-visual,.segment-visual{box-shadow:var(--depth-ui)}
.system-card{background:radial-gradient(ellipse 80% 110% at 100% 100%,var(--accent-soft,#eaf2fb),transparent 85%),#fff;box-shadow:0 1px 2px #24443a0d,0 14px 24px -20px #2e554838,inset 0 1px 0 #fff}
.close-system-card{background:radial-gradient(ellipse 80% 105% at 100% 100%,#e2edff,transparent 85%),radial-gradient(ellipse 45% 85% at 0 100%,#fff4d480,transparent 90%),#fff}
.process-section{background:radial-gradient(ellipse 60% 100% at 0 0,#e5eee7ad,transparent 95%),linear-gradient(150deg,#edf3f4,#f4f7fa);border-color:#dce7e1;box-shadow:inset 0 1px 0 #fff}
.check-card{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 60% 100% at 0 0,#fafffce6,transparent 87%),linear-gradient(115deg,#eaf8ee 0%,#d2efdf 53%,#dcecfb 100%);border:1px solid #b9d9c8;border-top-color:#f9fffb;box-shadow:0 2px 3px #244d3b12,0 19px 32px -20px #2c664955,0 36px 58px -36px #2f78534d,inset 0 1px 0 #fff}
.check-card::before{content:"";position:absolute;inset:7px;border:1px solid #ffffff80;border-radius:inherit;pointer-events:none;z-index:-1}
.check-card::after{content:"";position:absolute;width:580px;aspect-ratio:8/7;right:-190px;bottom:-157px;background:url('/assets/brand/connected-bands.svg') center/contain no-repeat;opacity:.55;z-index:-1;pointer-events:none}
.check-copy>.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #bedeca;border-radius:8px;background:#ffffff9e;color:#30664d;box-shadow:inset 0 1px 0 #fff}
.check-copy>.eyebrow::before{content:"";width:6px;height:6px;border-radius:2px;background:#67b890;box-shadow:0 0 0 3px #d9f0e2}
.check-copy h2{color:#193e34;hyphens:manual;overflow-wrap:normal}
.check-copy>p,.check-copy>small{color:#48685a}
.check-visual{position:relative;background:linear-gradient(140deg,#fff 72%,#f4fbf7);border-color:#c5dfd0;border-top-color:#fff;box-shadow:0 2px 3px #234e3c14,0 8px 0 -4px #e4f4ea,0 9px 0 -4px #abcbb8,0 21px 31px -18px #244d4070,inset 0 1px 0 #fff}
.check-visual-header{color:#284d40;border-bottom-color:#dcebe2}
.profile-row>div{background:#e9f1ed;box-shadow:inset 0 1px 2px #3158420b}
.profile-insight{border-top-color:#dce8e1}
.final-card,.detail-final .final-card{overflow:hidden;border-color:#cddfd7;background:radial-gradient(ellipse 52% 120% at 50% 15%,#fffffff0 0%,#ffffffe0 50%,transparent 90%),radial-gradient(ellipse 47% 140% at 100% 100%,#bedfcc 0%,#d8eadd8c 45%,transparent 90%),linear-gradient(115deg,#e6edf8,#e8f3ed);box-shadow:var(--depth-primary)}
.final-card::after{content:"";position:absolute;inset:7px;border:1px solid #ffffffbf;border-radius:inherit;pointer-events:none;z-index:-1}
.detail-page[data-page="close"] .detail-final .final-card{background:radial-gradient(ellipse 55% 110% at 50% 15%,#fffffff0 0%,#ffffffbd 48%,transparent 87%),radial-gradient(ellipse 45% 105% at 100% 100%,#d4e7fb,transparent 87%),linear-gradient(115deg,#e8f3eb,#e9f0fa)}
.footer-shell{background:radial-gradient(ellipse 70% 100% at 100% 100%,#dcece3,transparent 85%),linear-gradient(120deg,#edf4f2,#e9f0f5);border-color:#cfddd7;box-shadow:0 1px 2px #163e3210,0 19px 37px -28px #274b4842,inset 0 1px 0 #fff}
@media(min-width:761px) and (max-width:1050px){
 .header-nav .nav-root{gap:17px}
 .header-nav .nav-ready-check{display:none}
 .header-nav .header-cta{padding-inline:12px;font-size:12px}
 .hero-band-main::before{width:680px;right:-305px;top:55px;opacity:.85}
 .hero-band-echo::before{width:370px;left:-270px;top:-50px;opacity:.45}
 .hero-atmosphere::after{background:radial-gradient(ellipse 55% 95% at 50% 15%,#fcfdfbf2 0%,#fbfdfbe0 58%,transparent 100%)}
}
@media(max-width:760px){
 .mobile-menu .nav-root>li>a.nav-ready-check,.mobile-menu .nav-root>li>.draft-menu-route>a.nav-ready-check{display:flex;align-items:center;gap:8px;margin-top:5px;margin-bottom:4px;min-height:46px}
 .mobile-menu a.header-cta,.mobile-menu .draft-native-link.header-cta{padding:12px 16px;min-height:48px;text-align:center}
 .mobile-menu a.header-cta{display:flex;align-items:center;justify-content:center;gap:10px}
 .hero{padding:51px 0 71px}
 .hero,.detail-hero{background:radial-gradient(ellipse 89% 58% at 110% 92%,#c8e9d7 0%,#e4f3e991 58%,transparent 91%),radial-gradient(ellipse 58% 58% at -10% 22%,#e1eaf8a6,transparent 84%),#f8fcfa}
 .hero::before{bottom:-68px;height:88px}
 .hero-band-main::before{width:465px;right:-245px;top:244px;opacity:.94}
 .hero-band-echo::before{width:298px;left:-218px;top:-31px;opacity:.57}
 .hero-atmosphere::after{background:radial-gradient(ellipse 64% 83% at 50% 15%,#fbfdfbf0 0%,#fbfdfbcc 50%,#fbfdfb24 80%,transparent 100%)}
 .hero .hero-label,.detail-hero-copy>.eyebrow{font-size:9px;line-height:1.65;padding:8px 11px;letter-spacing:.075em}
 .hero .button,.detail-hero-copy>.button{min-height:52px;gap:17px}
 .hero .button>span,.detail-hero-copy>.button>span{width:25px;padding-left:10px;font-size:18px}
 .hero-note,.detail-hero-copy>small{font-size:10px}
 .detail-hero{padding-bottom:55px}
 .detail-hero .hero-band-main::before{width:440px;right:-271px;top:160px;opacity:.65}
 .detail-hero .hero-band-echo::before{width:300px;left:-236px;top:10px;opacity:.3}
 .detail-hero .hero-atmosphere::after{background:radial-gradient(ellipse 78% 100% at 50% 10%,#fcfdfbf5 0%,#fbfdfbe3 55%,transparent 100%)}
 .benefit-card{box-shadow:0 1px 2px #24473d12,0 10px 19px -13px #24473d2e,0 23px 35px -30px #20463c45,inset 0 1px 0 #fff}
 .crm-card,.detail-card-wide{box-shadow:var(--depth-primary)}
 .check-card{padding:30px 24px;gap:32px;background:radial-gradient(ellipse 100% 55% at 0 0,#ffffffba,transparent 90%),linear-gradient(145deg,#e7f6eb,#cfeadc 70%,#dfedf9)}
 .check-card::after{width:420px;right:-235px;bottom:-50px;opacity:.48}
 .check-card::before,.final-card::after{inset:5px}
 .check-copy>.eyebrow{font-size:9px;letter-spacing:.08em;padding:7px 9px}
 .check-copy h2{font-size:30px}
 .check-visual{padding:18px 16px}
 .check-copy>small{font-size:10px;line-height:1.7}
 .final-card,.detail-final .final-card{box-shadow:var(--depth-primary)}
}
@media(max-width:360px){
 .hero-band-main::before{width:425px;right:-259px;top:280px}
 .hero-band-echo::before{left:-234px;opacity:.44}
 .check-card{padding:27px 20px}
 .check-copy h2{font-size:27px}
 .check-copy>.eyebrow{font-size:8px;letter-spacing:.07em}
}

/* Final brand details: quiet card headings and an own conversation mark. */
.card-meta{min-height:18px}
.card-copy h3,.detail-feature .card-copy h3{margin-top:12px}
.conversation-mark,.hero .button>.conversation-mark,.detail-hero-copy>.button>.conversation-mark{display:inline-block;flex:0 0 24px;width:24px;height:24px;padding:0;border:0;background:url('/assets/brand/conversation.svg') center/contain no-repeat;filter:drop-shadow(0 1px 1px #123b9133)}
.header-cta .conversation-mark{width:21px;height:21px;flex-basis:21px}
@media(max-width:760px){.card-meta{min-height:18px}.hero .button,.detail-hero-copy>.button{gap:12px}}


/* seo.css */
/* Editorial surfaces sit below the elevated feature cards: quiet materials, clear reading anchors. */
.seo-summary{padding:28px 0 35px}.seo-summary-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:center;padding:30px 34px;border:1px solid #e0e7ee;border-top-color:#fff;border-radius:22px;background:linear-gradient(125deg,#ffffffed,var(--page-soft,#f0f5f9));box-shadow:inset 0 1px 0 #fff,0 1px 2px #17354a05}.seo-summary .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;margin-bottom:14px}.seo-summary .eyebrow::before{content:"";width:24px;height:1px;flex:0 0 24px;background:#a8bdcc}.seo-summary h2{font-size:25px;line-height:1.25;letter-spacing:-.035em;max-width:410px;text-wrap:balance;hyphens:none;overflow-wrap:normal}.seo-summary p{font-size:14px;line-height:1.85;color:#52657c}.seo-jump{display:inline-flex;align-items:center;gap:10px;min-height:36px;font-size:11px;color:#245fe5;font-weight:600;margin-top:12px}.seo-jump span{font-size:16px}
.seo-knowledge{padding-top:35px;padding-bottom:72px}.seo-knowledge-head{max-width:780px;margin-bottom:32px}.seo-knowledge-head .eyebrow{font-size:10px;margin-bottom:17px}.seo-knowledge-head h2{font-size:clamp(30px,3vw,42px);line-height:1.17;max-width:670px;text-wrap:balance;hyphens:none;overflow-wrap:normal}.seo-knowledge-head>p{font-size:14px;line-height:1.75;margin-top:16px}.seo-reading-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:start}.seo-reading-nav{border-top:1px solid #d9e2ee;padding-top:20px}.seo-reading-nav nav>span{font-size:10px;color:#577087;font-weight:600;text-transform:uppercase;letter-spacing:.09em}.seo-reading-nav ol{margin:18px 0 0;padding:0 0 0 14px;border-left:1px solid #dce5ed;list-style:none;counter-reset:topics}.seo-reading-nav li{counter-increment:topics;display:flex;gap:11px;align-items:baseline;margin-top:14px}.seo-reading-nav li::before{content:counter(topics,decimal-leading-zero);font-size:10px;color:#617992;font-variant-numeric:tabular-nums;flex:0 0 15px}.seo-reading-nav a{font-size:12px;line-height:1.6;color:#455f7c}.seo-reading-nav a:hover,.seo-source-note a:hover{text-decoration:underline;text-underline-offset:4px;color:#245fe5}.seo-content-date{margin-top:25px;font-size:10px;line-height:1.8;color:#5b6f85}.seo-reading-main{min-width:0}.seo-topic{position:relative;background:linear-gradient(135deg,#fff,#fcfdff);border:1px solid #e0e7ef;border-top-color:#fff;border-radius:20px;padding:32px 34px;box-shadow:inset 0 1px 0 #fff,0 1px 2px #17354a04;scroll-margin-top:24px}.seo-topic+.seo-topic{margin-top:22px}.seo-topic-number{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#5a728b;margin-bottom:15px}.seo-topic-number::after{content:"";width:28px;height:1px;background:#c5d4e0}.seo-topic h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;max-width:660px;margin-bottom:18px;text-wrap:balance;hyphens:none;overflow-wrap:normal}.seo-topic p,.seo-topic li{font-size:14px;line-height:1.9;color:#4e627c;max-width:70ch}.seo-topic p+p{margin-top:13px}.seo-topic ul{padding-left:18px;margin:14px 0 0}.seo-topic li+li{margin-top:7px}.seo-source-note{margin-top:24px;padding:20px 0 0;max-width:760px;border-top:1px solid #dfe6ee}.seo-source-note strong{font-size:11px;font-weight:600;color:#435c78}.seo-source-note p{font-size:10px;line-height:1.8;margin-top:6px}.seo-source-note ul{list-style:none;margin:10px 0 0;padding:0}.seo-source-note li{display:inline-block;margin-right:15px;margin-bottom:6px}.seo-source-note a{font-size:10px;line-height:1.7;color:#42648f}.seo-source-note a span{font-size:11px}.seo-summary a:focus-visible,.seo-reading-nav a:focus-visible,.seo-source-note a:focus-visible{outline:2px solid #245fe5;outline-offset:4px;border-radius:3px}
/* Tablet reading mode: retain desktop type while moving the index above the text. */
@media(min-width:761px) and (max-width:900px){
.seo-reading-layout{grid-template-columns:minmax(0,1fr);gap:28px}
.seo-reading-nav{padding-top:18px}
.seo-reading-nav ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin-top:12px;padding-left:0;border-left:0}
.seo-reading-nav li{margin-top:0;gap:11px;min-width:0}
.seo-reading-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.6;overflow-wrap:break-word}
.seo-content-date{margin-top:16px;font-size:10px}
}
@media(max-width:760px){.seo-summary{padding:15px 0 28px}.seo-summary-inner{grid-template-columns:1fr;gap:18px;padding:24px;border-radius:20px}.seo-summary h2{font-size:24px;overflow-wrap:normal;hyphens:none;text-wrap:balance}.seo-summary p{font-size:13px;line-height:1.85}.seo-summary .eyebrow{font-size:10px;margin-bottom:12px}.seo-jump{min-height:44px;font-size:11px}.seo-knowledge{padding-top:18px;padding-bottom:45px}.seo-knowledge-head{margin-bottom:24px}.seo-knowledge-head h2{font-size:30px;overflow-wrap:normal;hyphens:none;text-wrap:balance}.seo-knowledge-head>p{font-size:13px}.seo-reading-layout{grid-template-columns:1fr;gap:22px}.seo-reading-nav{padding-top:15px}.seo-reading-nav ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:12px;padding-left:0;border-left:0}.seo-reading-nav li{margin:0;gap:6px}.seo-reading-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:10px;overflow-wrap:anywhere}.seo-content-date{font-size:9px;margin-top:14px}.seo-topic{padding:24px;min-width:0;border-radius:18px}.seo-topic h3{font-size:23px;overflow-wrap:normal;hyphens:none;text-wrap:balance}.seo-topic p,.seo-topic li{font-size:13px;line-height:1.85;overflow-wrap:anywhere}.seo-source-note a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;gap:5px}.seo-source-note li{display:block;margin:0}.seo-source-note p{font-size:10px}.seo-knowledge-head .eyebrow{font-size:10px}.seo-topic-number{font-size:10px}}
@media(max-width:360px){.seo-summary-inner,.seo-topic{padding:20px}.seo-reading-nav ol{grid-template-columns:1fr}.seo-summary h2{font-size:22px;overflow-wrap:break-word}.seo-knowledge-head h2{font-size:28px;overflow-wrap:break-word}.seo-topic h3{font-size:21px;overflow-wrap:break-word}}

@media(max-width:760px){
.seo-reading-nav a{font-size:11px}
.seo-content-date{font-size:10px}
.seo-source-note a,.seo-source-note p{font-size:11px}
}

/* Close referral: visible disclosure, with documentation destinations preserved. */
.close-partner{margin-top:18px;padding-top:13px;border-top:1px solid #d5e2f0}
.close-partner .partner-link{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 10px;min-height:44px;color:#185bd4;font-size:12px;font-weight:600;line-height:1.6}
.close-partner .partner-link:hover{text-decoration:underline;text-underline-offset:4px}
.close-partner .partner-label{display:inline-block;border:1px solid #cbddf4;border-radius:5px;background:#eaf2fe;padding:2px 6px;color:#42638a;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.01em;text-decoration:none}
.close-partner p{margin-top:3px;max-width:58ch;font-size:11px;line-height:1.7;color:#536b82}
.seo-source-note .close-partner{margin-top:16px;padding:12px 16px;border:1px solid #dae5f1;border-radius:12px;background:linear-gradient(120deg,#f1f6fc,#f8fbfe)}
.close-partner a:focus-visible{outline:2px solid #245fe5;outline-offset:4px;border-radius:3px}
@media(max-width:760px){.close-partner .partner-link{font-size:12px}.close-partner .partner-label{font-size:10px}.close-partner p{font-size:11px}.seo-source-note .close-partner{padding:12px 14px}}


/* consent.css */
.we-consent[hidden],.we-consent-reopen[hidden],.we-consent [hidden],[data-calendly-placeholder][hidden],[data-consent-calendly][hidden]{display:none!important}
.we-consent,.we-consent-reopen,.we-calendar-placeholder{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box;color:#183049;line-height:1.5}
.we-consent{position:fixed;z-index:9999;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:1050px;padding:22px 24px;background:#fff;border:1px solid #cddded;border-radius:17px;box-shadow:0 15px 55px #122b4d33;max-height:calc(100vh - 40px);overflow:auto;font-size:14px;text-align:left}
.we-consent-main{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.we-consent-label{font-size:9px;font-weight:750;letter-spacing:.1em;color:#477097}.we-consent h2{font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin:5px 0 7px;color:#183049}.we-consent p{font-size:12px;color:#587087;margin:0;line-height:1.6}.we-consent-links{display:flex;gap:17px;flex-wrap:wrap;margin-top:11px;align-items:center}.we-consent-links a,.we-consent-links button{font:inherit;font-size:11px;color:#265b96;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.we-consent-actions{display:flex;flex-direction:column;gap:8px;min-width:165px}.we-consent-actions button{font:inherit;font-size:12px;font-weight:650;color:#224a79;background:#f2f7fc;border:1px solid #a8c2dc;border-radius:7px;min-height:42px;padding:10px 15px;cursor:pointer}.we-consent-actions button:hover{background:#e4f0fc;border-color:#5d92c8}.we-consent button:focus-visible,.we-consent input:focus-visible,.we-consent a:focus-visible,.we-consent-reopen:focus-visible,.we-calendar-placeholder a:focus-visible,.we-calendar-placeholder button:focus-visible{outline:3px solid #5087cf;outline-offset:3px}
.we-consent-details{margin-top:19px;border-top:1px solid #dfebf4}.we-consent-category{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eaf0f6}.we-consent-category:last-child{border-bottom:0;padding-bottom:0}.we-consent-category strong{display:block;font-size:12px;margin-bottom:5px}.we-consent-category p{font-size:11px;max-width:810px}.we-consent-required{font-size:10px;white-space:nowrap;color:#5e7790;padding:5px 8px;background:#f0f5f9;border-radius:5px}.we-consent-toggle{cursor:pointer}.we-consent-toggle input{width:20px;height:20px;flex-shrink:0;accent-color:#255bba;cursor:pointer}.we-consent-reopen{position:fixed;left:15px;bottom:13px;z-index:9998;font-size:10px;font-weight:600;background:#ffffffed;border:1px solid #c9d7e5;border-radius:999px;box-shadow:0 2px 10px #18304915;padding:7px 11px;cursor:pointer}.we-consent-reopen:hover{background:#ecf5ff}
.we-consent .we-consent-status{margin-top:10px;padding:10px 12px;border:1px solid #ccd9e6;border-radius:7px;background:#f4f7fa;color:#314f6b}
.we-calendar-placeholder{padding:45px 28px;max-width:620px;margin:0 auto;text-align:center}.we-calendar-placeholder>span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eef5ff;color:#2463b6;font-size:23px;margin-bottom:17px}.we-calendar-placeholder h2{font-size:23px;line-height:1.25;margin:0 0 13px;letter-spacing:-.025em}.we-calendar-placeholder p{font-size:14px;color:#60748b;line-height:1.7;margin:0 0 21px}.we-calendar-placeholder button{font:inherit;font-size:14px;font-weight:600;padding:12px 18px;border:1px solid #245cb4;background:#245cb4;color:#fff;border-radius:9px;cursor:pointer;min-height:46px}.we-calendar-placeholder a{display:inline-block;margin-top:14px;font-size:12px;color:#275b9e;text-decoration:underline;text-underline-offset:3px}.we-calendar-placeholder small{display:block;margin-top:13px;font-size:11px;color:#6e8195}
@media(max-width:650px){.we-consent{bottom:12px;width:calc(100% - 24px);padding:19px 18px;border-radius:14px;max-height:calc(100dvh - 24px)}.we-consent-main{grid-template-columns:1fr;gap:15px}.we-consent h2{font-size:18px}.we-consent-actions{display:grid;grid-template-columns:1fr 1fr;min-width:0}.we-consent-actions [data-consent-choice=custom]{grid-column:1/-1}.we-consent-actions button{padding:10px 8px;font-size:11px}.we-consent-category{gap:12px}.we-calendar-placeholder{padding:34px 22px}.we-calendar-placeholder h2{font-size:21px}}


/* hero-home.css */
/* Home-only material: one seamless matte surface, light moving beneath a quiet veil. */
body .site-header { background: #fafbf9; border-bottom: 0; box-shadow: none; }
body .site-header .header-inner { border-bottom-color: transparent; }
.hero.hero-evolution {
  padding: clamp(83px, 7.25vw, 108px) 0 clamp(137px, 11.5vw, 166px);
  background: #fafbf9;
}
.hero.hero-evolution::before,
.hero.hero-evolution::after { display: none; }
.hero-evolution .hero-copy { position: relative; z-index: 2; }
.hero-material {
  position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;
  background:
    radial-gradient(ellipse 44% 63% at 50% 15%, #739bed1c, transparent 77%),
    linear-gradient(180deg, #fafbf9 0%, #fafbf9 48%, #f7faf8 84%, #f4f7f8 100%);
}
.hero-material::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, #fafbf9 0%, #fafbf900 13%, #f4f7f800 79%, #f4f7f8 100%);
}
.hero-evolution .hero-material-light {
  position: absolute; inset: 0; overflow: hidden; background: none; opacity: 1;
  contain: paint;
}
.hero-evolution .hero-material-light::before,
.hero-evolution .hero-material-light::after {
  content: ''; position: absolute; border-radius: 50%; pointer-events: none;
}
.hero-evolution .hero-material-light::before {
  width: 66%; height: 63%; left: -5%; top: 29%;
  background: radial-gradient(ellipse, #6c99ed50 0%, #8db4f536 29%, #c0d4f417 52%, transparent 72%);
  transform: translate3d(-8%, 2%, 0) rotate(-9deg);
}
.hero-evolution .hero-material-light::after {
  width: 57%; height: 52%; right: -3%; top: 42%;
  background: radial-gradient(ellipse, #76c7b33b 0%, #a1dbc62c 33%, #d5eee310 57%, transparent 76%);
  transform: translate3d(9%, -2%, 0) rotate(8deg);
}
/* A narrow traveling refraction makes the movement visible, without drawing an object edge. */
.hero-evolution .hero-material-sheen {
  position: absolute; left: -7%; top: 49%; width: 52%; height: 38%;
  background:
    radial-gradient(ellipse 50% 8% at 50% 50%, #eef7ffff 0%, #94b9fa8c 17%, #a9ccf445 39%, #c3dcf81a 59%, transparent 81%);
  filter: blur(3px);
  transform: translate3d(32%, 0, 0) rotate(-11deg);
  opacity: .92;
}
.hero-material-dots {
  position: absolute; inset: 1% 0 9%;
  background-image: radial-gradient(circle, #40547430 .8px, transparent 1.05px);
  background-size: 22px 22px; background-position: center 11px;
  -webkit-mask-image: radial-gradient(ellipse 61% 62% at 50% 32%, #000 9%, #0009 38%, transparent 77%);
  mask-image: radial-gradient(ellipse 61% 62% at 50% 32%, #000 9%, #0009 38%, transparent 77%);
}
.hero-material-veil {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 30% 34% at 50% 48%, #fafbf921 0%, #ffffff0a 57%, transparent 100%),
    linear-gradient(180deg, #ffffff10 0%, #ffffff20 56%, #ffffff2b 76%, #ffffff00 100%);
}
.hero-material-grain {
  position: absolute; inset: 0; opacity: .027;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2375889a' d='M0 0h180v180H0z' filter='url(%23grain)'/%3E%3C/svg%3E");
  -webkit-mask-image: radial-gradient(ellipse 68% 62% at 50% 38%, #000, transparent);
  mask-image: radial-gradient(ellipse 68% 62% at 50% 38%, #000, transparent);
}

.hero-evolution .hero-label {
  display: block; padding: 0; border: 0; background: transparent; box-shadow: none;
  color: #557085; font-size: 12px; line-height: 1.7; letter-spacing: .13em;
}
.hero-evolution .hero-label::before { display: none; }
.hero.hero-evolution h1 {
  max-width: 1180px; margin: 29px auto 29px;
  color: #152a40; font-size: clamp(43px, 5.8vw, 80px); font-weight: 740;
  line-height: 1.06; letter-spacing: -.062em; text-shadow: 0 2px 0 #ffffffb3;
}
.hero-evolution h1 span {
  margin-top: 4px; color: #2464e7; font-weight: 700; font-style: italic;
  line-height: 1.13; letter-spacing: -.065em;
}
.hero.hero-evolution p {
  max-width: 660px; margin: auto; color: #52667a; font-size: 19px; line-height: 1.7;
}
.hero-evolution p strong { color: #223e56; font-weight: 600; }
.hero-evolution .hero-actions {
  display: flex; align-items: center; justify-content: center;
  gap: 14px; margin-top: 38px;
}
.hero-evolution .hero-actions .button {
  gap: 15px; min-height: 56px; margin-top: 0; padding-inline: 24px;
  border-radius: 13px; font-size: 15px; transform: none;
}
.hero-evolution .hero-check-cta {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 10px; min-height: 56px; padding: 13px 21px;
  border: 1px solid #c6deda; border-top-color: #fff; border-radius: 13px;
  background: linear-gradient(125deg, #f7fcf8b8, #f3f9ffd9);
  box-shadow: 0 3px 6px #173e2d06, 0 11px 22px -14px #508d8552, inset 0 1px 0 #fff;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  color: #286358; font-size: 14px; font-weight: 600; transform: none;
}
.hero-check-cta svg { width: 18px; height: 18px; flex: 0 0 18px; }
.hero-evolution .hero-check-cta:hover { background: #edf7f2; border-color: #a8cec0; }
.hero-evolution .hero-note { margin-top: 18px; color: #5b7180; font-size: 12px; }


/* CSS motion runs only once its pause control and lifecycle guards are installed. */
@media (prefers-reduced-motion: no-preference) {
  .hero-evolution[data-hero-motion-ready] .hero-material-light::before {
    animation: hero-blue-refraction 18s ease-in-out -5s infinite alternate both;
    animation-play-state: paused;
  }
  .hero-evolution[data-hero-motion-ready] .hero-material-light::after {
    animation: hero-mint-refraction 23s ease-in-out -8s infinite alternate both;
    animation-play-state: paused;
  }
  .hero-evolution[data-hero-motion-ready] .hero-material-sheen {
    animation: hero-reflection-pass 14s linear -3s infinite both;
    animation-play-state: paused;
  }
  .hero-evolution[data-hero-motion='running'] .hero-material-light::before,
  .hero-evolution[data-hero-motion='running'] .hero-material-light::after,
  .hero-evolution[data-hero-motion='running'] .hero-material-sheen { animation-play-state: running; }
}
@keyframes hero-blue-refraction {
  from { transform: translate3d(-8%, 2%, 0) rotate(-9deg); opacity: .85; }
  to { transform: translate3d(14%, -7%, 0) rotate(3deg); opacity: 1; }
}
@keyframes hero-mint-refraction {
  from { transform: translate3d(9%, -2%, 0) rotate(8deg); opacity: 1; }
  to { transform: translate3d(-16%, 5%, 0) rotate(-4deg); opacity: .82; }
}
@keyframes hero-reflection-pass {
  0% { transform: translate3d(-42%, 28%, 0) rotate(-11deg); opacity: 0; }
  13% { opacity: .92; }
  78% { opacity: .92; }
  100% { transform: translate3d(213%, -22%, 0) rotate(-11deg); opacity: 0; }
}
.hero-evolution .hero-motion-control {
  position: absolute; right: max(20px, calc((100vw - 1200px) / 2)); bottom: 18px; z-index: 4;
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0;
  border: 1px solid #c8d5dd80; border-radius: 50%;
  background: #ffffff70; color: #61768a;
  box-shadow: inset 0 1px 0 #ffffffcc;
  cursor: pointer; transform: none;
}
.hero-evolution .hero-motion-control:hover { background: #ffffffd9; color: #294e73; border-color: #a4b9ca; transform: none; }
.hero-evolution .hero-motion-control:focus-visible { outline: 3px solid #2464e7; outline-offset: 4px; }
.hero-evolution .hero-motion-control[hidden] { display: none; }
.hero-motion-control .hero-motion-play { display: none; }
.hero-motion-control[data-user-paused='true'] .hero-motion-pause { display: none; }
.hero-motion-control[data-user-paused='true'] .hero-motion-play { display: inline; }
@media (max-width: 1000px) {
  .hero.hero-evolution { padding: 76px 0 130px; }
  .hero.hero-evolution h1 { font-size: clamp(45px, 5.7vw, 70px); }
}
@media (max-width: 760px) {
  .hero.hero-evolution { padding: 54px 0 111px; }
  .hero-evolution .hero-label { max-width: 310px; margin-inline: auto; font-size: 10px; line-height: 1.8; letter-spacing: .075em; }
  .hero.hero-evolution h1 { max-width: 560px; margin: 24px auto 27px; font-size: clamp(37px, 8.8vw, 59px); line-height: 1.1; letter-spacing: -.055em; }
  .hero-evolution h1 span { margin-top: 9px; line-height: 1.12; }
  .hero.hero-evolution p { max-width: 460px; font-size: 16px; line-height: 1.7; }
  .hero-evolution .hero-actions { flex-direction: column; gap: 12px; margin-top: 32px; }
  .hero-evolution .hero-actions .button,
  .hero-evolution .hero-check-cta { width: min(100%, 350px); min-height: 53px; font-size: 14px; }
  .hero-evolution .hero-actions .button { padding-inline: 17px; gap: 12px; }
  .hero-evolution .hero-note { margin-top: 16px; font-size: 12px; }
  .hero-material { background: radial-gradient(ellipse 65% 49% at 50% 17%, #739bed16, transparent 82%), linear-gradient(180deg,#fafbf9 0%,#fafbf9 50%,#f4f7f8 100%); }
  .hero-material-dots {
    background-image: radial-gradient(circle, #40547426 .7px, transparent 1px);
    background-size: 20px 20px;
    -webkit-mask-image: radial-gradient(ellipse 69% 56% at 50% 32%, #000b 6%, #0005 41%, transparent 83%);
    mask-image: radial-gradient(ellipse 69% 56% at 50% 32%, #000b 6%, #0005 41%, transparent 83%);
  }
  .hero-evolution .hero-material-light::before { width: 118%; height: 53%; left: -29%; top: 34%; }
  .hero-evolution .hero-material-light::after { width: 108%; height: 47%; right: -32%; top: 48%; }
  .hero-evolution .hero-material-sheen { width: 88%; height: 32%; top: 66%; left: -15%; }
  .hero-evolution .hero-motion-control { right: 20px; bottom: 14px; }
  .hero-material-grain { opacity: .02; }
}
@media (max-width: 360px) {
  .hero.hero-evolution { padding: 46px 0 97px; }
  .hero.hero-evolution h1 { font-size: 34px; }
  .hero.hero-evolution p { font-size: 15px; }
  .hero-evolution .hero-actions .button { padding-inline: 12px; font-size: 13px; gap: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-evolution .hero-material-light::before,
  .hero-evolution .hero-material-light::after,
  .hero-evolution .hero-material-sheen { animation: none !important; }
  .hero-evolution .hero-motion-control { display: none; }
}
@media (forced-colors: active) {
  .hero-material, .hero-evolution .hero-motion-control { display: none; }
}


/* seo-depth.css */
/* Shared editorial layer: real HTML, calm surfaces, readable measures. */
.seo-reading-main p,.seo-reading-main li{font-size:15px;line-height:1.8;max-width:68ch;overflow-wrap:break-word}
.seo-reading-main p+p{margin-top:16px}
.seo-reading-main a:not(.partner-link),.depth-section a:not(.button){color:#2058ce;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.seo-reading-nav a{font-size:13px}.seo-content-date{font-size:12px;line-height:1.7}
.seo-source-note p,.seo-source-note a{font-size:12px}
.depth-section{--depth-ink:#17253e;--depth-muted:#53657e;--depth-line:#dce5ee;color:var(--depth-ink);padding:56px 0}
.depth-wrap{width:min(1140px,calc(100% - 64px));margin-inline:auto}
.depth-kicker{display:block;color:#326c74;font-size:12px;font-weight:650;letter-spacing:.075em;text-transform:uppercase;margin-bottom:14px}
.depth-heading{font-size:clamp(28px,3.5vw,44px);line-height:1.16;letter-spacing:-.04em;text-wrap:balance;max-width:24ch;margin:0 0 18px}
.depth-lead{font-size:17px;line-height:1.75;color:var(--depth-muted);max-width:68ch}
.depth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.depth-card{min-width:0;padding:30px;border:1px solid var(--depth-line);border-top-color:#fff;border-radius:22px;background:linear-gradient(140deg,#fffffff5,#f6f9fc);box-shadow:inset 0 1px 0 #fff,0 10px 30px -24px #133b60;}
.depth-card h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;margin-bottom:14px;text-wrap:balance}
.depth-card p,.depth-card li,.depth-section details p{font-size:15px;line-height:1.8;color:var(--depth-muted);max-width:68ch}
.depth-card p+p{margin-top:14px}.depth-card ul,.depth-card ol{padding-left:20px;margin:16px 0 0}.depth-card li+li{margin-top:8px}
.depth-card ol{list-style:decimal}.depth-card ul{list-style:disc}.depth-heading,.depth-card h3,.depth-example h3{font-weight:600}.depth-card li::marker{color:#376779;font-weight:600}
.process-step .process-number{color:#496d9c}.about-copy .signature span{color:#53657d}.depth-scroll-note{color:#506780!important}
#ready-check-root .buddy-figure{background-image:none}
#ready-check-root.ready-check-enhanced .buddy-figure{background-image:url('/ki-ready-check/mascot-poses.webp')}
.depth-card--mint{background:radial-gradient(ellipse at 100% 0,#d6f3e777,transparent 65%),linear-gradient(140deg,#fff,#f3faf7)}
.depth-card--blue{background:radial-gradient(ellipse at 95% 0,#dbe5ff88,transparent 65%),linear-gradient(140deg,#fff,#f5f8ff)}
.depth-example{margin-top:28px;padding:32px;border:1px solid #cbdedc;border-radius:24px;background:radial-gradient(ellipse at 90% 0,#dff4e8,transparent 60%),#f7fbfa;box-shadow:inset 0 1px 0 #fff,0 12px 35px -28px #244e62}
.depth-example h3{font-size:25px;line-height:1.25;max-width:32ch;margin:10px 0 18px}
.depth-example p{font-size:15px;line-height:1.8;max-width:72ch;color:var(--depth-muted)}
.depth-example p+p{margin-top:12px}
.depth-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:650;border:1px solid #bfdbd5;border-radius:100px;background:#fff9;padding:5px 10px;color:#315f5c;letter-spacing:.03em}
.depth-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#268575}
.depth-result{display:flex;align-items:center;gap:22px;margin:20px 0;padding:18px 22px;border-radius:16px;background:#fff;border:1px solid #d6e5e0;max-width:570px}
.depth-score{font-size:42px;font-weight:650;letter-spacing:-.055em;line-height:1.1;color:#235d70;white-space:nowrap}
.depth-score small{font-size:15px;font-weight:500;letter-spacing:0}.depth-result strong{font-size:16px;display:block;margin-bottom:4px}
.depth-result span{color:var(--depth-muted);font-size:13px}
.depth-fine{font-size:13px!important;line-height:1.7!important;color:#586b7d!important}
.depth-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.depth-link{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--depth-line);border-radius:14px;background:#ffffffa6;text-decoration:none!important;min-width:0}
.depth-link strong{font-size:15px}.depth-link span{font-size:13px;line-height:1.6;color:var(--depth-muted)}
.depth-link:hover{border-color:#8fa6cf;background:#fff}.depth-section a:focus-visible,.depth-section summary:focus-visible{outline:3px solid #2f68df;outline-offset:5px}
.depth-disclosure{margin-top:24px;border:1px solid var(--depth-line);border-radius:16px;background:#ffffffb0;padding:0 22px}
.depth-disclosure summary{font-size:15px;font-weight:600;cursor:pointer;min-height:56px;padding:16px 0;line-height:1.55}.depth-disclosure p{padding-bottom:18px}.depth-disclosure p+p{padding-top:0}
.depth-byline{font-size:12px!important;line-height:1.8!important;color:#597083!important;margin-top:25px;max-width:72ch}
.depth-context{padding-top:8px;padding-bottom:55px}
.depth-context .depth-wrap{max-width:1176px}
.depth-context-intro{border-top:1px solid #dce5ee;padding-top:44px}
#ready-check-root .site-footer{display:none} /* Static footer belongs to the document, outside the interactive island. */
.depth-static-footer{width:min(1176px,calc(100% - 56px));margin:0 auto;padding:28px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce5ee;font-size:13px;color:#5a6c83}
.depth-static-footer nav{display:flex;gap:20px;flex-wrap:wrap}.depth-static-footer a{text-decoration:underline;text-underline-offset:4px;min-height:24px}
.compare-hero{padding:58px 0 42px;background:radial-gradient(ellipse at 82% 32%,#cfeedd8c,transparent 47%),radial-gradient(ellipse at 15% 22%,#e1eaff,transparent 52%)}
.compare-hero h1{font-size:clamp(38px,5.6vw,70px);line-height:1.08;letter-spacing:-.05em;max-width:16ch;margin:26px 0 24px;text-wrap:balance}.compare-hero h1 span{color:#245fe5}
.compare-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#526782}.compare-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.compare-hero .depth-grid{margin-top:32px}.compare-hero .depth-card{box-shadow:inset 0 1px 0 #fff,0 14px 35px -22px #274b7333}
.compare-brand{display:inline-flex;font-size:15px;font-weight:700;padding:7px 13px;margin-bottom:20px;border-radius:10px;background:#e3f0e7;color:#21573b;letter-spacing:-.03em}.compare-brand--close{background:#e6eaff;color:#344bdd}
.compare-nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px}.compare-nav a{font-size:13px;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.compare-table-wrap{overflow-x:auto;border:1px solid #dbe5ee;border-radius:20px;background:#fff;margin-top:28px;box-shadow:0 14px 36px -28px #294b6b}
.compare-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:640px;font-size:14px;line-height:1.75;text-align:left}
.compare-table caption{text-align:left;padding:20px 24px;font-size:13px;color:#5d7086;background:#f6f9fc}
.compare-table th,.compare-table td{padding:20px 24px;vertical-align:top;border-top:1px solid #e1e8ef;color:#455c76;overflow-wrap:break-word}
.compare-table thead th{font-size:16px;color:#183957;background:#f5f8fc}.compare-table thead th:first-child{width:23%}.compare-table tbody th{font-weight:600;color:#213d59;background:#fbfcfd}
.compare-table p+p{margin-top:8px}.compare-table td a{color:#2058ce;text-decoration:underline;text-underline-offset:3px}
.compare-sources{padding-left:20px;margin:18px 0 0}.compare-sources li{font-size:13px;line-height:1.8;margin-top:9px}.compare-sources a{color:#2058ce}
.depth-contract{margin:24px 0 0;padding:22px;border-radius:14px;background:#f1f7f7;border:1px solid #d8e7e3}.depth-contract h4{font-size:16px;margin:0 0 12px;line-height:1.4;color:#244b53}.depth-contract dt{font-size:13px;font-weight:650;margin-top:14px;color:#274851}.depth-contract dd{margin:4px 0 0;font-size:14px;line-height:1.75;color:#4c6473;max-width:68ch}.depth-contract ul{margin:10px 0 0;padding-left:18px}
.depth-inline-link{margin-top:18px!important;font-size:14px!important}.depth-scroll-note{display:none;font-size:12px;color:#61748b;margin-top:12px}
[id^="vergleich-"],[id^="check-"]{scroll-margin-top:28px}
@media(max-width:760px){
 .seo-reading-main p,.seo-reading-main li{font-size:15px;line-height:1.8}.seo-reading-nav a{font-size:12px}.seo-content-date{font-size:12px}.seo-topic{padding:24px}
 .depth-wrap{width:calc(100% - 40px)}.depth-section{padding:38px 0}.depth-context{padding-top:0}.depth-context-intro{padding-top:30px}
 .depth-grid,.depth-links{grid-template-columns:minmax(0,1fr);gap:16px}.depth-card,.depth-example{padding:24px;border-radius:20px}.depth-heading{font-size:30px}.depth-lead{font-size:16px;line-height:1.75}.depth-card h3{font-size:23px}.depth-result{padding:16px;gap:16px}.depth-score{font-size:36px}.depth-result strong{font-size:14px}
 .depth-disclosure{padding:0 18px}.depth-contract{padding:18px}.depth-static-footer{width:calc(100% - 40px);flex-direction:column;gap:12px}.depth-static-footer nav a{display:inline-flex;align-items:center;min-height:44px}
 .compare-hero{padding:30px 0 26px}.compare-hero h1{font-size:42px}.compare-nav{gap:2px 18px}.compare-table{min-width:0}.compare-table thead th:first-child{width:24%}.compare-table th,.compare-table td{padding:13px 10px;font-size:13px;line-height:1.7}.compare-table thead th{font-size:14px}.compare-table caption{padding:16px}.compare-table-wrap{border-radius:16px}
}
@media(max-width:400px){.depth-wrap{width:calc(100% - 32px)}.depth-card,.depth-example,.seo-topic{padding:20px}.depth-heading{font-size:28px}.compare-hero h1{font-size:37px}.depth-result{flex-direction:column;align-items:flex-start}.compare-table{min-width:580px}.depth-scroll-note{display:block}.depth-static-footer{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.depth-section,.depth-section *{scroll-behavior:auto!important}}


/* provenexpert.css */
/* Scoped review section shared by the website and the standalone Ready-Check. */
.we-reviews{box-sizing:border-box;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:center;gap:36px;width:calc(100% - 48px);max-width:1186px;margin:10px auto 48px;padding:35px 42px;border:1px solid #dbe7e9;border-top-color:#fff;border-radius:25px;background:radial-gradient(ellipse at 97% 20%,#dff3ed 0,transparent 59%),linear-gradient(125deg,#fff 25%,#f1f7fc);box-shadow:0 2px 4px #28485b0a,0 18px 32px -26px #24475f50,inset 0 1px 0 #fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172b42;text-align:left;line-height:1.6}
.we-reviews *{box-sizing:border-box}.we-reviews-copy{max-width:480px;min-width:0}.we-reviews-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;line-height:1.6;letter-spacing:.11em;text-transform:uppercase;font-weight:650;color:#4d7d80}.we-reviews-eyebrow i{flex:none;width:6px;height:6px;border-radius:50%;background:#4caa92;box-shadow:0 0 0 4px #e0f1e9}.we-reviews h2{margin:17px 0 14px;font-size:clamp(27px,2.5vw,35px);font-weight:580;line-height:1.14;letter-spacing:-.045em;color:#172b42}.we-reviews h2 span{color:#287776}.we-reviews-copy>p{margin:0;font-size:13px;line-height:1.8;color:#61778a;max-width:390px}.we-reviews-link{display:inline-flex;align-items:center;gap:17px;min-height:44px;margin-top:15px;color:#216b74;font-size:12px;font-weight:650;text-decoration:none;text-underline-offset:4px}.we-reviews-link:hover{text-decoration:underline}.we-reviews-link:focus-visible{outline:3px solid #347dea;outline-offset:4px;border-radius:4px}.we-reviews-seal{min-width:0;min-height:245px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.we-reviews #proSealWidget{max-width:100%;min-width:0}.we-reviews-status{max-width:270px;margin:14px 0;color:#607d86;font-size:12px;line-height:1.7}.we-reviews[data-state="ready"] .we-reviews-status{display:none}.we-reviews-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.we-reviews{grid-template-columns:minmax(0,1fr);gap:23px;padding:28px 24px;margin:8px auto 33px;border-radius:22px}.we-reviews-copy{max-width:540px}.we-reviews h2{font-size:29px}.we-reviews-seal{min-height:235px}.we-reviews-copy>p{font-size:12px}.we-reviews-eyebrow{font-size:9px}}
@media(max-width:390px){.we-reviews{width:calc(100% - 32px);padding:25px 14px;gap:17px}.we-reviews h2{font-size:27px}.we-reviews-copy{padding-inline:4px}.we-reviews-eyebrow{font-size:8px}.we-reviews-seal{min-height:225px}.we-reviews .pe-back-page--embedded{max-width:calc(100vw - 44px)}}


/* premium.css */
/* WeAutomize — shared finishing system, October 2026.
   Editorial space, luminous surfaces and clear interaction states.
   Product miniatures retain their own scale; primary reading copy does not. */
:root {
  --premium-ink:#172d42; --premium-copy:#4e6376; --premium-line:#d9e3e8;
  --premium-paper:#fbfcfc; --premium-mint:#e8f4ee;
  --premium-shadow:0 1px 2px #1833430a,0 8px 18px -12px #18334322,0 26px 46px -32px #244c5b36;
  --premium-radius:26px;
}
html { scroll-padding-top:28px; }
body { color:var(--premium-ink); background:#f5f8f8; }
::selection { background:#cbe5e1; color:#143c47; }
a,button,input,select,summary { -webkit-tap-highlight-color:#245fe51a; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #2d64d2; outline-offset:5px; }
.wrap { width:min(1200px,calc(100% - 80px)); }
.section { padding-block:88px; }
.eyebrow { font-size:11px; font-weight:650; letter-spacing:.115em; line-height:1.7; color:#4d7382; }
.section-heading { gap:64px; margin-bottom:36px; }
.section-heading h2,.detail-benefits .section-heading h2,.detail-process .section-heading h2,
.scope-copy h2,.about-copy h2,.faq-heading h2 { font-size:clamp(32px,3.4vw,46px); font-weight:620; letter-spacing:-.045em; line-height:1.13; }
.section-heading>p,.detail-benefits .section-heading>p { font-size:15px; line-height:1.75; max-width:300px; color:var(--premium-copy); }
.button { min-height:52px; font-size:14px; font-weight:600; border-radius:12px; }
.text-link { font-size:14px; min-height:44px; line-height:1.5; gap:12px; }
.text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.benefit-card,.system-card,.related-card,.choice,.button { transition:border-color .18s,background-color .18s,box-shadow .18s; }
.benefit-card:hover,.system-card:hover,.related-card:hover,.choice:hover,.button:hover { transform:none; }

/* Compact navigation: the action is clear, the surrounding chrome is quiet. */
.site-header .header-inner { min-height:88px; }
.site-header .brand img { width:190px; }
.nav-panel { border-color:#dbe5e9; background:#fbfdfdf5; box-shadow:0 3px 6px #20394808,0 24px 56px -24px #20394840,inset 0 1px 0 #fff; }
.nav-panel strong { font-size:14px; }
.nav-panel small { font-size:12px; line-height:1.6; }
.header-cta { min-height:44px; padding-inline:18px; }
.nav-ready-check { min-height:44px; }
body:has(.site-footer [data-consent-settings])>.we-consent-reopen,
body:has(.depth-static-footer [data-consent-settings])>.we-consent-reopen { display:none; }

/* Preserve the approved hero and its actual light motion. */
.hero.hero-evolution { padding-top:94px; padding-bottom:152px; }
.hero.hero-evolution h1 { font-weight:735; }
.hero-evolution .hero-material-light::before { background:radial-gradient(ellipse,#719ced55 0%,#91b9f53b 30%,#c0d4f415 53%,transparent 74%); }
.hero-evolution .hero-material-light::after { background:radial-gradient(ellipse,#77c8af4a 0%,#a1dbc632 33%,#d5eee314 57%,transparent 77%); }
.hero-material-dots { opacity:.85; }
.hero-evolution .hero-actions .button { font-size:15px; }
.hero-evolution .hero-note { font-size:13px; margin-top:20px; }
.detail-hero { padding-bottom:88px; }
.detail-hero-copy>p { font-size:18px; line-height:1.75; }
.detail-hero-copy>small { font-size:12px; }
.breadcrumbs { font-size:13px; }

/* Feature cards: restrained edges, generous reading area, inset product surface. */
.benefit-grid,.detail-benefit-grid { gap:24px; }
.benefit-card,.detail-feature { border-radius:var(--premium-radius); border:1px solid #d9e4e7; border-top-color:#fff; box-shadow:var(--premium-shadow); background:linear-gradient(145deg,#fff 60%,#f9fcfb); }
.card-copy,.detail-feature .card-copy { padding:32px 34px 0; }
.card-copy h3,.detail-feature .card-copy h3 { font-size:clamp(27px,2.4vw,32px); font-weight:620; line-height:1.18; letter-spacing:-.04em; margin:12px 0 14px; }
.card-copy p,.detail-feature .card-copy p { font-size:16px; line-height:1.75; color:var(--premium-copy); max-width:47ch; }
.card-copy .text-link { margin-top:16px; margin-bottom:5px; font-size:14px; }
.card-kicker { font-size:10px; letter-spacing:.075em; }
.crm-tabs button { min-height:36px; padding-inline:14px; font-size:12px; }
.benefit-card::before { left:32px; right:32px; background:linear-gradient(90deg,transparent,#c7dedb,transparent); }

/* System choice uses two short visual explanations of a different daily workflow. */
.systems-section { padding-top:64px; }
.system-grid { gap:24px; }
.system-card { padding:34px; border-radius:24px; box-shadow:var(--premium-shadow); }
.system-card::before { display:none; }
.system-wordmark { margin-bottom:25px; }
.system-card h3 { font-size:25px; font-weight:620; line-height:1.25; }
.system-card>p { font-size:16px; line-height:1.75; max-width:43ch; }
.system-card>.text-link { padding-top:12px; margin-top:0; }
.system-process { display:flex; gap:8px; align-items:center; margin:24px 0 14px; padding:15px; border-radius:15px; border:1px solid #d9e8df; background:#ffffffa8; box-shadow:inset 0 1px 0 #fff; }
.system-process span { flex:1; display:flex; justify-content:center; align-items:center; gap:7px; min-height:42px; border-radius:9px; background:#edf6ef; color:#285848; font-size:12px; font-weight:550; }
.system-process i { width:15px; height:1px; flex:none; background:#8fbca5; position:relative; }
.system-process i::after { content:''; width:4px; height:4px; border-top:1px solid #8fbca5; border-right:1px solid #8fbca5; transform:rotate(45deg); position:absolute; right:0; top:-2px; }
.close-system-card .system-process { border-color:#dce5f8; background:#ffffffb5; }
.close-system-card .system-process span { background:#eef3ff; color:#215bcc; }
.close-system-card .system-process span:last-child { background:#fff5d6; color:#725521; }
.system-process svg { width:16px; height:16px; flex:none; }
.close-partner p { font-size:12px; line-height:1.65; }
.close-partner .partner-label { font-size:10px; }

/* An open, numbered process provides rhythm between the bento sections. */
.process-section { position:relative; background:linear-gradient(110deg,#edf5f2,#f0f5f8); border-block:1px solid #e3ebe9; padding-block:76px; }
.process-grid { gap:48px; }
.process-number { width:46px; height:46px; font-size:16px; border-radius:14px; background:#ffffffb3; box-shadow:inset 0 1px 0 #fff,0 4px 9px -6px #2a4a4d40; }
.process-step:not(:last-child)::after { top:23px; left:65px; right:-26px; background:linear-gradient(90deg,#bfd3d0,#d5e4e0); }
.process-step h3,.detail-process .process-step h3 { margin-top:24px; font-size:25px; font-weight:610; }
.process-step p { font-size:16px; line-height:1.75; color:var(--premium-copy); }

/* The self-check gets a single clear accent surface. */
.check-section { padding-block:88px 40px; }
.check-card { padding:52px; gap:48px; border-radius:30px; border:1px solid #d1e5dc; background:radial-gradient(ellipse at 3% 0,#cdebd95e,transparent 60%),linear-gradient(120deg,#eaf7ee,#edf7f8 70%,#e0eef7); box-shadow:var(--premium-shadow),inset 0 1px 0 #fff; }
.check-card h2 { font-size:clamp(31px,3.2vw,44px); font-weight:620; line-height:1.13; }
.check-copy>p { font-size:16px; line-height:1.75; max-width:45ch; margin-top:18px; }
.check-copy>small { font-size:12px; line-height:1.65; margin-top:16px; }
.check-visual { transform:rotate(-2deg); border-radius:18px; box-shadow:0 2px 5px #2544490a,0 24px 30px -17px #385d6140,inset 0 1px 0 #fff; }
.profile-row { font-size:12px; }
.check-visual-header { font-size:13px; }
.check-visual-header .demo-label { font-size:10px; }
.profile-insight strong { font-size:12px; }
.profile-insight small { font-size:11px; }

/* Personal trust: authentic portrait and readable copy, with no invented proof. */
.about-grid { max-width:1110px; grid-template-columns:.86fr 1.14fr; gap:80px; }
.portrait-frame { position:relative; padding:8px; border-radius:28px; transform:rotate(-1.2deg); box-shadow:0 2px 4px #2947480a,0 30px 50px -28px #34554c50; }
.portrait-frame .portrait { display:block; border-radius:21px; width:100%; height:auto; aspect-ratio:560/650; object-fit:cover; }
.about-copy>p { font-size:17px; line-height:1.85; color:var(--premium-copy); }
.about-copy h2 { margin-bottom:24px; }
.signature { margin-top:28px; padding-top:22px; border-top:1px solid #d9e4e5; font-size:17px; }
.about-copy .signature span { font-size:13px; margin-top:6px; }

/* Short definitions stay concise; deeper copy reads like an article, not more cards. */
.seo-summary { padding-block:32px 48px; }
.seo-summary-inner { background:transparent; box-shadow:none; border:0; border-block:1px solid var(--premium-line); border-radius:0; padding:30px 0; gap:64px; }
.seo-summary h2 { font-size:27px; font-weight:610; }
.seo-summary p { font-size:16px; line-height:1.8; }
.seo-jump { font-size:13px; min-height:44px; }
.seo-knowledge { padding-block:64px 88px; }
.seo-knowledge-head { margin-bottom:44px; }
.seo-knowledge-head h2 { font-weight:620; font-size:clamp(32px,3.4vw,46px); }
.seo-knowledge-head>p { font-size:16px; }
.seo-reading-layout { grid-template-columns:240px minmax(0,1fr); gap:74px; }
.seo-reading-nav { position:sticky; top:32px; min-width:0; }
.seo-reading-nav a { font-size:14px; line-height:1.65; }
.seo-reading-nav ol { border-left-color:#bfcfce; }
.seo-content-date { font-size:12px; }
.seo-topic { background:none; border:0; border-top:1px solid #d5e1e4; border-radius:0; box-shadow:none; padding:28px 0 8px; }
.seo-topic+.seo-topic { margin-top:36px; }
.seo-topic-number { font-size:11px; margin-bottom:16px; }
.seo-topic h3 { font-size:28px; font-weight:610; line-height:1.25; max-width:32ch; }
.seo-reading-main p,.seo-reading-main li { font-size:16px; line-height:1.85; max-width:66ch; overflow-wrap:break-word; }
.seo-reading-main p+p { margin-top:18px; }
.seo-source-note strong { font-size:13px; }
.seo-source-note p,.seo-source-note a { font-size:12px; }
.depth-contract { padding:26px 28px; border-radius:16px; border-color:#d3e4de; background:linear-gradient(135deg,#edf6f1,#f5f9f8); }
.depth-contract dt { font-size:14px; }
.depth-contract dd { font-size:15px; }
.scope-copy>p { font-size:16px; line-height:1.8; }
.scope-note>span { font-size:11px; }
.scope-note p { font-size:13px; line-height:1.8; }
.deliverables h3 { font-size:19px; line-height:1.4; }
.deliverables p { font-size:15px; line-height:1.7; }
.deliverables li { padding-block:23px; }
.faq-grid>div>h2 { font-size:clamp(32px,3.4vw,46px); font-weight:620; letter-spacing:-.045em; line-height:1.13; }
.faq-list summary { font-size:16px; padding-block:22px; line-height:1.55; }
.faq-list details p { font-size:15px; line-height:1.8; }
.related-card { border-radius:18px; padding:25px 28px; }
.related-card h3 { font-size:18px; }
.final-section { padding-block:32px 68px; }
.final-card { padding:64px 36px; border-radius:30px; box-shadow:var(--premium-shadow); background:radial-gradient(ellipse at 95% 100%,#d1e9df,transparent 60%),radial-gradient(ellipse at 0 15%,#e5edff,transparent 60%),#fbfdfc; }
.final-card h2 { font-size:clamp(34px,3.6vw,48px); font-weight:640; line-height:1.13; }
.final-card p { font-size:16px; line-height:1.7; }

/* Comparison, legal and booking share the same reading scale. */
.depth-wrap { width:min(1140px,calc(100% - 80px)); }
.depth-section { padding-block:64px; }
.depth-card,.depth-example { box-shadow:var(--premium-shadow); }
.depth-card p,.depth-card li,.depth-example p { font-size:16px; line-height:1.8; }
.depth-fine { font-size:13px!important; }
.compare-table td,.compare-table tbody th { font-size:15px; }
.compare-hero { padding-block:64px 56px; }
.legal .wrap { max-width:880px; }
.legal p,.legal li { font-size:16px; line-height:1.85; }
.legal h2 { font-size:27px; margin-top:42px; }
.legal h3 { font-size:20px; }
.booking-page .booking-hero { padding-block:66px 88px; }
.booking-page .booking-hero h1 { font-size:clamp(38px,4.6vw,64px); }
.booking-page .booking-hero p { font-size:18px; max-width:660px; }
.booking-grid { gap:32px; }
.booking-brief { padding:30px; border-radius:24px; box-shadow:var(--premium-shadow); }
.booking-page .booking-brief>p,.booking-page .booking-agenda p { font-size:15px; line-height:1.75; }
.booking-agenda h3 { font-size:16px; }
.booking-host strong { font-size:17px; }
.booking-page .booking-ready-note p { font-size:13px; }
.booking-calendar-card { border-radius:26px; box-shadow:0 1px 3px #1c425110,0 30px 54px -30px #24495945; }
.intake-field input,.intake-field select { min-height:52px; }
.intake-actions>span { color:#52697d; }
.intake-goal-grid label { padding:16px 14px; border-radius:12px; }
.intake-goal-grid label:has(input:checked) { box-shadow:inset 0 0 0 1px #6a98da; background:linear-gradient(120deg,#f0f6ff,#f0f8f4); }
.booking-page .booking-expectation p { font-size:15px; line-height:1.75; color:#52697d; max-width:850px; margin-inline:auto; }

/* Reviews have a compact, honest fallback when the external seal is unavailable. */
body .we-reviews { padding:34px 40px; border-radius:24px; box-shadow:none; background:linear-gradient(110deg,#fafdff,#eff7f3); gap:30px; }
body .we-reviews h2 { font-size:30px; font-weight:600; }
body .we-reviews-copy>p { font-size:15px; }
body .we-reviews-eyebrow { font-size:11px; }
body .we-reviews-link { font-size:14px; }
body .we-reviews-status { font-size:13px; }
body .we-reviews:not([data-state="ready"]) .we-reviews-seal { min-height:100px; border-left:1px solid #d9e7e2; padding-left:30px; }

/* Footer: generous links, clean grouping, a quiet engraved wordmark. */
.site-footer { padding:12px 0 26px; background:transparent; }
.footer-shell { padding:48px 40px 0; border-radius:28px; background:radial-gradient(ellipse at 100% 100%,#ddeee4,transparent 70%),#edf3f5; }
.footer-top { grid-template-columns:1.25fr repeat(4,minmax(0,1fr)); gap:32px; }
.footer-group h2 { font-size:11px; margin-bottom:15px; }
.footer-group a { font-size:13px; min-height:40px; }
.footer-description { font-size:14px; line-height:1.75; }
.footer-location { font-size:11px; }
.footer-signature { margin-top:40px; color:#cbdadf; }
.footer-bottom,.footer-bottom small { font-size:12px; }
.footer-legal a,.footer-legal button,.footer-back { min-height:44px; }

/* The interactive island keeps its own layout and gains the same material quality. */
#ready-check-root .check-panel { border-radius:26px; border:1px solid #d6e4e7; box-shadow:var(--premium-shadow),inset 0 1px 0 #fff; }
#ready-check-root .sidebar-intro { font-size:16px; line-height:1.75; }
#ready-check-root .question-sub { font-size:15px; line-height:1.75; }
#ready-check-root .choice { padding:18px; border-radius:14px; }
#ready-check-root .choice-label { font-size:15px; line-height:1.5; }
#ready-check-root .choice-description { font-size:13px; line-height:1.6; }
#ready-check-root .choice.selected { background:linear-gradient(110deg,#eff5ff,#eef7f2); box-shadow:inset 0 0 0 1px #91b1e4; }
#ready-check-root .step-item { min-height:49px; font-size:14px; }
#ready-check-root .answer-insight p { font-size:13px; line-height:1.65; }
#ready-check-root .buddy-message p { font-size:14px; line-height:1.6; }
#ready-check-root .result-description { font-size:16px; line-height:1.75; }
#ready-check-root .opportunity-card { border-radius:22px; box-shadow:var(--premium-shadow); }
#ready-check-root .opportunity-card p { font-size:15px; line-height:1.75; }
.cost-calculator { padding:30px; border-radius:23px; box-shadow:var(--premium-shadow); }
.cost-calculator h3 { font-size:25px; font-weight:650; }
.cost-outputs>div { padding:20px; border-radius:15px; }
#ready-check-root .lead-intro>p { font-size:16px; line-height:1.75; }
#ready-check-root .lead-field input,#ready-check-root .lead-field textarea { font-size:16px; }
.depth-context { padding-top:24px; }
.depth-static-footer { font-size:13px; gap:24px; }
.depth-static-footer button { font:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }

@media (max-width:1100px) {
 .wrap { width:calc(100% - 56px); }
 .footer-top { grid-template-columns:1.3fr 1fr 1fr; gap:28px; }
 .footer-brand { grid-row:span 2; }
 .seo-reading-layout { grid-template-columns:210px minmax(0,1fr); gap:40px; }
 .card-copy,.detail-feature .card-copy { padding-inline:28px; }
 .about-grid { gap:48px; }
 .system-card { padding:28px; }
 .system-process { padding:12px; gap:6px; }
 .system-process span { font-size:11px; }
 .system-process i { width:10px; }
 .check-card { padding:40px; gap:36px; }
}
@media (max-width:900px) {
 .seo-reading-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
 .seo-reading-nav { position:static; }
 .seo-reading-nav ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 24px; padding-left:0; border:0; }
 .seo-reading-nav li { margin-top:0; min-width:0; }
 .seo-reading-nav a { min-height:44px; display:inline-flex; align-items:center; min-width:0; overflow-wrap:anywhere; }
 .process-grid { gap:28px; }
 .system-process { flex-wrap:wrap; }
 .system-process span { min-width:0; }
}
@media (max-width:760px) {
 .wrap,.depth-wrap { width:calc(100% - 40px); }
 .section { padding-block:58px; }
 .site-header .header-inner { min-height:74px; }
 .site-header .brand img { width:168px; }
 .section-heading { margin-bottom:28px; }
 .section-heading h2,.detail-benefits .section-heading h2,.detail-process .section-heading h2,.scope-copy h2,.about-copy h2,.faq-heading h2 { font-size:34px; line-height:1.15; }
 .section-heading>p,.detail-benefits .section-heading>p { font-size:15px; max-width:40ch; margin-top:18px; }
 .hero.hero-evolution { padding-top:52px; padding-bottom:90px; }
 .hero.hero-evolution h1 { font-size:clamp(38px,9.7vw,62px); letter-spacing:-.055em; line-height:1.1; margin-block:24px; }
 .hero-evolution h1 span { letter-spacing:-.055em; }
 .hero.hero-evolution p { font-size:17px; line-height:1.7; }
 .hero-evolution .hero-label { font-size:10px; max-width:31ch; margin-inline:auto; letter-spacing:.09em; }
 .hero-evolution .hero-actions { margin-top:28px; gap:12px; }
 .hero-evolution .hero-actions .button { min-height:54px; font-size:14px; }
 .hero-evolution .hero-note { font-size:12px; }
 .hero-motion-toggle { bottom:19px; }
 .detail-hero { padding-bottom:58px; }
 .detail-hero-copy>p { font-size:16px; }
 .breadcrumbs { font-size:12px; }
 .benefit-grid,.detail-benefit-grid { gap:20px; }
 .benefit-card,.detail-feature { border-radius:23px; }
 .card-copy,.detail-feature .card-copy { padding:26px 24px 0; }
 .card-copy h3,.detail-feature .card-copy h3 { font-size:28px; line-height:1.2; }
 .card-copy p,.detail-feature .card-copy p { font-size:15px; line-height:1.75; }
 .card-copy .text-link { font-size:13px; }
 .systems-section { padding-top:40px; }
 .system-card { padding:28px 24px; }
 .system-card>p { font-size:15px; }
 .system-process { padding:12px; flex-wrap:nowrap; margin-top:22px; }
 .system-process span { font-size:11px; min-height:40px; gap:4px; }
 .system-process svg { width:14px; }
 .system-process i { width:8px; }
 .process-section { padding-block:52px; }
 .process-grid { gap:26px; }
 .process-step { display:grid; grid-template-columns:46px minmax(0,1fr); gap:0 18px; }
 .process-step:not(:last-child) { padding-bottom:26px; border-bottom:1px solid #d6e2df; }
 .process-number { grid-row:span 2; }
 .process-step h3,.detail-process .process-step h3 { font-size:23px; margin:5px 0 12px; }
 .process-step p { grid-column:2; font-size:15px; }
 .process-step:not(:last-child)::after { display:none; }
 .check-section { padding-block:58px 18px; }
 .check-card { padding:32px 24px; gap:30px; border-radius:24px; }
 .check-card h2 { font-size:32px; overflow-wrap:normal; hyphens:none; }
 .check-copy>p { font-size:15px; }
 .check-visual { transform:rotate(-1.2deg); }
 .about-grid { grid-template-columns:1fr; gap:36px; }
 .portrait-frame { width:min(100%,350px); justify-self:center; }
 .about-copy>p { font-size:16px; line-height:1.8; }
 .seo-summary { padding-block:18px 30px; }
 .seo-summary-inner { padding:26px 0; gap:22px; }
 .seo-summary h2 { font-size:26px; max-width:24ch; }
 .seo-summary p { font-size:15px; line-height:1.8; }
 .seo-knowledge { padding-block:42px 58px; }
 .seo-knowledge-head { margin-bottom:28px; }
 .seo-knowledge-head h2 { font-size:34px; }
 .seo-knowledge-head>p { font-size:15px; }
 .seo-reading-nav a { font-size:13px; overflow-wrap:anywhere; }
 .seo-reading-nav ol { grid-template-columns:minmax(0,1fr); gap:2px; }
 .seo-topic { padding:26px 0 0; }
 .seo-topic h3 { font-size:25px; line-height:1.28; overflow-wrap:anywhere; hyphens:auto; }
 .seo-reading-main p,.seo-reading-main li { font-size:16px; line-height:1.8; }
 .seo-source-note a { font-size:12px; }
 .depth-contract { padding:22px; }
 .scope-copy>p { font-size:16px; }
 .scope-note p { font-size:13px; }
 .faq-list summary { font-size:15px; padding-block:21px; }
 .faq-grid>div>h2 { font-size:34px; }
 .faq-list details p { font-size:15px; }
 .related-card { padding:24px; }
 .final-section { padding-block:20px 44px; }
 .final-card { padding:44px 24px; border-radius:24px; }
 .final-card h2 { font-size:34px; }
 .final-card p { font-size:15px; }
 .depth-section { padding-block:44px; }
 .depth-card,.depth-example { padding:25px 23px; }
 .compare-hero { padding-block:40px; }
 .compare-table { min-width:0; display:block; }
 .compare-table caption { display:block; }
 .compare-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .compare-table tbody { display:block; }
 .compare-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .compare-table tbody th { grid-column:1/-1; padding:17px 18px; font-size:15px; background:#edf5f2; }
 .compare-table tbody td { font-size:14px; padding:17px 15px 21px; border-top:0; }
 .compare-table td+td { border-left:1px solid #e0e8ed; }
 .compare-table td::before { display:block; content:attr(data-platform); font-weight:650; font-size:13px; margin-bottom:12px; color:#256449; }
 .compare-table td:last-child::before { color:#245de0; }
 .depth-scroll-note { display:none; }
 .legal .wrap { width:calc(100% - 40px); }
 .legal h2 { font-size:25px; }
 .booking-page .booking-hero { padding-block:42px 72px; }
 .booking-page .booking-hero h1 { font-size:37px; }
 .booking-page .booking-hero p { font-size:16px; }
 .booking-brief { padding:25px; }
 .intake-field input,.intake-field select { min-height:52px; }
 .intake-goal-grid label { padding:16px 14px; }
 body .we-reviews { width:calc(100% - 40px); padding:28px 24px; gap:20px; }
 body .we-reviews h2 { font-size:29px; }
 body .we-reviews-copy>p { font-size:14px; }
 body .we-reviews:not([data-state="ready"]) .we-reviews-seal { min-height:0; border-left:0; border-top:1px solid #d9e7e2; padding:18px 0 0; align-items:flex-start; text-align:left; }
 body .we-reviews-status { margin:0; max-width:34ch; }
 .footer-shell { padding:32px 25px 0; border-radius:24px; }
 .footer-top { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 22px; }
 .footer-brand { grid-column:1/-1; grid-row:auto; }
 .footer-brand img { width:170px; }
 .footer-claim { font-size:27px; }
 .footer-description { font-size:14px; }
 .footer-location { font-size:11px; }
 .footer-group h2 { font-size:11px; }
 .footer-group a { font-size:13px; min-height:44px; }
 .footer-signature { margin-top:25px; font-size:clamp(30px,9.5vw,70px); }
 .footer-bottom { font-size:12px; padding-bottom:20px; }
 .footer-legal a,.footer-legal button,.footer-back { font-size:12px; }
 #ready-check-root .check-panel { border-radius:22px; }
 #ready-check-root .choice { padding:16px 14px; }
 #ready-check-root .choice-label { font-size:15px; }
 #ready-check-root .choice-description { font-size:13px; }
 #ready-check-root .question-sub { font-size:15px; }
 #ready-check-root .sidebar-intro { font-size:15px; }
 .cost-calculator { padding:23px 21px; border-radius:21px; }
 .cost-outputs>div { padding:16px 14px; }
 .cost-calculator h3 { font-size:23px; }
 .depth-context { padding-top:10px; }
}
@media (max-width:360px) {
 .wrap,.depth-wrap { width:calc(100% - 32px); }
 .card-copy,.detail-feature .card-copy { padding-inline:21px; }
 .hero.hero-evolution h1 { font-size:36px; }
 .section-heading h2,.detail-benefits .section-heading h2,.about-copy h2,.check-card h2 { font-size:30px; }
 .check-card { padding-inline:21px; }
 .system-card { padding-inline:21px; }
 .system-process { padding:9px; gap:5px; }
 .system-process svg { display:none; }
 .system-process span { font-size:10px; }
 .footer-shell { padding-inline:22px; }
 .footer-top { grid-template-columns:1fr; }
 .footer-group a { min-height:44px; }
 .compare-table tbody td { font-size:13px; padding-inline:11px; }
 .booking-page .booking-hero h1 { font-size:33px; }
 body .we-reviews { width:calc(100% - 32px); padding-inline:22px; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 .benefit-card,.system-card,.related-card,.choice,.button { transition:none; }
}


/* consistency.css */
.btn.ready-check-cta::after { content:''; width:18px; height:18px; background:currentColor; -webkit-mask:url('/assets/icons/wa-arrow.svg') center/contain no-repeat; mask:url('/assets/icons/wa-arrow.svg') center/contain no-repeat; }
/* One material and typographic system, from the landing page to the detail pages. */
.wa-arrow { display:inline-block; vertical-align:middle; width:20px; height:20px; flex:0 0 20px; }
.nav-arrow .wa-arrow,.related-arrow .wa-arrow { width:18px; height:18px; }
.button .wa-arrow { width:20px; height:20px; }
.check-card { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; }
.check-copy,.check-visual,.check-copy>* { min-width:0; max-width:100%; }
.check-card .check-copy h2 { overflow-wrap:break-word; -webkit-hyphens:manual; hyphens:manual; }
.check-copy>.eyebrow { white-space:normal; line-height:1.6; }
.check-copy>.eyebrow::before { flex:0 0 6px; }
.check-copy p,.check-copy small { overflow-wrap:break-word; }
.check-card .check-visual,.portrait-frame { transform:none; }
.check-visual { padding:26px; background:linear-gradient(145deg,#ffffffed,#fafffcee); border:1px solid #cbded7; }
.profile-row { grid-template-columns:76px minmax(0,1fr) 20px; }
.profile-insight { gap:14px; align-items:center; }
.profile-insight>div { min-width:0; }
.profile-insight .insight-mark { width:36px; height:36px; flex:0 0 36px; border-radius:11px; }
.check-card::after { opacity:.18; }

/* Shared quiet glass: soft light underneath a finely textured, seamless veil. */
.detail-hero.hero-evolution,.booking-hero.hero-evolution,.compare-hero.hero-evolution { position:relative; isolation:isolate; overflow:hidden; background:#fafbf9; border:0; }
.detail-hero.hero-evolution>.wrap,.booking-hero.hero-evolution>.wrap,.compare-hero.hero-evolution>.depth-wrap { position:relative; z-index:1; }
.detail-hero.hero-evolution { padding:0 0 120px; }
.detail-hero.hero-evolution .breadcrumbs { padding-block:28px; font-size:12px; color:#607486; gap:10px; flex-wrap:wrap; }
.detail-hero-copy { padding-top:50px; }
.detail-hero-copy>.eyebrow { display:block; background:none; border:0; padding:0; box-shadow:none; color:#4e7082; font-size:11px; letter-spacing:.11em; }
.detail-hero-copy>.eyebrow::before { display:none; }
.detail-hero.hero-evolution h1,.booking-hero.hero-evolution h1,.compare-hero.hero-evolution h1 { color:#172d42; font-weight:735; font-size:clamp(44px,5.7vw,76px); line-height:1.08; letter-spacing:-.06em; text-shadow:0 2px 0 #ffffffb3; text-wrap:balance; max-width:1050px; margin:27px auto; overflow-wrap:break-word; }
.detail-hero h1 span,.booking-hero h1 span,.compare-hero h1 span { display:block; color:#2464e7; font-weight:700; font-style:italic; margin-top:5px; }
.detail-hero-copy>p,.booking-hero-copy>p,.compare-hero-copy>.depth-lead { font-size:18px; line-height:1.75; color:#52667a; max-width:660px; margin-inline:auto; text-wrap:pretty; }
.detail-hero-copy>.button { margin-top:34px; min-height:56px; font-size:15px; padding-inline:24px; }
.detail-hero-copy>small { margin-top:16px; font-size:12px; }
.detail-hero .hero-material-light::before { top:20%; left:-4%; }
.detail-hero .hero-material-light::after { top:35%; right:-2%; }
.detail-hero .hero-material-sheen { top:45%; }
.detail-page[data-page="close"] .hero-material-light::before { background:radial-gradient(ellipse,#7d9bea50,#bbc6fa28 45%,transparent 73%); }
.detail-page[data-page="crm-betreuung"] .hero-material-light::after { background:radial-gradient(ellipse,#99badd50,#d6e4f82d 45%,transparent 76%); }
.booking-hero.hero-evolution { padding:74px 0 82px; }
.booking-hero-copy { text-align:center; }
.booking-hero .booking-topics { justify-content:center; }
.booking-hero .booking-badge { background:#ffffff80; }
.compare-hero.hero-evolution { padding:26px 0 52px; }
.compare-hero-copy { text-align:center; padding-top:52px; }
.compare-hero-copy>.depth-lead { max-width:700px; }
.compare-hero-actions { display:flex; gap:24px; align-items:center; justify-content:center; margin:30px 0 58px; }
.compare-hero-actions .button { min-height:56px; }
.compare-hero .hero-material { -webkit-mask-image:linear-gradient(#000 0%,#000 52%,transparent 91%); mask-image:linear-gradient(#000 0%,#000 52%,transparent 91%); }
.compare-hero .depth-grid { position:relative; }
.compare-hero .compare-nav { justify-content:center; }

/* On desktop, articles remain open and the summaries behave as headings. */
.mobile-depth { min-width:0; }
.mobile-depth>summary { list-style:none; position:relative; cursor:pointer; }
.mobile-depth>summary::-webkit-details-marker { display:none; }
.mobile-depth>summary h2,.mobile-depth>summary h3 { margin-bottom:20px; }
.depth-toggle { display:none; }
.seo-topic:has(.mobile-depth) .seo-topic-number { display:none; }
.seo-summary-inner:has(>.mobile-depth) { display:block; }
.seo-summary-inner>.eyebrow { display:block; margin-bottom:14px; }
.seo-summary .mobile-depth>summary h2 { font-size:28px; max-width:38ch; }

@media(max-width:760px) {
 .check-card { grid-template-columns:minmax(0,1fr); padding:28px 22px; gap:25px; }
 .check-card .check-copy h2 { font-size:34px; line-height:1.12; letter-spacing:-.045em; margin-block:20px 18px; }
 .check-copy>.eyebrow { font-size:9px; letter-spacing:.08em; padding:7px 9px; }
 .check-copy>p { font-size:15px; line-height:1.7; }
 .check-copy>.button { width:100%; justify-content:space-between; padding-inline:20px; min-height:54px; font-size:14px; }
 .check-copy>small { font-size:11px; max-width:28ch; }
 .check-visual { padding:19px; border-radius:17px; }
 .check-visual-header { font-size:12px; gap:10px; }
 .check-visual-header .demo-label { font-size:9px; }
 .profile-row { grid-template-columns:67px minmax(0,1fr) 18px; gap:10px; font-size:11px; padding-block:12px; }
 .profile-insight { gap:10px; padding-top:18px; margin-top:10px; }
 .profile-insight strong { display:block; font-size:11px; line-height:1.5; }
 .profile-insight small { font-size:10px; line-height:1.6; }
 .check-card::after { opacity:.12; }
 .detail-hero.hero-evolution { padding-bottom:84px; }
 .detail-hero.hero-evolution .breadcrumbs { font-size:11px; padding-block:18px; line-height:1.7; }
 .detail-hero-copy { padding-top:32px; }
 .detail-hero-copy>.eyebrow { font-size:10px; letter-spacing:.065em; line-height:1.8; max-width:31ch; margin-inline:auto; }
 .detail-hero.hero-evolution h1,.booking-hero.hero-evolution h1,.compare-hero.hero-evolution h1 { font-size:clamp(34px,9.4vw,50px); line-height:1.12; letter-spacing:-.052em; margin:22px auto; -webkit-hyphens:manual; hyphens:manual; overflow-wrap:anywhere; }
 .detail-hero h1 span,.booking-hero h1 span,.compare-hero h1 span { margin-top:7px; letter-spacing:-.052em; }
 .detail-hero-copy>p,.booking-hero-copy>p,.compare-hero-copy>.depth-lead { font-size:16px; line-height:1.7; }
 .detail-hero-copy>.button { width:100%; max-width:360px; margin-top:28px; padding-inline:16px; min-height:54px; font-size:13px; gap:14px; }
 .detail-hero-copy>small { font-size:11px; }
 .booking-hero.hero-evolution { padding:48px 0 64px; }
 .booking-hero .booking-topics { gap:7px; }
 .booking-hero .booking-topics span { font-size:10px; }
 .compare-hero-copy { padding-top:36px; }
 .compare-hero-actions { flex-direction:column; gap:8px; margin:26px 0 32px; }
 .compare-hero-actions .button { width:100%; font-size:13px; padding-inline:14px; }
 .compare-hero-actions .text-link { font-size:13px; }
 .hero-evolution .hero-material-dots { opacity:.65; }
 .hero-evolution .hero-material-light::before { top:29%; }
 .hero-evolution .hero-material-light::after { top:45%; }
 .detail-benefits .section-heading { margin-bottom:24px; }
 .section,.process-section { padding-block:44px; }
 .systems-section { padding-top:30px; }
 .check-section { padding-block:44px 8px; }
 .seo-knowledge { padding-block:32px 40px; }
 .seo-knowledge-head { margin-bottom:20px; }
 .seo-reading-nav { display:none; }
 .seo-summary { padding-block:12px; }
 .seo-summary-inner:has(>.mobile-depth) { padding-block:18px 0; }
 .seo-summary-inner>.eyebrow { margin-bottom:0; }
 .seo-summary .mobile-depth>summary h2 { font-size:20px; max-width:none; }
 .seo-reading-layout { display:block; }
 .seo-topic { padding:0; margin:0; border-top:1px solid #d7e3e4; }
 .seo-topic + .seo-topic { margin-top:0; }
 .mobile-depth>summary { display:flex; align-items:center; gap:18px; padding-block:22px; min-height:64px; }
 .mobile-depth>summary h2,.mobile-depth>summary h3 { flex:1; min-width:0; margin:0; font-size:20px; font-weight:600; line-height:1.35; letter-spacing:-.03em; }
 .depth-toggle { display:block; position:relative; width:28px; height:28px; flex:0 0 28px; border:1px solid #cededd; border-radius:50%; background:#ffffff80; }
 .depth-toggle::before,.depth-toggle::after { content:''; position:absolute; background:#426675; width:10px; height:1.5px; left:8px; top:12px; }
 .depth-toggle::after { transform:rotate(90deg); }
 .mobile-depth[open] .depth-toggle::after { display:none; }
 .depth-content { padding-bottom:22px; }
 .seo-reading-main .depth-content p,.seo-reading-main .depth-content li { font-size:15px; line-height:1.75; }
 .depth-content .depth-contract { padding:18px; }
 .depth-card:has(>.mobile-depth),.depth-example:has(>.mobile-depth) { padding:0 22px; }
 .depth-context .depth-grid { gap:12px; }
 .depth-section:has(>.depth-wrap>.mobile-depth) { padding-block:8px; }
 .depth-context .depth-example { margin-top:12px; }
 .depth-content .depth-grid { margin-top:18px; }
 .depth-content .depth-kicker { font-size:10px; margin-block:0 12px; }
 .depth-context-intro .depth-lead { font-size:15px; }
 .booking-grid { gap:24px; }
 .booking-agenda li { padding-block:12px; }
 .final-section { padding-block:16px 36px; }
 .we-reviews { padding-block:32px; }
}
@media(max-width:360px) {
 .check-card { padding-inline:18px; }
 .check-card .check-copy h2 { font-size:31px; }
 .check-visual { padding:16px; }
 .profile-row { grid-template-columns:62px minmax(0,1fr) 17px; gap:8px; }
 .detail-hero-copy>.button { font-size:12px; gap:10px; }
}


/* sales-focus.css */
/* Extends the existing WeAutomize material, typography and component system. */
.sales-home .hero.hero-evolution{padding-bottom:100px}
.sales-home .hero h1{max-width:1130px;font-size:clamp(40px,4.7vw,68px);line-height:1.1;text-wrap:balance}
.sales-home .hero-copy>p{max-width:840px;margin-inline:auto;font-size:18px;line-height:1.75;font-weight:400}
.sales-home .hero-note{max-width:660px;margin-inline:auto;font-size:12px;line-height:1.7}
.sales-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sales-card{display:flex;flex-direction:column;min-width:0;scroll-margin-top:28px}
.sales-card .card-copy{padding:32px 32px 26px;flex:0 0 auto}
.sales-card .card-copy h3{font-size:31px;line-height:1.16;margin-block:19px 18px;text-wrap:balance}
.sales-card .card-copy p{font-size:15px;line-height:1.8;max-width:100%}
.sales-card .card-stage{display:block;flex:1 0 auto;margin-top:0;padding:26px 28px;background:linear-gradient(140deg,#f4f8fd,#eaf0fb);border-top:1px solid #dce5ef;min-height:0}
.sales-card[data-tone=mint] .card-stage{background:linear-gradient(140deg,#f4faf7,#e8f3ee)}
.sales-flow{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.sales-flow li{position:relative;display:flex;gap:14px;padding:15px 16px;background:#ffffffd9;border:1px solid #dce5ed;border-radius:14px;box-shadow:0 3px 8px #17304405;min-height:86px;align-items:center}
.sales-flow li:not(:last-child):after{content:'↓';position:absolute;bottom:-21px;left:31px;color:#758ea8;font-size:18px;line-height:20px}
.sales-flow .flow-number{display:grid;place-items:center;border:1px solid #d6e2f6;background:#eff4ff;color:#2a5ec3;border-radius:9px;flex:0 0 32px;height:32px;font-size:11px;font-weight:650}
.sales-card[data-tone=mint] .flow-number{background:#edf6f1;color:#367465;border-color:#cfe7dc}
.sales-flow strong{display:block;font-size:14px;line-height:1.45;font-weight:650;color:#213c50}
.sales-flow small{display:block;margin-top:4px;font-size:12px;line-height:1.6;color:#566b7b}
.sales-example{font-size:12px!important;line-height:1.75!important;margin-top:24px;color:#526878}
.sales-example strong{color:#304c60;font-weight:650}
.sales-expansion{display:grid;grid-template-columns:240px 1fr auto;gap:30px;align-items:center;margin-top:28px;padding:28px 30px;border:1px solid #d9e4e9;border-radius:20px;background:#ffffff80}
.sales-expansion h3{font-size:24px;margin-top:8px}
.sales-expansion p{font-size:14px;line-height:1.75}
.sales-expansion .text-link{font-size:12px;white-space:nowrap}
.sales-foundation{padding-top:15px}
.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.foundation-grid article{border-top:1px solid #d3e0e6;padding-top:24px}
.foundation-icon{font-size:12px;color:#577894;font-weight:600}
.foundation-grid h3{font-size:24px;margin:17px 0;line-height:1.2}
.foundation-grid p{font-size:14px;line-height:1.8}
.foundation-grid .text-link{font-size:12px;margin-top:16px}
.sales-boundary{font-size:12px;border-top:1px solid #dce5e9;margin-top:32px;padding-top:18px;max-width:950px;line-height:1.7}
.sales-check-preview{padding:30px;background:#ffffffb8;border:1px solid #d6e5e9;border-radius:20px;box-shadow:var(--premium-shadow)}
.sales-check-preview ol{list-style:none;margin:20px 0;padding:0;display:grid;gap:18px}
.sales-check-preview li{display:flex;gap:14px;align-items:center;font-size:14px}
.sales-check-preview li span{font-size:12px;color:#4d7a72}
.sales-check-preview p{font-size:12px;line-height:1.75;border-top:1px solid #dae5e6;padding-top:16px}
.sales-home .final-card h2{max-width:800px;margin-inline:auto;font-size:clamp(32px,4vw,48px);text-wrap:balance}
.sales-home .final-card p{max-width:700px;margin-inline:auto;line-height:1.8}
.sales-knowledge{padding-top:35px}
@media(max-width:1050px){.sales-expansion{grid-template-columns:200px 1fr}.sales-expansion .text-link{grid-column:2}.sales-card .card-copy{padding:27px 25px 22px}.sales-card .card-stage{padding:24px 22px}.sales-card .card-copy h3{font-size:27px}.foundation-grid{gap:25px}}
@media(max-width:760px){.sales-home .hero.hero-evolution{padding-block:50px 65px}.sales-home .hero h1{font-size:clamp(36px,8.4vw,54px);line-height:1.12}.sales-home .hero-copy>p{font-size:15px}.sales-home .hero-copy>p br{display:none}.sales-home .hero-note{font-size:11px}.sales-grid{grid-template-columns:1fr;gap:24px}.sales-card .card-copy h3{font-size:29px}.sales-card .card-copy p{font-size:14px}.sales-expansion{grid-template-columns:1fr;gap:16px;padding:25px}.sales-expansion .text-link{grid-column:auto}.foundation-grid{grid-template-columns:1fr;gap:26px}.foundation-grid h3{font-size:24px}.sales-check-preview{padding:24px}.sales-home .check-card{gap:26px}.sales-home .hero-note{margin-top:18px}.sales-knowledge{padding-top:20px}}
@media(max-width:380px){.sales-card .card-stage{padding:20px 16px}.sales-flow li{padding:13px 12px;gap:10px}.sales-card .card-copy{padding-inline:22px}.sales-card .card-copy h3{font-size:27px}.sales-flow strong{font-size:13px}}
.sales-further{margin-block:0 40px;border:1px solid #d9e4e9;border-radius:18px;background:#ffffff80;padding:12px 24px}.sales-further>summary{font-size:14px;color:#496779;cursor:pointer;padding:15px 0;min-height:50px}.sales-further .wrap{width:100%}.sales-further .seo-summary{padding-top:25px}.sales-further .section{padding-block:35px}.sales-further .seo-knowledge{padding-bottom:25px}
@media(max-width:760px){.sales-home .hero h1{font-size:clamp(31px,8vw,48px)}.sales-home .hero h1 span{font-size:clamp(27px,7.5vw,44px)}}


/* visual-polish-v2.css */
/* Original interface illustrations for WeAutomize. No external UI, network, or tracking dependencies. */
.sales-home .hero.hero-evolution{padding-top:46px}
.sales-home .hero.hero-evolution h1{margin-block:23px}
.sales-home .hero-evolution .hero-actions{margin-top:27px}
.sales-home .hero-evolution .vp-hero-scene{margin-top:35px}
.sales-home .hero.hero-evolution{padding-bottom:62px}
.vp-hero-scene{position:relative;z-index:2;margin-top:50px;text-align:left}
.vp-scene-caption{display:flex;justify-content:space-between;gap:20px;margin-bottom:13px;padding-inline:7px;color:#526b80;font-size:12px;font-weight:600}
.vp-scene-caption small{font-size:10px;font-weight:400;color:#697d8c}
.vp-hero-workspace{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid #bdcede;border-radius:20px;background:#d1deeb;box-shadow:0 2px 3px #173b5c09,0 9px 18px -12px #244a7399,0 30px 60px -35px #15396380,inset 0 1px 0 #fff}
.vp-hero-source,.vp-hero-draft{min-width:0;background:#fff}
.vp-hero-source{background:#f8fafc}
.vp-windowbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:14px 20px;border-bottom:1px solid #e3e9ef;background:#ffffffd9;color:#203a50}
.vp-brand{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0;font-size:13px;line-height:1.3;font-weight:650;letter-spacing:-.015em}
.vp-brand img,.vp-tool-context img{object-fit:contain;flex-shrink:0;width:22px;height:22px}
.vp-brand small{font-size:10px;font-weight:400;color:#758493;margin-left:4px}
.vp-window-dot{width:7px;height:7px;border-radius:50%;background:#a6bbd0;box-shadow:12px 0 #c1cedb;flex-shrink:0;margin-right:12px}
.vp-inbox-row{display:flex;gap:13px;padding:15px 22px;border-bottom:1px solid #e3eaf1;min-width:0}
.vp-inbox-row>div{min-width:0;flex:1}
.vp-inbox-row strong{font-size:12px;line-height:1.5;font-weight:650;display:block;color:#274156}
.vp-inbox-row>div>span{font-size:12px;line-height:1.7;display:block;color:#526a7d}
.vp-inbox-row>small{font-size:10px;color:#708697;padding-top:2px}
.vp-inbox-row-muted{opacity:.76;background:#fbfcfd;padding-block:12px}
.vp-avatar{display:grid;place-items:center;flex-shrink:0;align-self:flex-start;width:34px;height:34px;border-radius:50%;background:#e6edf6;border:1px solid #dce6ef;color:#3c6084;font-size:10px;line-height:1;font-weight:650}
.vp-inbox-row-selected{background:#edf4ff;border-left:3px solid #3778ea;padding-left:19px}
.vp-inbox-row-selected .vp-avatar{background:#d7e6ff;border-color:#cbdcf7;color:#2c60a9}
.vp-mini-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#2464e7;margin-left:7px;vertical-align:middle}
.sales-home .vp-inbox-row p{margin:6px 0 0;font-size:12px;line-height:1.65;color:#5c7287;max-width:none}
.vp-hero-context{display:flex;align-items:center;gap:11px;padding:17px 22px}
.vp-context-mark{color:#40749b;font-size:23px;line-height:1;flex-shrink:0}
.vp-hero-context>div{min-width:0;flex:1}
.vp-hero-context strong{display:block;font-size:12px;color:#304c62;font-weight:600}
.vp-hero-context>div>span{display:block;color:#688092;font-size:11px;margin-top:2px;line-height:1.65}
.vp-ai-pair{display:flex;align-items:center;flex-shrink:0;gap:6px}
.vp-ai-pair img{width:27px;height:27px;object-fit:contain;padding:4px;background:#fff;border:1px solid #dce5e9;border-radius:8px}
.vp-window-title{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.4;font-weight:600;min-width:0}
.vp-draft-icon{font-size:18px;color:#557c9b;line-height:1}
.vp-state{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:600;line-height:1.4;white-space:nowrap}
.vp-state-blue{background:#eaf1ff;color:#3464ae;border:1px solid #dbe7ff}
.vp-state-mint{background:#e9f5ee;color:#33755d;border:1px solid #d4e9dc}
.vp-hero-mail{padding:20px 25px}
.vp-mail-to{display:block;color:#7a8a99;font-size:10px}
.sales-home .vp-hero-mail h3{margin:9px 0 12px;font-size:17px;letter-spacing:-.025em;color:#233e55;font-weight:600}
.sales-home .vp-hero-mail p{font-size:13px;line-height:1.8;max-width:none;color:#52687b;margin:0}
.vp-review-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 20px 16px;padding:11px 12px;background:#f2f8f5;border:1px solid #e0eee6;border-radius:9px}
.vp-check-circle{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;background:#e0f0e7;border:1px solid #bfddca;color:#3b8562;border-radius:50%;font-size:11px;line-height:1;font-weight:650}
.vp-review-bar strong{font-size:11px;font-weight:600;line-height:1.45;color:#3b6b55}
.vp-review-bar>span:last-child:not(.vp-check-circle){font-size:10px;color:#647e70;margin-left:auto}
.vp-tool-context{margin:28px auto 0;text-align:center}
.vp-tool-context>span{display:block;color:#6a7f8e;font-size:11px}
.vp-tool-context ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:27px;list-style:none;margin:14px 0 10px;padding:0}
.vp-tool-context li{display:flex;align-items:center;gap:8px;font-size:13px;color:#4a6275;font-weight:550}
.vp-tool-context img{width:20px;height:20px}
.vp-tool-context>small{display:block;font-size:9px;line-height:1.6;color:#718391}
.vp-services{padding-top:64px}
.vp-services .section-heading{margin-bottom:38px}
.vp-services .section-heading h2{max-width:760px}
.vp-services .section-heading>p{max-width:300px}
.vp-story{--vp-accent:#2866ce;--vp-pale:#ecf3ff;display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:44px;align-items:start;padding:42px;border:1px solid #c8d8e7;border-top-color:#faffff;border-radius:25px;background:linear-gradient(125deg,#fff 10%,#f8fbff 55%,#eaf2fd);box-shadow:inset 0 1px 0 #fff,0 3px 5px #254b6c04,0 20px 38px -29px #183e6461;scroll-margin-top:24px}
.vp-story+.vp-story{margin-top:30px}
.vp-story-mint{--vp-accent:#2866ce;--vp-pale:#ecf3ff;border-color:#d5e2ec;background:radial-gradient(ellipse 65% 65% at 100% 100%,#d8eee65e,transparent 75%),linear-gradient(125deg,#fff 10%,#f8fbff 55%,#edf3fb)}
.vp-story-copy{padding-top:15px;min-width:0}
.vp-story-kicker{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.5;color:#567389;font-weight:600;letter-spacing:.025em}
.vp-story-kicker>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #d2e0ee;border-radius:7px;background:#f3f7fc;font-size:10px;color:var(--vp-accent)}
.vp-story-mint .vp-story-kicker>span{border-color:#ccdaed;background:#f0f5fc}
.vp-story-copy h3{font-size:clamp(28px,2.75vw,37px);line-height:1.14;letter-spacing:-.045em;color:#1d394f;margin:23px 0 19px;font-weight:600;text-wrap:balance}
.vp-story-copy>p{font-size:14px;line-height:1.8;color:#405e77;max-width:360px}
.vp-benefits{list-style:none;padding:0;margin:25px 0 23px;display:grid;gap:12px}
.vp-benefits li{position:relative;padding-left:22px;font-size:12px;line-height:1.6;color:#3f5d73}
.vp-benefits li:before{content:'✓';position:absolute;left:0;top:0;color:var(--vp-accent);font-size:13px}
.vp-story-link{display:inline-flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #b5cce4;color:var(--vp-accent);font-size:12px;font-weight:600;line-height:1.6}
.vp-story-link:hover{border-color:var(--vp-accent)}
.vp-principle{display:flex;align-items:flex-start;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #dce5ec;max-width:370px}
.vp-principle>span{color:#6c8ba3;font-size:20px;line-height:1.2}
.vp-principle p{font-size:11px;line-height:1.75;color:#6b8191}
.vp-principle strong{display:block;font-weight:600;color:#48677c;margin-bottom:3px}
.vp-story-visual{min-width:0}
.vp-example-label{font-size:10px;line-height:1.5;color:#6f8392;margin:0 0 12px;text-align:right}
.vp-story-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;margin-bottom:16px;background:#e4ecf6;border:1px solid #d5e0eb;border-radius:12px}
.vp-story-mint .vp-story-tabs{background:#e5edf6;border-color:#d3dfec}
.vp-story-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:46px;padding:10px 7px;border:1px solid transparent;border-radius:8px;font-size:11px;line-height:1.4;font-weight:550;color:#5c7387;background:transparent;transition:background .15s,color .15s,border-color .15s;transform:none}
.vp-story-tabs button>span{display:inline-grid;place-items:center;flex-shrink:0;width:19px;height:19px;border:1px solid #c8d6e6;border-radius:50%;font-size:8px;line-height:1;color:#6d8498}
.vp-story-tabs button[aria-selected=true]{border-color:#d1dce8;background:#fff;color:#245da9;box-shadow:0 2px 4px #1837540a}
.vp-story-tabs button[aria-selected=true]>span{background:#e9f1ff;border-color:#c5d8f6;color:#2f68ba}
.vp-story-mint .vp-story-tabs button[aria-selected=true]{color:#245da9;border-color:#cddced}
.vp-story-mint .vp-story-tabs button[aria-selected=true]>span{background:#e8f0fe;border-color:#c5d8f6;color:#2f68ba}
.vp-story-tabs button:hover{background:#ffffff80}
.vp-story-tabs button:focus-visible,.vp-next-step:focus-visible,.vp-story-link:focus-visible{outline:3px solid #2866ce;outline-offset:3px;z-index:1}
.vp-panel{min-width:0;margin:0;padding:0}
.vp-panel+.vp-panel{margin-top:20px}
.vp-story[data-vp-ready] .vp-panel{margin-top:0}
.vp-panel[hidden],.vp-story [hidden]{display:none!important}
.vp-screen{overflow:hidden;border:1px solid #bccfe1;border-top-color:#e2edf7;border-radius:15px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 2px 3px #2344630a,0 8px 15px -9px #163f6752,0 23px 37px -27px #183f697a}
.vp-screen .vp-windowbar{min-height:54px;background:#fcfdff}
.vp-window-controls{letter-spacing:2px;color:#8da0b0;font-size:11px}
.vp-mail-layout{display:grid;grid-template-columns:106px minmax(0,1fr);min-height:250px}
.vp-mail-sidebar{display:flex;flex-direction:column;gap:5px;padding:21px 8px;background:#f8fafc;border-right:1px solid #e5ebf0;font-size:10px;color:#718596}
.vp-mail-sidebar>span{padding:7px 6px;border-radius:5px;line-height:1.5;white-space:nowrap}
.vp-mail-sidebar .vp-sidebar-heading{font-size:9px;color:#8999a7;margin-bottom:7px;padding-top:0}
.vp-mail-sidebar .is-current{color:#376496;background:#e8f1fd;font-weight:600}
.vp-mail-sidebar b{font-size:8px;font-weight:500;margin-left:3px}
.vp-mail-content{min-width:0;padding:24px 21px 21px}
.vp-mail-person{display:flex;align-items:center;gap:10px;min-width:0}
.vp-mail-person>div{min-width:0}
.vp-mail-person strong{display:block;font-size:12px;line-height:1.4;color:#29455c;font-weight:650}
.vp-mail-person small{display:block;font-size:10px;line-height:1.4;color:#78909f;margin-top:4px}
.vp-time{font-size:9px;color:#8b9ba7;margin-left:auto}
.vp-screen h4{font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.4;color:#2b465c;margin:22px 0 14px}
.vp-message-text{font-size:13px;line-height:1.85;color:#536d81;margin:0}
.vp-attachment{display:flex;align-items:center;gap:9px;border:1px solid #dce5ee;border-radius:8px;background:#fbfcfe;padding:10px;margin-top:21px}
.vp-attachment>span:first-child{font-size:20px;color:#6b8baa}
.vp-attachment>span:nth-child(2){min-width:0;flex:1}
.vp-attachment strong{display:block;font-size:10px;line-height:1.6;color:#587084;font-weight:600}
.vp-attachment small{display:block;font-size:9px;line-height:1.6;color:#8293a1;margin-top:2px}
.vp-file-type{padding:3px 4px;border:1px solid #d8e3ed;border-radius:3px;font-size:7px;color:#63849e;flex-shrink:0}
.vp-task-strip{display:flex;align-items:center;gap:12px;padding:17px 20px;background:#f2f7fe;border-top:1px solid #e0e9f3}
.vp-calendar{display:block;flex-shrink:0;text-align:center;width:32px;padding:4px 3px;border:1px solid #cbddef;border-radius:6px;background:#fff;font-size:7px;color:#7193b0;line-height:1.35}
.vp-calendar b{font-size:13px;font-weight:650;color:#416d99}
.vp-task-strip>div{flex:1;min-width:0}
.vp-task-strip strong{display:block;font-size:11px;line-height:1.5;font-weight:600;color:#426782}
.vp-task-strip small{display:block;font-size:10px;line-height:1.5;margin-top:3px;color:#7990a2}
.vp-panel-takeaway{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.75;color:#5e7a8e;padding:16px 4px 0;margin:0}
.vp-panel-takeaway>span{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;border-radius:50%;border:1px solid #cadbe9;background:#f5f9fc;color:var(--vp-accent);font-size:8px;line-height:1;margin-top:1px}
.vp-story-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;padding:14px 4px 0;border-top:1px solid #d9e4ed}
.vp-story-progress{font-size:10px;line-height:1.6;color:#738b9d;white-space:nowrap}
.vp-next-step{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:7px;background:transparent;padding:10px 7px;color:var(--vp-accent);font-size:11px;line-height:1.5;font-weight:600;min-height:44px;text-align:right}
.vp-next-step:hover{background:#ffffffb0}
.vp-context-strip{margin:18px 20px 0;padding:13px 15px;border:1px solid #dce8f0;border-radius:10px;background:linear-gradient(105deg,#f0f6fc,#f7fafc)}
.vp-context-strip>span{display:block;font-size:9px;line-height:1.5;font-weight:600;color:#63829a;margin-bottom:7px}
.vp-context-strip p{font-size:11px;line-height:1.7;color:#59758a;margin:0}
.vp-context-strip strong{font-weight:600;color:#3d617b}
.vp-story-mint .vp-context-strip{background:linear-gradient(105deg,#eef4fc,#f8fafc);border-color:#d8e5ee;border-left:2px solid #b5d7cc}
.vp-draft-content{padding:20px 25px 24px}
.vp-mail-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:#8296a6;line-height:1.5}
.vp-mail-meta strong{font-size:11px;font-weight:500;color:#5f7a8f}
.vp-mail-meta .vp-state{margin-left:auto}
.vp-draft-content h4{margin:13px 0 19px}
.vp-draft-content p{font-size:12px;line-height:1.9;color:#536d80;margin:0 0 12px}
.vp-draft-content p:last-child{margin-bottom:0}
.vp-draft-content .vp-mail-signature{font-size:11px;color:#718797}
.vp-reply-content{padding:25px 25px 26px}
.vp-reply-content .vp-message-text{font-size:14px;line-height:1.85}
.vp-stop-status{display:flex;align-items:center;gap:12px;margin:0 20px;padding:16px;background:#eff7f2;border:1px solid #d3e7dc;border-radius:11px}
.vp-stop-status .vp-check-circle{width:27px;height:27px;flex-basis:27px;font-size:13px}
.vp-stop-status strong{font-size:12px;line-height:1.6;font-weight:600;color:#397658}
.vp-stop-status p{font-size:10px;line-height:1.7;color:#6c887a;margin:3px 0 0}
.vp-next-task{display:flex;align-items:center;gap:13px;margin:22px 20px 24px;padding:0 4px}
.vp-task-symbol{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #d6e3ec;background:#f5f9fc;border-radius:9px;font-size:19px;color:#4d7a9c}
.vp-next-task>div{min-width:0}
.vp-next-task>div>span{display:block;font-size:9px;line-height:1.6;color:#8296a4}
.vp-next-task strong{display:block;font-size:13px;line-height:1.6;color:#3b5b73;font-weight:600;margin-top:2px}
.vp-next-task small{display:block;font-size:10px;line-height:1.7;color:#7590a1;margin-top:3px}
.vp-customer-header{display:flex;align-items:center;gap:13px;padding:25px 23px 22px}
.vp-company-avatar{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:10px;background:#edf3fc;border:1px solid #d3dfed;color:#466687;font-size:21px;font-weight:550}
.vp-company-logo{display:block;flex:0 0 44px;width:44px;height:44px;object-fit:contain;border-radius:11px;box-shadow:0 3px 8px #1f3c5c12}
.vp-customer-header>div{flex:1;min-width:0}
.vp-customer-header h4{margin:0 0 4px;font-size:17px;color:#243f57}
.vp-customer-header p{font-size:10px;line-height:1.5;color:#526d84;margin:0}
.vp-story-mint .vp-customer-header .vp-state-mint,.vp-story-mint .vp-mail-meta .vp-state-mint{background:#eaf1ff;color:#3464ae;border-color:#dbe7ff}
.vp-record-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;margin:0 23px 12px;padding:10px 0;border-block:1px solid #e4ebf2;color:#526d84;font-size:10px;line-height:1.6;font-variant-numeric:tabular-nums}
.vp-record-meta>span{display:inline-flex;align-items:center;gap:6px;min-width:0}
.vp-record-meta>span+span:before{content:'';display:block;width:3px;height:3px;flex:0 0 3px;border-radius:50%;background:#9bb0c5;margin-right:1px}
.vp-customer-history{padding:0 23px 21px}
.vp-history-item{display:flex;align-items:flex-start;gap:13px;position:relative;padding:15px 0}
.vp-history-item:first-child:after{content:'';position:absolute;left:4px;top:30px;bottom:-17px;width:1px;background:#d5e1ed}
.vp-history-dot{display:block;position:relative;z-index:1;flex:0 0 9px;width:9px;height:9px;background:#e5edf8;border:2px solid #90aaca;border-radius:50%;margin-top:5px}
.vp-history-item>div{flex:1;min-width:0}
.vp-history-item>div>span{display:block;font-size:9px;line-height:1.6;color:#526d84}
.vp-history-item strong{display:block;font-size:12px;line-height:1.7;font-weight:600;color:#395a75;margin-top:5px}
.vp-history-item p{font-size:11px;line-height:1.8;color:#526d84;margin:6px 0 0}
.vp-history-highlight>div{background:#eff5fd;border:1px solid #d5e3f3;border-left:3px solid #6d97d6;border-radius:10px;padding:12px 14px;margin-top:-8px}
.vp-history-highlight .vp-history-dot{background:#5785c9;border-color:#5785c9}
.vp-activity-time{display:block;margin-top:7px;color:#526d84;font-size:10px;font-weight:400;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.vp-history-item>div>.vp-activity-time:first-child{margin-top:0;margin-bottom:4px}
.vp-record-source{display:flex;align-items:flex-start;gap:8px;padding:14px 21px;background:#f7f9fc;border-top:1px solid #e2eaf1;color:#526d84;font-size:10px;line-height:1.75}
.vp-record-source>span{font-size:16px;line-height:1.1;color:#7a96b0}
.vp-task-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #dce6f1;background:linear-gradient(105deg,#f0f5fd,#f7f9fc)}
.vp-task-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cbdcf0;border-radius:9px;background:#fff;color:#4979b6;font-size:17px;line-height:1;flex-shrink:0}
.vp-task-row>div{min-width:0}
.vp-task-row strong{display:block;color:#3b5e7e;font-size:11px;line-height:1.6;font-weight:600}
.vp-task-row small{display:block;color:#526d84;font-size:10px;line-height:1.7;margin-top:3px;font-variant-numeric:tabular-nums}
.vp-task-row>.vp-state{font-size:10px;padding:5px 8px;max-width:100%;justify-self:end}
.vp-windowbar>.vp-time{font-size:10px;line-height:1.6;color:#526d84;max-width:45%;text-align:right;flex-shrink:1;font-variant-numeric:tabular-nums}
.vp-mail-meta>.vp-activity-time{margin:0 0 0 auto;font-size:10px}
.vp-mail-meta:has(>.vp-activity-time){flex-wrap:wrap}
.vp-review-bar>.vp-activity-time{margin-top:0;font-size:10px}
.vp-systems-note{font-size:11px;line-height:1.85;color:#718694;margin:22px auto 0;text-align:center;max-width:830px}
/* A stronger blue surface marks the optional next stage without competing with the primary stories. */
.sales-home .vp-services .sales-expansion,.sales-home .sales-secondary{position:relative;isolation:isolate;overflow:hidden;margin-top:34px;padding:31px 33px;border:1px solid #3765a2;border-top-color:#87ade5;border-left:3px solid #75a3e9;border-radius:20px;background:radial-gradient(ellipse 80% 170% at 0 -50%,#3c7be0a3,transparent 70%),linear-gradient(115deg,#205db7,#1b477f 58%,#18334f);box-shadow:inset 0 1px 0 #bcd7ff38,inset 0 -1px 0 #102c4a55,0 3px 4px #16345a0a,0 18px 28px -22px #173c737a}
.sales-home .sales-secondary{display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:30px;align-items:center}
.sales-home :is(.sales-expansion,.sales-secondary) .eyebrow{color:#c4dbfb}
.sales-home :is(.sales-expansion,.sales-secondary) h3{color:#fff}
.sales-home :is(.sales-expansion,.sales-secondary) p{color:#dfebfa}
.sales-home :is(.sales-expansion,.sales-secondary) .text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:12px 15px;background:linear-gradient(180deg,#fff,#edf4ff);border:1px solid #f2f7ff;border-bottom-color:#b6cdeb;border-radius:9px;color:#24518d;box-shadow:inset 0 1px 0 #fff,0 2px 3px #0d2b5229,0 7px 14px -9px #0e294fa3;font-size:11px;line-height:1.5;justify-self:start;white-space:nowrap}
.sales-home :is(.sales-expansion,.sales-secondary) .text-link:hover{background:#fff;border-color:#fff;color:#16417e;box-shadow:inset 0 1px 0 #fff,0 3px 6px #0d2b523d,0 7px 14px -9px #0e294fa3}
.sales-home .sales-foundation{padding-block:66px;background:linear-gradient(180deg,#f1f6fc,#f5f8fc 80%,#f7f9fc);border-block:1px solid #dde7f1}
.sales-home .sales-foundation .eyebrow{color:#5d7fa8}
.sales-home .foundation-grid article{border-top-color:#bcd0e6}
.sales-home .foundation-icon{color:#4c7eb8}
.sales-home .foundation-grid .text-link{color:#3d6ea8}
.sales-home .sales-boundary{border-top-color:#d5e1ef}
.sales-home .process-section .process-number{color:#4c7eb8;border-top-color:#c8d9ed}
.sales-home .foundation-grid p,.sales-home #systeme .system-card>p,.sales-home .process-step p,.sales-home .check-copy p,.sales-home .about-copy p,.sales-home .final-card p,.sales-home .faq-list details p{color:#435f77}
/* Compact explanatory illustrations: data, human review, and the next task. */
.vp-foundation-visual{display:flex;align-items:center;justify-content:center;min-width:0;height:132px;min-height:132px;gap:7px;margin:0 0 24px;padding:18px 13px;position:relative;overflow:hidden;border:1px solid #cbdbea;border-top-color:#edf5ff;border-radius:14px;background:radial-gradient(ellipse 80% 130% at 10% 0,#fff 10%,transparent 80%),linear-gradient(115deg,#eaf2fc,#f5f8fd);box-shadow:inset 0 1px 0 #fff,0 2px 3px #21496e05,0 10px 18px -15px #224c7866}
.vp-data-visual{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);gap:4px}
.vp-data-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:64px;padding:10px 3px;border:1px solid #ccdced;border-top-color:#fff;border-radius:9px;background:linear-gradient(150deg,#fff,#f7faff);color:#385e82;font-size:11px;font-weight:600;line-height:1.4;text-align:center;hyphens:auto;overflow-wrap:anywhere;box-shadow:0 2px 3px #244f790a}
.vp-data-node img{display:block;flex:0 0 22px;width:22px;height:22px;object-fit:contain}
.vp-data-node svg{display:block;flex:0 0 23px;width:23px;height:23px;color:#507cab}
.vp-data-node span{display:block;max-width:100%;overflow-wrap:anywhere}
.vp-data-node>span[aria-hidden=true]{display:grid;place-items:center;height:22px;font-size:22px;line-height:1;color:#507cab}
.vp-data-node:last-child{background:linear-gradient(150deg,#fff,#edf4fe);border-color:#bed3ec}
.vp-mini-connector{display:block;position:relative;height:1px;width:100%;background:#90b0d3;flex-shrink:0;font-size:0;line-height:0}
.vp-mini-connector:after{content:'';position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid #7099c3;border-right:1px solid #7099c3;transform:rotate(45deg)}
.vp-review-visual{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);gap:4px}
.vp-review-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:64px;position:relative;color:#5c7891;font-size:11px;line-height:1.4;text-align:center}
.vp-review-step>span:first-child{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid #c9d9e9;border-radius:9px;background:#ffffffc9;color:#537aa2;font-size:16px;line-height:1;box-shadow:inset 0 1px 0 #fff,0 2px 3px #214b7205}
.vp-review-step:not(:last-child):after{display:none}
.vp-review-step.is-current{color:#285c9d;font-weight:600}
.vp-review-step.is-current>span:first-child{background:linear-gradient(145deg,#377add,#245bb4);border-color:#4a83d2;border-top-color:#a1c3f1;color:#fff;box-shadow:inset 0 1px 0 #b2d1ff40,0 3px 6px #2d63a624}
.vp-task-visual{padding:18px 13px;background:linear-gradient(115deg,#edf4fd,#f3f7fb)}
.vp-mini-task-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;width:100%;min-width:0;padding:12px 11px;border:1px solid #c6d8eb;border-top-color:#fff;border-radius:10px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 2px 3px #264f7510,0 8px 13px -12px #214d7b70}
.vp-mini-task-row>.vp-avatar{width:28px;height:28px;font-size:9px;align-self:start;background:#e4edf9;border-color:#cbdcf1;color:#3f6592}
.vp-mini-task-row>div{min-width:0}
.vp-mini-task-row strong{display:block;color:#365776;font-size:11px;line-height:1.5;font-weight:600}
.vp-mini-task-row small{display:block;margin-top:4px;color:#526d84;font-size:10px;line-height:1.6;font-variant-numeric:tabular-nums}
.vp-mini-task-row>.vp-state{grid-column:2;justify-self:start;font-size:9px;padding:3px 7px}
.sales-home #systeme .foundation-grid>article:has(>.vp-foundation-visual){min-width:0;border:1px solid #ceddea;border-top-color:#faffff;border-radius:19px;padding:24px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:inset 0 1px 0 #fff,0 3px 5px #244a6f04,0 15px 25px -23px #244c7566}
.sales-home #systeme .foundation-grid{gap:25px}
/* Real customer outcome. Visually separate from the fictitious interface examples. */
.vp-evidence{margin-block:2px 8px}
.vp-evidence-card{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:55px;padding:38px 43px;border-radius:21px;background:#173448;color:#fff;position:relative;overflow:hidden}
.vp-evidence-result{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.vp-evidence-result>span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#abd2c2;margin-bottom:15px}
.vp-evidence-number{font-size:clamp(43px,5vw,64px);font-weight:600;line-height:1;letter-spacing:-.05em;color:#fff}
.vp-evidence-result p{font-size:14px;line-height:1.6;color:#d1e3e6;margin-top:13px}
.vp-evidence-copy{border-left:1px solid #ffffff26;padding-left:47px;position:relative;z-index:1}
.vp-evidence-copy>span{font-size:10px;line-height:1.6;color:#9db7c2}
.vp-evidence-copy h2{font-size:27px;line-height:1.18;letter-spacing:-.035em;color:#edf5f7;margin:8px 0 14px}
.vp-evidence-copy p{font-size:12px;line-height:1.9;color:#bbced7;margin:0}
.vp-evidence-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;color:#cfe4df;font-size:10px;line-height:1.8}
.vp-evidence-flow span{padding:4px 8px;border:1px solid #abc8c329;border-radius:5px;background:#ffffff05}
.vp-evidence-flow i{font-style:normal;color:#6f9b9a}
.vp-evidence-note{font-size:10px;line-height:1.7;color:#7c909d;margin-top:10px;padding-inline:3px}
@media(min-width:1100px){.vp-story-copy{padding-right:8px}.vp-story-visual{max-width:640px}.vp-hero-scene{width:min(1080px,calc(100% - 80px))}}
@media(max-width:1050px){.vp-story{gap:28px;padding:32px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.vp-story-copy h3{font-size:30px}.vp-story-tabs button{font-size:10px;gap:5px}.vp-mail-layout{grid-template-columns:82px minmax(0,1fr)}.vp-mail-sidebar{font-size:8px;padding-inline:4px}.vp-mail-sidebar>span{padding-inline:5px}.vp-mail-sidebar b{display:none}.vp-mail-content{padding:21px 18px}.vp-review-bar>span:last-child:not(.vp-check-circle){margin-left:28px}.vp-hero-context .vp-ai-pair{display:none}.vp-evidence-card{gap:35px}.vp-evidence-copy{padding-left:33px}}
@media(max-width:840px){.vp-story{grid-template-columns:1fr;gap:25px;padding:30px}.vp-story-copy{padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.vp-story-kicker,.vp-story-copy h3{grid-column:1}.vp-story-copy h3{margin:18px 0 0;font-size:32px}.vp-story-copy>p{grid-column:2;grid-row:1/3;align-self:center;max-width:none}.vp-benefits{grid-column:1/3;display:flex;flex-wrap:wrap;gap:10px 20px;margin-block:23px 10px}.vp-benefits li{font-size:11px}.vp-story-link{grid-column:1/3;justify-self:start}.vp-principle{display:none}.vp-example-label{text-align:left}.vp-story-visual{width:100%}.vp-screen{min-height:0}.vp-mail-layout{grid-template-columns:110px minmax(0,1fr);min-height:245px}.vp-mail-sidebar{font-size:10px;padding-inline:8px}.vp-mail-sidebar>span{padding-inline:6px}.vp-mail-content{padding:25px}.vp-story-tabs button{font-size:11px;min-height:47px}.vp-review-bar>span:last-child:not(.vp-check-circle){margin-left:auto}.vp-evidence-card{grid-template-columns:1fr 1.3fr;gap:25px;padding:32px}.vp-evidence-copy{padding-left:28px}.vp-evidence-copy h2{font-size:24px}}
@media(max-width:600px){.sales-home .hero.hero-evolution{padding-bottom:44px}.vp-hero-scene{margin-top:34px}.vp-scene-caption{display:block;text-align:center;margin-bottom:13px;font-size:11px}.vp-scene-caption small{display:block;margin-top:4px;font-size:9px}.vp-hero-workspace{grid-template-columns:1fr;border-radius:16px}.vp-hero-source .vp-windowbar{min-height:43px;padding-block:10px}.vp-hero-source .vp-inbox-row-muted{display:none}.vp-hero-source .vp-inbox-row-selected{padding-block:12px}.vp-hero-context{padding-block:12px}.vp-hero-context>div>span{font-size:10px}.vp-hero-context strong{font-size:11px}.vp-hero-draft .vp-windowbar{padding-block:11px;min-height:44px}.vp-hero-mail{padding:17px 21px 18px}.sales-home .vp-hero-mail h3{font-size:16px;margin-block:7px 9px}.sales-home .vp-hero-mail p{font-size:12px;line-height:1.8}.vp-review-bar{margin-inline:16px;margin-bottom:14px;gap:7px}.vp-review-bar strong{font-size:10px}.vp-review-bar>span:last-child:not(.vp-check-circle){font-size:9px}.vp-hero-draft .vp-review-bar>span:last-child:not(.vp-check-circle){display:none}.vp-tool-context{margin-top:24px}.vp-tool-context ul{gap:13px 18px;margin-top:12px}.vp-tool-context li{font-size:11px;gap:6px}.vp-tool-context img{width:18px;height:18px}.vp-tool-context>small{max-width:250px;margin-inline:auto;font-size:9px}.vp-services{padding-top:48px}.vp-services .section-heading>p{max-width:none}.vp-services .section-heading h2{font-size:30px}.vp-services .section-heading h2 br{display:none}.vp-story{padding:23px 17px 19px;border-radius:20px;gap:24px}.vp-story+.vp-story{margin-top:23px}.vp-story-copy{display:block;padding-inline:3px}.vp-story-kicker{font-size:10px}.vp-story-copy h3{font-size:30px;margin:20px 0 15px}.vp-story-copy>p{font-size:13px;line-height:1.8}.vp-benefits{display:grid;gap:8px;margin:19px 0 15px}.vp-story-link{font-size:11px;padding-block:8px}.vp-story-tabs{gap:3px;padding:4px;border-radius:10px;margin-bottom:13px}.vp-story-tabs button{flex-direction:column;gap:5px;padding:9px 4px;min-height:64px;font-size:9px;line-height:1.4;text-align:center}.vp-story-tabs button>span{width:17px;height:17px;font-size:7px}.vp-example-label{font-size:9px;margin-bottom:10px}.vp-screen{border-radius:12px}.vp-screen .vp-windowbar{padding:12px 14px;gap:9px;min-height:48px}.vp-brand{font-size:12px;gap:7px}.vp-brand img{width:20px;height:20px}.vp-brand small{font-size:8px;margin-left:0}.vp-window-title{font-size:11px;gap:6px}.vp-window-title .vp-context-mark{font-size:21px}.vp-ai-pair{gap:4px}.vp-ai-pair img{width:24px;height:24px;padding:4px;border-radius:6px}.vp-mail-layout{grid-template-columns:1fr;min-height:0}.vp-mail-sidebar{display:none}.vp-mail-content,.vp-reply-content{padding:21px 17px}.vp-mail-person{gap:9px}.vp-mail-person strong{font-size:11px}.vp-mail-person small{font-size:9px}.vp-time{font-size:8px}.vp-screen h4{font-size:14px;margin-block:20px 13px}.vp-message-text{font-size:12px;line-height:1.9}.vp-attachment{margin-top:19px;padding:9px;gap:8px}.vp-attachment strong{font-size:9px}.vp-attachment small{font-size:8px}.vp-task-strip{padding:15px 13px;gap:9px}.vp-task-strip strong{font-size:10px}.vp-task-strip small{font-size:9px}.vp-task-strip>.vp-state{display:none}.vp-calendar{width:29px}.vp-panel-takeaway{font-size:10px;line-height:1.8;padding-top:13px;gap:7px}.vp-panel-takeaway>span{width:17px;height:17px;flex-basis:17px;font-size:7px}.vp-story-controls{margin-top:13px;padding-top:9px;gap:8px}.vp-story-progress{font-size:9px}.vp-next-step{font-size:10px;gap:6px;padding-inline:4px}.vp-context-strip{margin:14px 13px 0;padding:11px}.vp-context-strip p{font-size:10px;line-height:1.8}.vp-context-strip>span{font-size:8px}.vp-draft-content{padding:17px 17px 21px}.vp-draft-content h4{margin-block:12px 17px}.vp-draft-content p{font-size:12px;line-height:1.9;margin-bottom:12px}.vp-mail-meta{font-size:9px}.vp-mail-meta strong{font-size:10px}.vp-draft-content .vp-mail-signature{font-size:10px}.vp-reply-content .vp-message-text{font-size:13px}.vp-stop-status{margin-inline:13px;padding:13px;gap:9px}.vp-stop-status strong{font-size:11px}.vp-stop-status p{font-size:9px}.vp-stop-status .vp-check-circle{width:24px;height:24px;flex-basis:24px}.vp-next-task{margin:21px 15px;gap:10px}.vp-next-task strong{font-size:12px}.vp-next-task small{font-size:9px}.vp-task-symbol{width:29px;height:29px;flex-basis:29px}.vp-customer-header{padding:22px 16px 18px;gap:10px;flex-wrap:wrap}.vp-customer-header h4{font-size:16px;margin:0 0 3px}.vp-customer-header p{font-size:9px}.vp-company-avatar{width:35px;height:35px;flex-basis:35px}.vp-customer-header>.vp-state{font-size:8px;padding:3px 6px}.vp-customer-history{padding:0 16px 16px}.vp-history-item{gap:11px;padding-block:14px}.vp-history-item strong{font-size:11px}.vp-history-item p{font-size:10px}.vp-history-highlight>div{padding:10px}.vp-record-source{font-size:9px;padding:13px 15px}.vp-systems-note{font-size:10px;text-align:left;padding-inline:3px;margin-top:17px}.vp-evidence{margin-block:0 0}.vp-evidence-card{grid-template-columns:1fr;gap:26px;padding:28px 24px;border-radius:19px}.vp-evidence-result>span{font-size:9px;margin-bottom:15px}.vp-evidence-number{font-size:50px}.vp-evidence-result p{font-size:13px;margin-top:12px}.vp-evidence-copy{border-left:0;border-top:1px solid #ffffff26;padding:23px 0 0}.vp-evidence-copy h2{font-size:24px;max-width:330px}.vp-evidence-copy p{font-size:11px}.vp-evidence-note{font-size:9px}}
@media(max-width:360px){.vp-story{padding-inline:13px}.vp-story-copy h3{font-size:28px}.vp-story-tabs button{font-size:8px;letter-spacing:-.01em}.vp-windowbar{padding-inline:14px}.vp-brand small{display:none}.vp-hero-context{padding-inline:17px}.vp-inbox-row{padding-inline:17px}.vp-inbox-row-selected{padding-left:14px}.vp-inbox-row>div>span{font-size:11px}.vp-inbox-row p{font-size:11px!important}.vp-hero-mail{padding-inline:17px}.vp-customer-header>.vp-state{margin-left:45px}.vp-screen .vp-window-title{font-size:10px}.vp-review-bar{padding:10px;gap:6px}.vp-review-bar>span:last-child:not(.vp-check-circle){margin-left:26px}.vp-story-progress{font-size:8px}.vp-next-step{font-size:9px}.vp-evidence-number{font-size:43px}}
@media(prefers-reduced-motion:reduce){.vp-story-tabs button{transition:none}}
@media(max-width:1050px){.sales-home .sales-secondary{grid-template-columns:200px minmax(0,1fr)}.sales-home .sales-secondary .text-link{grid-column:2}.sales-home #systeme .foundation-grid>article:has(>.vp-foundation-visual){padding:20px}.vp-foundation-visual{padding-inline:10px}.vp-task-visual{padding-block:12px}.vp-data-visual,.vp-review-visual{grid-template-columns:minmax(0,1fr) 7px minmax(0,1fr) 7px minmax(0,1fr);gap:3px}.vp-data-node{font-size:10px}.vp-mini-task-row{padding:11px 9px;column-gap:8px}}
@media(max-width:760px){.sales-home .sales-secondary{grid-template-columns:1fr;gap:17px;padding:27px 24px}.sales-home .sales-secondary .text-link{grid-column:auto}.sales-home #systeme .foundation-grid>article:has(>.vp-foundation-visual){padding:23px}.vp-foundation-visual{height:124px;min-height:124px;padding:18px 12px;margin-bottom:23px}.vp-task-visual{padding-block:12px}.vp-data-visual,.vp-review-visual{grid-template-columns:minmax(0,1fr) 9px minmax(0,1fr) 9px minmax(0,1fr);gap:4px}.vp-data-node{font-size:11px;min-height:67px}.vp-review-step{font-size:12px}.vp-mini-task-row strong{font-size:12px}.vp-mini-task-row small{font-size:10px}.vp-mini-task-row>.vp-state{font-size:10px}}
@media(max-width:760px){.sales-home .vp-services .sales-expansion{padding:25px 23px;margin-top:27px}.sales-home .sales-foundation{padding-block:49px}.sales-home .sales-expansion .text-link{font-size:12px;min-height:43px;display:inline-flex;align-items:center;gap:8px}}
@media(max-width:600px){.vp-company-logo{width:40px;height:40px;flex-basis:40px;border-radius:10px}.vp-record-meta{margin:0 16px 10px;padding-block:10px;font-size:10px;gap:5px 10px}.vp-activity-time{font-size:10px;margin-top:7px}.vp-task-row{padding:14px 15px;gap:10px;grid-template-columns:auto minmax(0,1fr)}.vp-task-row>.vp-state{grid-column:2;justify-self:start;font-size:10px;padding:4px 7px;margin-top:-3px}.vp-task-row strong{font-size:11px}.vp-task-row small{font-size:10px}.vp-task-icon{width:29px;height:29px;border-radius:8px;font-size:16px}.vp-windowbar>.vp-time{font-size:10px}.vp-customer-header>.vp-state{margin-left:50px}.vp-customer-header:has(.vp-company-logo){display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px}.vp-customer-header:has(.vp-company-logo)>.vp-state{grid-column:2;justify-self:start;margin:0}.vp-history-highlight>div{padding-left:10px}.vp-review-bar>.vp-activity-time{margin-left:28px;flex-basis:calc(100% - 28px)}}
@media(max-width:600px){.vp-message-text,.vp-draft-content p,.sales-home .vp-hero-mail p{font-size:13px}.vp-story-copy>p{font-size:14px}.vp-principle p{font-size:12px}}
/* Keep navigation, disclosure, and approval legible on small screens. */
@media(max-width:600px){.vp-story-tabs button{font-size:11px;min-height:74px;overflow-wrap:normal}.vp-example-label,.vp-scene-caption small{font-size:10px}.vp-review-bar strong{font-size:11px}.vp-state,.vp-customer-header>.vp-state{font-size:10px}.vp-review-bar>span:last-child:not(.vp-check-circle){font-size:10px}.vp-story-progress{font-size:10px}.vp-next-step{font-size:11px}}
@media(forced-colors:active){.vp-screen,.vp-story,.vp-hero-workspace,.vp-evidence-card{border:1px solid CanvasText}.vp-story-tabs button[aria-selected=true]{border:2px solid Highlight}.vp-history-dot,.vp-mini-dot{forced-color-adjust:none}.vp-evidence-card{background:Canvas;color:CanvasText}.vp-evidence-card *{color:CanvasText}.sales-home .vp-services .sales-expansion,.sales-home .sales-secondary,.sales-home .sales-foundation,.vp-task-row{background:Canvas;border-color:CanvasText}.sales-home :is(.sales-expansion,.sales-secondary) :is(.eyebrow,h3,p){color:CanvasText}.sales-home :is(.sales-expansion,.sales-secondary) .text-link{background:Canvas;border-color:LinkText;color:LinkText}.vp-task-icon,.vp-foundation-visual,.vp-data-node,.vp-mini-task-row,.vp-review-step>span:first-child{background:Canvas;border-color:CanvasText;color:CanvasText}.vp-review-step.is-current>span:first-child{border:2px solid Highlight;background:Canvas;color:CanvasText}.vp-mini-connector,.vp-review-step:not(:last-child):after{background:CanvasText}.vp-mini-connector:after{border-color:CanvasText}}
@media(min-width:601px) and (max-width:900px){.sales-home #systeme .foundation-grid{grid-template-columns:1fr}.sales-home #systeme .foundation-grid>article:has(>.vp-foundation-visual){display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);column-gap:28px;align-content:start}.sales-home #systeme .vp-foundation-visual{grid-column:1;grid-row:1/4;align-self:center;width:100%;height:132px;min-height:132px;margin:0}.sales-home #systeme .foundation-grid article>h3{grid-column:2;margin:0}.sales-home #systeme .foundation-grid article>p{grid-column:2;margin:14px 0 0}.sales-home #systeme .foundation-grid article>.text-link{grid-column:2;justify-self:start}}
@media print{.vp-story-tabs,.vp-story-controls{display:none!important}.vp-story .vp-panel[hidden]{display:block!important}.vp-story{display:block;break-inside:avoid}.vp-story-visual{margin-top:20px}.vp-panel+.vp-panel{margin-top:20px!important}}


/* color-rhythm-v4.css */
/* Shared light surfaces and deliberate brand accents. Presentation only. */
.sales-home { --wa-v4-blue:#2558d9; --wa-v4-ink:#193653; }
.sales-home .hero.hero-evolution { background:radial-gradient(ellipse 45% 36% at 80% 22%,#e8edff80,transparent 80%),radial-gradient(ellipse 50% 45% at 15% 48%,#e3f0ff70,transparent 85%),#fff; }
.sales-home .vp-evidence-card { gap:0; padding:0; border:1px solid #d5e1ed; border-radius:24px; background:#fff; box-shadow:0 12px 32px -26px #204e7c85; }
.sales-home .vp-evidence-result { overflow:hidden; isolation:isolate; padding:36px 32px; border-right:1px solid #cedcf3; background:linear-gradient(140deg,#e4edff,#d1e2ff); }
.sales-home .vp-evidence-result::after { content:''; position:absolute; z-index:-1; width:240px; height:240px; right:-125px; bottom:-145px; border:28px solid #ffffff55; border-radius:50%; box-shadow:0 0 0 28px #ffffff24; }
.sales-home .vp-evidence-result>span { color:#3b5884; font-size:10px; }
.sales-home .vp-evidence-number { color:#2356c3; font-size:clamp(42px,5vw,62px); }
.sales-home .vp-evidence-result p { color:#284a77; }
.sales-home .vp-evidence-copy { padding:32px 38px; border:0; }
.sales-home .vp-evidence-copy>span { color:#597188; }
.sales-home .vp-evidence-copy h2 { color:#193653; }
.sales-home .vp-evidence-copy p { color:#435f77; }
.sales-home .vp-evidence-flow { color:#31567e; }
.sales-home .vp-evidence-flow span { border:1px solid #d5e3f0; background:#f1f6fc; border-radius:7px; padding:5px 9px; }
.sales-home .vp-evidence-flow i { color:#557ba4; }
.sales-home .vp-evidence-note { color:#597188; }
.sales-home .vp-story { background:#fcfdff; }
.sales-home .vp-story-mint { background:radial-gradient(ellipse 80% 90% at 0 100%,#e5eaff99,transparent 80%),#eef4ff; border-color:#c8d8f0; }
.sales-home .vp-story-kicker>span { background:#e0eaff; border-color:#c3d5fa; color:#2558b5; }
.sales-home .vp-story-mint .vp-story-kicker>span { background:#fff; border-color:#c6d6ed; }
.sales-home .vp-services .sales-expansion { background:radial-gradient(ellipse 70% 180% at 100% 0,#5f7cf3a6,transparent 70%),linear-gradient(110deg,#2055c8,#2d60df); border:1px solid #4173e3; border-top-color:#8caaf1; border-radius:22px; padding:34px; box-shadow:inset 0 1px 0 #ffffff25,0 15px 30px -25px #2353b4aa; }
.sales-home .vp-services .sales-expansion .eyebrow { color:#e2ebff; }
.sales-home .vp-services .sales-expansion p { color:#f1f5ff; }
.sales-home .process-section .process-grid { gap:24px; }
.sales-home .process-section .process-step { border-radius:19px; padding:24px; background:#f6f8fc; border:1px solid #e1e8f2; }
.sales-home .process-section .process-step::after { display:none; }
.sales-home .process-section .process-step:nth-child(2) { background:#eaf0ff; border-color:#d2dff8; }
.sales-home .process-section .process-number { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; margin-bottom:22px; padding:0; border:1px solid #d3e0f2; border-radius:12px; background:#fff; color:#3261ad; font-size:15px; }
.sales-home .process-section .process-step:nth-child(2) .process-number { background:#2b5cd2; color:#fff; border-color:#2b5cd2; box-shadow:0 4px 9px #2b5cd21a; }
.sales-home .sales-check-preview { background:linear-gradient(145deg,#e6f2f0,#def0eb); border-color:#bdd9d1; box-shadow:inset 0 1px 0 #ffffffd9,0 18px 32px -29px #255e6099; }
.sales-home .sales-check-preview .eyebrow { color:#35645d; }
.sales-home .sales-check-preview li { align-items:flex-start; }
.sales-home .sales-check-preview li span { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; background:#ffffffdb; border:1px solid #bad7ce; border-radius:9px; color:#315f57; }
.sales-home .sales-check-preview li strong { padding-top:3px; color:#244e48; }
.sales-home .sales-check-preview p { color:#3b645e; border-color:#bad7ce; }
@media(max-width:840px) {
  .sales-home .vp-evidence-result { padding:28px 25px; }
  .sales-home .vp-evidence-copy { padding:28px; }
}
@media(max-width:600px) {
  .sales-home .vp-evidence-card { grid-template-columns:1fr; gap:0; }
  .sales-home .vp-evidence-result { border-right:0; border-bottom:1px solid #cedcf3; padding:30px 24px; }
  .sales-home .vp-evidence-copy { padding:27px 24px; }
  .sales-home .vp-evidence-copy p { font-size:12px; }
  .sales-home .vp-services .sales-expansion { padding:26px 23px; }
  .sales-home .process-section .process-step { display:block; padding:24px; }
  .sales-home .process-section .process-number { margin-bottom:12px; }
}
@media(forced-colors:active) {
  .sales-home .vp-evidence-card,.sales-home .vp-evidence-result,.sales-home .vp-evidence-copy,.sales-home .vp-evidence-flow span,.sales-home .vp-story,.sales-home .vp-story-mint,.sales-home .vp-services .sales-expansion,.sales-home .process-section .process-step,.sales-home .process-section .process-step:nth-child(2),.sales-home .process-section .process-number,.sales-home .process-section .process-step:nth-child(2) .process-number,.sales-home .sales-check-preview,.sales-home .sales-check-preview li span { background:Canvas; border-color:CanvasText; box-shadow:none; color:CanvasText; }
  .sales-home .vp-evidence-card *,.sales-home .sales-check-preview *,.sales-home .vp-services .sales-expansion :is(.eyebrow,p) { color:CanvasText; }
  .sales-home .vp-evidence-result::after { display:none; }
}


/* bento-v4.css */
/* Five distinct, local interface illustrations. Scoped to the foundation section. */
.sales-home #systeme.vp-bento-section{padding-block:77px 72px;background:#f5f8fc;border-top:1px solid #e0e8f1;border-bottom:1px solid #e0e8f1}
.vp-bento-section .section-heading{margin-bottom:34px}
.vp-bento-section .section-heading h2{max-width:800px}
.vp-bento-section .section-heading>p{max-width:300px;color:#526b81}
.b4-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:stretch}
.b4-tile{min-width:0;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;padding:30px;border:1px solid #d5e0ec;border-top-color:#faffff;border-radius:25px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 3px 5px #26476b04,0 20px 30px -29px #143f6b59}
.b4-data{grid-column:span 7;background:radial-gradient(ellipse 75% 50% at 95% 100%,#e4f0ff 0,transparent 90%),#fff}
.b4-ai{grid-column:span 5;background:radial-gradient(ellipse 100% 70% at 105% -5%,#5a92ef 0,transparent 75%),linear-gradient(145deg,#2666d5,#245abc 68%,#214fa3);border-color:#3e77c9;border-top-color:#a1c4fa;box-shadow:inset 0 1px 0 #b4d3ff38,0 3px 5px #26476b08,0 20px 35px -27px #24559f73}
.b4-team{grid-column:span 5;background:linear-gradient(130deg,#fff,#f7faff)}
.b4-stop{grid-column:span 3;background:radial-gradient(ellipse 95% 60% at 50% 5%,#f3fff8,transparent 90%),#e2f2e9;border-color:#c4e1d2;border-top-color:#f6fffa}
.b4-control{grid-column:span 4;background:radial-gradient(ellipse 90% 90% at 0 0,#f8f7ff,transparent 85%),#e9eafc;border-color:#d7d9ef;border-top-color:#fafaff}
.b4-copy{position:relative;z-index:1}
.b4-kicker{display:block;font-size:10px;font-weight:600;letter-spacing:.075em;line-height:1.7;text-transform:uppercase;color:#5e7a97}
.vp-bento-section .b4-copy h3{font-size:30px;line-height:1.13;letter-spacing:-.045em;font-weight:620;color:#24425d;margin:12px 0 15px;text-wrap:balance}
.vp-bento-section .b4-copy p{font-size:13px;line-height:1.85;color:#4c6880;margin:0;max-width:510px}
.b4-link{display:inline-flex;align-items:center;justify-content:space-between;align-self:flex-start;gap:18px;max-width:100%;padding:10px 0 3px;margin-top:22px;border-bottom:1px solid #b9cee5;color:#3266a5;font-size:11px;line-height:1.7;font-weight:600}
.b4-link>span{font-size:16px;line-height:1}
.b4-link:hover{color:#204d8a;border-bottom-color:#638dbd}
.b4-link:focus-visible{outline:3px solid #2866ce;outline-offset:5px;border-radius:3px}
.b4-data .b4-link,.b4-team .b4-link{margin-top:auto;padding-top:22px}
.b4-record-visual{position:relative;margin:26px 0 0;min-width:0;padding-bottom:2px}
.b4-source-strip{display:flex;justify-content:center;align-items:center;gap:11px;margin-bottom:19px}
.b4-source-strip>span{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 13px;border:1px solid #d1dfee;border-top-color:#fff;border-radius:11px;background:linear-gradient(160deg,#fff,#f3f7fd);box-shadow:inset 0 1px 0 #fff,0 4px 8px -6px #2e59875c;color:#496d91;font-size:11px;font-weight:550;line-height:1.4;white-space:nowrap}
.b4-source-strip img,.b4-source-strip svg{display:block;flex-shrink:0;width:23px;height:23px;object-fit:contain}
.b4-record{border:1px solid #bed0e3;border-top-color:#e6f0fb;border-radius:15px;background:#fff;box-shadow:0 2px 3px #1c466e0a,0 8px 16px -10px #17446e52,0 22px 30px -25px #1e4c7b75;overflow:hidden}
.b4-record-head{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid #e1eaf3;background:linear-gradient(115deg,#fff,#f5f9ff)}
.b4-record-head>img{display:block;flex:0 0 40px;width:40px;height:40px;border-radius:10px}
.b4-record-head>div{min-width:0;flex:1}
.b4-record-head strong{display:block;color:#2b4a64;font-size:14px;font-weight:650;line-height:1.5}
.b4-record-head>div>span{display:block;margin-top:2px;color:#5e7a92;font-size:10px;line-height:1.5}
.b4-record-tag{display:inline-block;flex-shrink:0;padding:4px 7px;border:1px solid #d5e3f3;border-radius:5px;background:#f0f6fe;color:#5a7fa5;font-size:9px;line-height:1.5}
.b4-record-row{display:flex;align-items:center;gap:11px;padding:13px 17px;min-width:0}
.b4-record-row+.b4-record-row{border-top:1px solid #edf1f6}
.b4-row-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #dce6f1;border-radius:8px;background:#f4f8fd;color:#527da7}
.b4-record-row>div{flex:1;min-width:0}
.b4-record-row>div>span{display:block;color:#607d94;font-size:9px;line-height:1.4}
.b4-record-row strong{display:block;margin-top:4px;color:#3f607c;font-size:11px;font-weight:500;line-height:1.55}
.b4-record-row time,.b4-dot-label{color:#617f98;font-size:9px;line-height:1.6;flex-shrink:0;font-variant-numeric:tabular-nums}
.b4-dot-label{display:flex;align-items:center;gap:5px}
.b4-dot-label:before{content:'';width:4px;height:4px;border-radius:50%;background:#739bcd}
.b4-draft-visual{position:relative;min-width:0;margin-bottom:27px}
.b4-ai-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3px 12px;color:#e7f0ff;font-size:10px;line-height:1.5}
.b4-ai-tools>span:last-child{display:flex;align-items:center;gap:6px}
.b4-ai-tools img{width:28px;height:28px;padding:5px;border-radius:8px;background:#fff;box-shadow:0 1px 3px #153f7833;object-fit:contain}
.b4-draft-paper{position:relative;padding:20px;border:1px solid #c6dbfc;border-top-color:#fff;border-radius:14px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:inset 0 1px 0 #fff,0 3px 5px #133d791a,0 20px 28px -18px #133b7973}
.b4-draft-top{display:flex;align-items:center;justify-content:space-between;gap:13px;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid #dfe9f6;color:#577ba3;font-size:10px;line-height:1.5}
.b4-draft-top>svg{color:#698fc0;flex-shrink:0}
.b4-draft-paper>strong{display:block;color:#325777;font-size:13px;line-height:1.5;font-weight:600}
.vp-bento-section .b4-draft-paper>p{color:#4c6882;font-size:12px;line-height:1.85;margin:13px 0 18px}
.b4-approval{display:flex;align-items:center;gap:9px;padding:12px 11px;border:1px solid #d4e5db;border-radius:9px;background:#edf6f1}
.b4-approval>span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid #aecfbc;border-radius:50%;background:#dcefe4;color:#467b5e;font-size:12px;font-weight:600}
.b4-approval strong{display:block;color:#3e7056;font-size:11px;line-height:1.5;font-weight:600}
.b4-approval>div>span{display:block;margin-top:3px;color:#4f735f;font-size:9px;line-height:1.6}
.b4-ai .b4-kicker{color:#d4e5ff}
.vp-bento-section .b4-ai .b4-copy h3{color:#fff;font-size:32px;margin-top:10px}
.vp-bento-section .b4-ai .b4-copy p{color:#e3eeff;font-size:13px}
.b4-ai .b4-link{color:#fff;border-color:#a7c6f3;margin-top:21px}
.b4-ai .b4-link:hover{color:#fff;border-color:#fff}
.b4-ai .b4-link:focus-visible{outline-color:#fff}
.b4-team .b4-copy h3{max-width:330px}
.b4-task-visual{display:grid;grid-template-columns:100px minmax(0,1fr);position:relative;min-width:0;margin-top:25px;border:1px solid #c6d8eb;border-top-color:#f6faff;border-radius:15px;background:#fff;box-shadow:0 3px 5px #274e7108,0 13px 23px -18px #1b4a7c80;overflow:hidden}
.b4-task-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 11px;background:linear-gradient(135deg,#e7f1ff,#f0f6ff);border-right:1px solid #d3e2f2;color:#3568a1}
.b4-task-date svg{margin-bottom:4px}
.b4-task-date strong{font-size:13px;line-height:1.5;font-weight:600}
.b4-task-date>span{font-size:11px;line-height:1.5;color:#557ba2}
.b4-task-body{min-width:0;padding:19px 17px}
.b4-task-status{display:inline-block;padding:3px 7px;background:#ecf3ff;border:1px solid #d7e5f9;border-radius:5px;color:#416da3;font-size:9px;line-height:1.4}
.b4-task-body>strong{display:block;font-size:13px;line-height:1.5;color:#365775;font-weight:600;margin-top:10px}
.vp-bento-section .b4-task-body>p{font-size:10px;line-height:1.7;margin:4px 0 12px;color:#5a7791}
.b4-task-owner{display:flex;align-items:center;gap:7px;color:#57768f;font-size:10px;line-height:1.5}
.b4-task-owner>span:first-child{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid #c6d8ee;border-radius:50%;background:#e6effc;color:#456e9f;font-size:8px;font-weight:600}
.b4-stop{justify-content:flex-start;padding-inline:25px}
.b4-stop-visual{display:flex;flex-direction:column;align-items:center;min-width:0;padding:2px 0 22px;text-align:center;color:#3c7b5f}
.b4-stop-ring{display:grid;place-items:center;width:103px;height:103px;margin:0 0 16px;border:1px solid #bdddc9;border-top-color:#f6fff9;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fafffc,#d0eada);box-shadow:inset 0 1px 0 #fff,0 10px 18px -15px #4d84645c;color:#3d7d5c}
.b4-stop-visual>span{font-size:11px;line-height:1.5;font-weight:600;color:#46735a}
.b4-stop-visual>.b4-stop-rule{display:block;margin-top:8px;padding:5px 9px;border:1px solid #bddbc9;border-radius:6px;background:#eff8f3;color:#416e54;font-size:9px;font-weight:500;line-height:1.5}
.vp-bento-section .b4-stop .b4-copy h3{font-size:26px;color:#2e5d45;margin-top:8px}
.vp-bento-section .b4-stop .b4-copy p{color:#476d57;font-size:12px;line-height:1.85}
.b4-call-note{position:relative;margin:1px 0 25px;padding:18px 17px;border:1px solid #c7cde9;border-top-color:#fff;border-radius:13px;background:linear-gradient(140deg,#fff,#f9f9ff);box-shadow:0 2px 3px #494e7808,0 16px 22px -17px #4c57825c}
.b4-call-note-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid #e3e5f2;color:#606a98;font-size:10px;line-height:1.5}
.b4-call-note-top>span{display:flex;align-items:center;gap:8px}
.b4-call-note-top svg{flex-shrink:0;color:#7880b1}
.b4-call-note-top>time{font-size:9px;line-height:1.5;color:#69779b;font-variant-numeric:tabular-nums}
.vp-bento-section .b4-call-note>p{font-size:12px;line-height:1.85;color:#566583;margin:15px 0 16px}
.b4-note-saved{display:flex;align-items:center;gap:6px;color:#5c6a8e;font-size:9px;line-height:1.7}
.b4-note-saved>span{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#eef0fb;border:1px solid #cdd3ec;font-size:9px;color:#6877a5}
.b4-control .b4-kicker{color:#6c77a1}
.vp-bento-section .b4-control .b4-copy h3{font-size:27px;color:#3e4b75;margin-top:10px}
.vp-bento-section .b4-control .b4-copy p{color:#566383;font-size:12px;line-height:1.85}
.vp-bento-section .b4-section-note{margin:19px 3px 0;max-width:800px;color:#60778b;font-size:10px;line-height:1.8}
@media(max-width:1100px){.b4-tile{padding:25px}.b4-grid{gap:17px}.vp-bento-section .b4-copy h3{font-size:27px}.vp-bento-section .b4-ai .b4-copy h3{font-size:29px}.b4-source-strip{gap:8px}.b4-source-strip>span{padding:8px 10px;font-size:10px}.b4-record-head{padding:15px}.b4-record-row{padding:12px 14px;gap:9px}.b4-record-row strong{font-size:10px}.b4-draft-paper{padding:17px}.b4-stop{padding-inline:21px}.vp-bento-section .b4-stop .b4-copy h3{font-size:24px}.vp-bento-section .b4-control .b4-copy h3{font-size:25px}.b4-task-visual{grid-template-columns:83px minmax(0,1fr)}.b4-task-body{padding:17px 13px}.b4-task-body>strong{font-size:12px}.b4-call-note{padding-inline:14px}}
@media(max-width:900px){.b4-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.b4-data{grid-column:1/-1}.b4-ai,.b4-team,.b4-stop,.b4-control{grid-column:span 1}.b4-tile{padding:27px}.b4-data{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);column-gap:27px;align-items:start}.b4-data .b4-copy{grid-column:1;grid-row:1}.b4-data .b4-record-visual{grid-column:2;grid-row:1/3;margin-top:0}.b4-data .b4-link{grid-column:1;grid-row:2;justify-self:start;align-self:start;margin-top:15px;padding-top:0}.b4-data .b4-copy h3{font-size:29px}.b4-source-strip{gap:6px;margin-bottom:15px}.b4-source-strip>span{padding:7px;font-size:9px;gap:5px;min-height:38px}.b4-source-strip img,.b4-source-strip svg{width:20px;height:20px}.b4-record-tag{display:none}.b4-record-row>time,.b4-record-row>.b4-dot-label{display:none}.b4-record-row strong{font-size:10px}.vp-bento-section .b4-ai .b4-copy h3{font-size:29px}.b4-team .b4-task-visual{grid-template-columns:1fr;margin-top:27px}.b4-team .b4-task-date{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:13px 16px;border-right:0;border-bottom:1px solid #d3e2f2}.b4-task-date svg{width:22px;height:22px;margin-bottom:0;margin-right:2px}.b4-task-date strong{font-size:12px}.b4-task-date>span{font-size:11px;margin-left:auto}.b4-task-body{padding:21px}.b4-task-body>strong{font-size:15px;max-width:210px}.vp-bento-section .b4-task-body>p{font-size:11px}.b4-task-owner{font-size:11px}.b4-team .b4-link{padding-top:24px}.b4-stop{padding-top:29px;justify-content:center}.b4-stop-ring{width:113px;height:113px;margin-bottom:18px}.b4-stop-visual{padding-bottom:20px}.vp-bento-section .b4-stop .b4-copy h3{font-size:28px}.vp-bento-section .b4-stop .b4-copy p{font-size:13px}.b4-call-note{padding:21px 18px;margin-bottom:27px}.vp-bento-section .b4-control .b4-copy h3{font-size:28px}.vp-bento-section .b4-control .b4-copy p{font-size:13px}}
@media(max-width:640px){.sales-home #systeme.vp-bento-section{padding-block:55px 49px}.vp-bento-section .section-heading{margin-bottom:27px}.vp-bento-section .section-heading h2{font-size:31px}.vp-bento-section .section-heading>p{max-width:none;font-size:14px}.b4-grid{grid-template-columns:minmax(0,1fr);gap:17px}.b4-tile{grid-column:auto;padding:25px 23px;border-radius:22px}.b4-data{display:flex}.b4-data .b4-record-visual{margin-top:25px}.b4-data .b4-link{margin-top:22px;align-self:flex-start}.vp-bento-section .b4-copy h3,.b4-data .b4-copy h3{font-size:29px}.vp-bento-section .b4-copy p{font-size:14px;line-height:1.8}.b4-kicker{font-size:10px}.b4-source-strip{gap:6px;margin-bottom:15px}.b4-source-strip>span{font-size:9px;gap:4px;padding:7px 8px;min-height:39px}.b4-source-strip img,.b4-source-strip svg{width:20px;height:20px}.b4-record-head{padding:16px 14px}.b4-record-head>img{width:36px;height:36px;flex-basis:36px;border-radius:9px}.b4-record-head strong{font-size:13px}.b4-record-head>div>span{font-size:10px}.b4-record-row{padding:13px 14px;gap:9px}.b4-record-row strong{font-size:11px;line-height:1.65}.b4-record-row>div>span{font-size:9px}.b4-record-row>time,.b4-record-row>.b4-dot-label{display:none}.b4-link{font-size:12px;min-height:43px;padding-block:10px 4px;margin-top:22px;gap:14px}.b4-ai .b4-link{margin-top:19px}.b4-draft-visual{margin-bottom:26px}.b4-ai-tools{font-size:10px}.b4-draft-paper{padding:18px}.b4-draft-paper>strong{font-size:13px}.vp-bento-section .b4-draft-paper>p{font-size:13px;line-height:1.85}.b4-approval{padding:12px 10px}.b4-approval strong{font-size:11px}.b4-approval>div>span{font-size:10px}.vp-bento-section .b4-ai .b4-copy h3{font-size:31px}.vp-bento-section .b4-ai .b4-copy p{font-size:14px}.b4-team .b4-task-visual{margin-top:25px}.b4-team .b4-task-date{padding:14px 17px}.b4-task-body{padding:21px}.b4-task-body>strong{font-size:15px;max-width:none}.b4-task-body>p{font-size:11px}.b4-task-owner{font-size:11px}.b4-team .b4-link{padding-top:20px}.b4-stop{display:grid;grid-template-columns:113px minmax(0,1fr);gap:21px;align-items:center;padding:26px 23px}.b4-stop-visual{padding-bottom:0}.b4-stop-ring{width:91px;height:91px;margin-bottom:14px}.b4-stop-ring svg{width:52px;height:52px}.b4-stop-visual>span{font-size:10px}.b4-stop-visual>.b4-stop-rule{font-size:8px;padding:4px 6px;margin-top:7px}.vp-bento-section .b4-stop .b4-copy h3{font-size:25px;margin-top:0;margin-bottom:12px}.vp-bento-section .b4-stop .b4-copy p{font-size:12px;line-height:1.8}.b4-call-note{margin-bottom:25px;padding:20px 18px}.vp-bento-section .b4-call-note>p{font-size:13px}.b4-note-saved{font-size:10px}.vp-bento-section .b4-control .b4-copy h3{font-size:29px}.vp-bento-section .b4-control .b4-copy p{font-size:14px}.vp-bento-section .b4-section-note{font-size:10px;margin-top:17px}}
@media(max-width:380px){.b4-tile{padding-inline:20px}.b4-source-strip{gap:4px}.b4-source-strip>span{padding-inline:6px;font-size:8px;gap:4px}.b4-source-strip img,.b4-source-strip svg{width:18px;height:18px}.b4-record-head{padding:14px 12px;gap:9px}.b4-record-head>div>span{font-size:9px}.b4-record-row{padding:12px 11px;gap:8px}.b4-record-row strong{font-size:10px}.b4-row-icon{width:26px;height:26px;flex-basis:26px}.b4-draft-paper{padding:16px}.b4-approval{gap:8px;padding-inline:9px}.b4-approval>div>span{font-size:9px}.b4-stop{grid-template-columns:1fr;gap:17px}.b4-stop-visual{padding-bottom:1px}.b4-stop-ring{width:98px;height:98px}.vp-bento-section .b4-stop .b4-copy h3{text-align:center;font-size:27px}.vp-bento-section .b4-stop .b4-copy p{text-align:center;font-size:13px}.b4-stop-visual>span{font-size:11px}.b4-stop-visual>.b4-stop-rule{font-size:9px}.b4-link{font-size:11px}.b4-call-note{padding-inline:16px}}
.b4-copy{min-width:0;width:100%}
.b4-record-tag,.b4-record-row>div>span,.b4-record-row time,.b4-dot-label{color:#526d84}
@media(min-width:760px) and (max-width:900px){.b4-data .b4-copy h3{font-size:25px}}
@media(min-width:641px) and (max-width:759px){.b4-data{display:flex}.b4-data .b4-record-visual{margin-top:24px}.b4-data .b4-link{margin-top:20px}}
@media(max-width:640px){.b4-source-strip>span{font-size:10px}}
@media(max-width:380px){.b4-data .b4-copy h3{font-size:25px}.b4-source-strip>span{flex:1;flex-direction:column;min-width:0;padding:8px 3px;font-size:10px;gap:5px}}
@media(prefers-reduced-motion:reduce){.vp-bento-section *, .vp-bento-section *:before,.vp-bento-section *:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.sales-home #systeme.vp-bento-section,.b4-tile,.b4-record,.b4-draft-paper,.b4-call-note,.b4-task-visual,.b4-stop-ring,.b4-approval,.b4-source-strip>span{background:Canvas;border-color:CanvasText;box-shadow:none}.vp-bento-section .b4-copy h3,.vp-bento-section .b4-copy p,.vp-bento-section .b4-kicker,.b4-ai-tools,.b4-stop-visual>span{color:CanvasText}.b4-link,.b4-ai .b4-link{color:LinkText;border-color:LinkText}.b4-link:focus-visible,.b4-ai .b4-link:focus-visible{outline-color:Highlight}}
@media print{.sales-home #systeme.vp-bento-section{background:white}.b4-grid{display:block}.b4-tile{break-inside:avoid;margin-bottom:20px;box-shadow:none}.b4-ai{background:#eaf1ff}.vp-bento-section .b4-ai .b4-copy h3,.vp-bento-section .b4-ai .b4-copy p,.b4-ai .b4-kicker,.b4-ai .b4-link,.b4-ai-tools{color:#213e5b}}


/* fluid-design-v5.css */
/* WeAutomize v5: one light canvas, selective translucent surfaces, no new motion. */
body.sales-home{
  --v5-ink:#193850;--v5-copy:#435f77;--v5-blue:#2862bd;
  --v5-edge:#b9cfe34d;--v5-light:#ffffffbd;
  position:relative;isolation:isolate;
  background:
    radial-gradient(ellipse 1100px 880px at 7% 1%,#dce9f88c,transparent 78%),
    radial-gradient(ellipse 1200px 1050px at 99% 21%,#d2e3f66b,transparent 76%),
    radial-gradient(ellipse 1050px 1200px at 3% 44%,#d8e9f173,transparent 78%),
    radial-gradient(ellipse 1200px 1000px at 94% 68%,#d5e6f763,transparent 78%),
    linear-gradient(180deg,#fafcfe 0%,#f3f7fc 14%,#f8fafc 31%,#f0f6fb 49%,#f8fafc 69%,#eef4fb 83%,#dbe8f7 94%,#b3c9e4 100%);
}
.sales-home:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#577b9b1c .55px,transparent .85px);background-size:19px 19px;opacity:.23;mask-image:linear-gradient(180deg,transparent,#0008 8%,#000 40%,#0008 76%,transparent 96%)}
.sales-home .site-header{background:#f9fbfdc7;border:0;box-shadow:none}
.sales-home .site-header .header-inner{border-bottom-color:transparent}
.sales-home .vp-hero-workspace{background:#d7e3ee80;border-color:#b7cee280;border-top-color:#ffffffed;box-shadow:inset 0 1px 0 #fff,0 4px 7px #254b7005,0 28px 52px -36px #204d7b70}
.sales-home .vp-hero-source{background:#f3f8fcb3}
.sales-home .vp-hero-draft{background:#ffffffe0}
.sales-home .vp-hero-source .vp-windowbar,.sales-home .vp-hero-draft .vp-windowbar{background:#ffffff7a}
.sales-home .vp-inbox-row-muted{background:#ffffff45}
.sales-home .vp-inbox-row-selected{background:#e3effccc}
.sales-home .vp-hero-context{background:#ffffff40}
.sales-home .vp-tool-context{margin-top:30px}

/* The page stays on the same canvas; material changes happen inside selected components. */
.sales-home .vp-services,.sales-home .sales-foundation,.sales-home .process-section,.sales-home .check-section,.sales-home .about-section,.sales-home #home-ueberblick,.sales-home #home-praxis,.sales-home .faq-section,.sales-home .final-section{background:transparent;border-color:transparent;box-shadow:none}
.sales-home #systeme.vp-bento-section{background:transparent;border:0}
.sales-home .section-heading>p,.sales-home .vp-story-copy>p,.sales-home .about-copy>p,.sales-home .process-step>p{color:var(--v5-copy)}
.sales-home .vp-evidence-card{overflow:hidden;gap:0;background:linear-gradient(115deg,#ffffffa3,#ffffff45 70%,#dbe9f552);border:1px solid #c4d7e966;border-top-color:#ffffffed;border-radius:25px;box-shadow:inset 0 1px 0 #fff,0 22px 37px -32px #28547a61}
.sales-home .vp-evidence-result{border:0;background:radial-gradient(ellipse 95% 110% at 0 30%,#cfe3f48c,transparent 85%),linear-gradient(125deg,#ffffff57,#dceaf73b);padding:38px 33px}
.sales-home .vp-evidence-result:after{display:none}
.sales-home .vp-evidence-copy{border:0;background:transparent;padding:35px 39px}
.sales-home .vp-evidence-flow span{background:#ffffff57;border-color:#bfd3e580;box-shadow:inset 0 1px 0 #ffffffa6}
.sales-home .vp-evidence-number{color:#2b5eaa}
.sales-home .vp-evidence-result p{color:#365b7f}
.sales-home .vp-evidence-note{color:#60768b}
.sales-home .vp-story:not(.vp-story-mint){border:0;background:transparent;box-shadow:none;padding:35px 0 36px;gap:58px}
.sales-home .vp-story-mint{background:linear-gradient(125deg,#ffffff6b,#ffffff26 58%,#d8e8f447);border:1px solid #c1d5e552;border-top-color:#ffffffdb;border-radius:25px;box-shadow:inset 0 1px 0 #ffffff80,0 20px 40px -36px #2b577a61}
.sales-home .vp-story+.vp-story{margin-top:31px}
.sales-home .vp-story-kicker>span,.sales-home .vp-story-mint .vp-story-kicker>span{background:#ffffff80;border-color:#c6d9eb;color:#3c72ae;box-shadow:inset 0 1px 0 #fff}
.sales-home .vp-story-tabs,.sales-home .vp-story-mint .vp-story-tabs{background:#d9e6f26b;border-color:#bcd0e380;box-shadow:inset 0 1px 0 #ffffffa3}
.sales-home .vp-story-tabs button[aria-selected=true]{background:#ffffffe0;border-color:#c9d9e9;box-shadow:0 2px 4px #31587b08,inset 0 1px 0 #fff}
.sales-home .vp-screen{background:#ffffffe6;border-color:#b8cee280;border-top-color:#fffffff2;box-shadow:inset 0 1px 0 #fff,0 3px 5px #25496b05,0 18px 28px -23px #234e7973}
.sales-home .vp-screen .vp-windowbar{background:#f8fbfdcc}
.sales-home .vp-principle,.sales-home .vp-story-controls{border-color:#bacfe34d}
.sales-home .vp-services .sales-expansion,.sales-home .sales-secondary{border-color:#6089be80;border-top-color:#a9c9f2b3;background:radial-gradient(ellipse 90% 150% at 100% 0,#6b96d247,transparent 72%),linear-gradient(115deg,#2b64b7eb,#28588ee8);box-shadow:inset 0 1px 0 #e0eeff40,0 18px 32px -25px #1e4c8473}
.sales-home .vp-services .sales-expansion .eyebrow{color:#e5effc}
.sales-home .vp-services .sales-expansion p{color:#eef5ff}
.sales-home .vp-services .sales-expansion{grid-template-columns:260px minmax(0,1fr) auto}
.sales-home .vp-services .sales-expansion h3{font-size:clamp(20px,6vw,24px);overflow-wrap:break-word}

/* Keep the asymmetry; vary the opacity instead of painting every tile. */
.sales-home .b4-grid{gap:22px}
.sales-home .b4-tile{border-color:#bcd1e45c;border-top-color:#ffffffcf;background:#ffffff47;box-shadow:inset 0 1px 0 #ffffffa6,0 18px 30px -29px #2c567969}
.sales-home .b4-data{background:linear-gradient(135deg,#ffffffa6,#ffffff38 62%,#d6e7f43b)}
.sales-home .b4-ai{background:radial-gradient(ellipse 120% 90% at 110% -10%,#86b2ee59,transparent 72%),linear-gradient(145deg,#2d69c8f2,#285ba9ed);border-color:#608dc88c;border-top-color:#bdd7fa;box-shadow:inset 0 1px 0 #d2e6ff52,0 21px 35px -28px #285c9f80}
.sales-home .b4-team{border-color:transparent;background:transparent;box-shadow:none}
.sales-home .b4-stop{background:radial-gradient(ellipse 100% 100% at 50% 0,#e2f1ed7a,transparent 90%),linear-gradient(160deg,#ffffff52,#d4e7e142);border-color:#bfd6d25c;border-top-color:#ffffffc7}
.sales-home .b4-control{background:linear-gradient(140deg,#ffffff69,#dae7f238);border-color:#bdcfe254;border-top-color:#ffffffd1}
.sales-home .b4-record,.sales-home .b4-task-visual{background:#ffffffcc;border-color:#bbd0e2b3;border-top-color:#ffffffed;box-shadow:inset 0 1px 0 #fff,0 3px 5px #24497005,0 18px 27px -24px #24517c80}
.sales-home .b4-record-head{background:linear-gradient(115deg,#ffffffa6,#edf5fbb3)}
.sales-home .b4-source-strip>span{background:linear-gradient(145deg,#ffffffba,#ffffff61);border-color:#c2d6e885;border-top-color:#ffffffeb}
.sales-home .b4-task-date{background:linear-gradient(140deg,#dbeaf89c,#edf5fbc2);border-color:#c4d8e899}
.sales-home .b4-stop-ring{background:radial-gradient(circle at 35% 25%,#ffffffc7,#d9e9e178);border-color:#b8d4cba3;border-top-color:#faffff;box-shadow:inset 0 1px 0 #fff,0 9px 16px -14px #3e715f61;color:#527c6b}
.sales-home .b4-stop-visual>.b4-stop-rule{background:#ffffff75;border-color:#bfd5cba3}
.sales-home .b4-call-note{background:linear-gradient(140deg,#ffffffc7,#f2f6facc);border-color:#c0d1e3b3;border-top-color:#fff;box-shadow:inset 0 1px 0 #fff,0 17px 25px -22px #365c7e73}
.sales-home .b4-call-note-top{border-color:#d4e0ec;color:#56748d}
.sales-home .b4-call-note-top svg,.sales-home .b4-call-note-top time{color:#607d96}
.sales-home .b4-note-saved{color:#52718a}
.sales-home .b4-note-saved>span{background:#e8f0f8;border-color:#c5d6e8;color:#537da7}
.sales-home .vp-bento-section .b4-control .b4-copy h3{color:#354f6a}
.sales-home .vp-bento-section .b4-control .b4-copy p{color:#4d687f}
.sales-home .b4-control .b4-kicker{color:#627e96}

/* Open process stages, a translucent check, and uninterrupted editorial content. */
.sales-home .process-section .process-grid{gap:47px;margin-top:42px}
.sales-home .process-section .process-step,.sales-home .process-section .process-step:nth-child(2){position:relative;border:0;border-radius:0;padding:9px 0 0;background:transparent;box-shadow:none}
.sales-home .process-section .process-step:after{display:none}
.sales-home .process-section .process-number,.sales-home .process-section .process-step:nth-child(2) .process-number{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;min-width:35px;margin-bottom:13px;padding:0;background:#ffffff73;border:1px solid #c0d4e7;border-top-color:#ffffffe6;border-radius:50%;color:#4e79a6;font-size:12px;box-shadow:inset 0 1px 0 #fff}
.sales-home .process-section .process-step h3{margin-top:12px}
.sales-home .check-card{background:radial-gradient(ellipse 85% 130% at 100% 100%,#c2dcec66,transparent 78%),linear-gradient(125deg,#ffffff8c,#ffffff38);border-color:#bcd3e375;border-top-color:#fffffff2;box-shadow:inset 0 1px 0 #fff,0 25px 42px -35px #2d5d7e73}
.sales-home .check-card:before{inset:1px;border-color:#ffffff38}
.sales-home .check-card:after{display:none}
.sales-home .sales-check-preview{background:linear-gradient(135deg,#ffffffbd,#e3eef78c);border-color:#bcd3e5a3;border-top-color:#ffffffeb;box-shadow:inset 0 1px 0 #fff,0 16px 25px -23px #2a567e6b}
.sales-home .sales-check-preview .eyebrow{color:#527b9b}
.sales-home .sales-check-preview li span{background:#ffffffb3;border-color:#bed2e4;color:#537da2}
.sales-home .sales-check-preview li strong{color:#33536d}
.sales-home .sales-check-preview p{color:#4b6d85;border-color:#bfd3e17a}
.sales-home .portrait-frame{padding:8px;background:linear-gradient(135deg,#ffffff96,#dce9f157);border-color:#bdd1e0a6;border-top-color:#fffffff2;box-shadow:inset 0 1px 0 #fff,0 24px 40px -30px #29537266}
.sales-home .signature{border-color:#bdd0e252}
.sales-home #home-ueberblick .seo-summary-inner{padding-block:32px;border-color:#b7cce054;background:transparent;box-shadow:none}
.sales-home #home-praxis .seo-topic{padding:30px 0;background:transparent;border:0;border-top:1px solid #b6cce066;border-radius:0;box-shadow:none}
.sales-home #home-praxis .seo-topic+.seo-topic{margin-top:7px}
.sales-home #home-praxis .seo-reading-nav,.sales-home #home-praxis .seo-source-note{border-color:#b7cce066}
.sales-home #home-praxis .seo-topic p,.sales-home #home-praxis .seo-topic li,.sales-home #home-ueberblick p{color:#415f78}
.sales-home #home-praxis .seo-source-note{background:transparent}
.sales-home .sales-further{background:transparent;border-color:#bbd0e35c;box-shadow:none}
.sales-home .faq-list details{background:transparent;border-bottom-color:#b6cce06b;border-radius:12px;box-shadow:none}
.sales-home .faq-list details[open]{background:linear-gradient(110deg,#ffffff6b,transparent);border-color:#9fbdd680}
.sales-home .faq-list summary{color:#274962}
.sales-home .faq-list summary:after{background:#ffffff80;border-color:#c0d4e5;box-shadow:inset 0 1px 0 #fff;color:#557da3}
.sales-home .faq-list details[open] summary:after{background:#dceaf7a6;border-color:#aac8e3;color:#316da7}
.sales-home .faq-list details p{color:#435f77}

/* Two different glass layers at the close: light invitation, then blue footer. */
.sales-home .final-section{position:relative;isolation:isolate;padding-bottom:12px}
.sales-home .final-section:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:0;right:0;top:-100px;bottom:-300px;background:radial-gradient(ellipse 70% 70% at 20% 45%,#c4dff16e,transparent 80%),radial-gradient(ellipse 55% 80% at 100% 80%,#b7d0ed5c,transparent 82%)}
.sales-home .final-card{background:radial-gradient(ellipse 80% 130% at 12% 0,#ffffff9e,transparent 82%),linear-gradient(120deg,#ffffff6e,#dce9f336);border:1px solid #b4cde180;border-top-color:#fffffff2;border-radius:30px;box-shadow:inset 0 1px 0 #fff,0 24px 44px -34px #2e587d6b}
.sales-home .final-card:before{left:7%;right:7%;background:linear-gradient(90deg,transparent,#fff,transparent)}
.sales-home .final-card:after{inset:1px;border-color:#ffffff42}
.sales-home .final-card h2{color:#1c3d57}
.sales-home .final-card p{color:#425f77}
.sales-home .final-card>small{color:#59778e}
.sales-home .we-reviews{background:transparent;border:0;box-shadow:none;margin-bottom:30px;padding-block:42px}
.sales-home .we-reviews-eyebrow,.sales-home .we-reviews h2 span,.sales-home .we-reviews-link{color:#356a96}
.sales-home .we-reviews-eyebrow i{background:#7aabd3;box-shadow:0 0 0 4px #dcebf580}
.sales-home .we-reviews-copy>p,.sales-home .we-reviews-status{color:#4f6d85}
.sales-home .site-footer{position:relative;isolation:isolate;background:transparent;border:0;padding-top:21px;padding-bottom:29px;color:#e6eff9}
.sales-home .site-footer:before{content:'';position:absolute;inset:-120px 0 0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 65% 95% at 9% 65%,#95bce673,transparent 78%),radial-gradient(ellipse 65% 100% at 94% 100%,#6196d375,transparent 78%),radial-gradient(ellipse 35% 70% at 48% 15%,#e5f1fb61,transparent 80%)}
.sales-home .site-footer:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#375f8e24 .6px,transparent 1px);background-size:18px 18px;opacity:.22;mask-image:linear-gradient(transparent,#000 75%)}
.sales-home .footer-shell{position:relative;isolation:isolate;background:radial-gradient(ellipse 85% 110% at 0 0,#6090be38,transparent 78%),linear-gradient(120deg,#224d77d9,#1b3d60eb);border:1px solid #bfd6ef4d;border-top-color:#e2f0ffa3;border-radius:28px;box-shadow:inset 0 1px 0 #e8f4ff45,inset 0 -1px 0 #102e4b26,0 32px 55px -39px #153b6c80}
.sales-home .footer-shell:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:1px;border:1px solid #e3f1ff14;border-top-color:#ffffff17;border-radius:inherit;background:linear-gradient(120deg,#ffffff06,transparent 45%,#a1c9f20a)}
.sales-home .footer-shell:after{content:'';position:absolute;z-index:-1;pointer-events:none;left:-7%;right:-7%;bottom:57px;height:170px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse 48% 135% at 19% 104%,#9ed0f52e,transparent 77%),radial-gradient(ellipse 40% 120% at 82% 105%,#77b5ee26,transparent 80%);mask-image:linear-gradient(180deg,transparent,#000 40%,#000b 78%,transparent)}
.sales-home .footer-brand>a img{filter:brightness(0) invert(1);opacity:.96}
.sales-home .footer-claim{color:#f2f7fd}
.sales-home .footer-description{color:#e5effa}
.sales-home .footer-location{color:#e5effa}
.sales-home .footer-location i{background:#a6c9f0;box-shadow:0 0 0 3px #a4c9ef1f}
.sales-home .footer-group h2{color:#e5effa}
.sales-home .footer-group h2:before{background:#a7c6e44d}
.sales-home .footer-group a{color:#f0f6fd}
.sales-home .footer-group a:hover,.sales-home .footer-legal a:hover,.sales-home .footer-legal button:hover,.sales-home .footer-back:hover{color:#fff}
.sales-home .footer-signature{color:#b8d5ee26;text-shadow:0 1px 0 #e5f4ff0a;letter-spacing:-.075em}
.sales-home .footer-signature span{color:#bfdcf136}
.sales-home .footer-bottom{border-color:#b2cce333;color:#e5effa}
.sales-home .footer-bottom small,.sales-home .footer-legal a,.sales-home .footer-legal button,.sales-home .footer-back{color:#e5effa}
.sales-home .footer-back span{background:#c5def011;border-color:#bed6ed40;box-shadow:inset 0 1px 0 #deefff17}
.sales-home .footer-shell a:focus-visible,.sales-home .footer-shell button:focus-visible{outline:3px solid #c8e2ff;outline-offset:4px;border-radius:3px}

/* Blur is restricted to a handful of calm surfaces, never a full-page moving layer. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .sales-home .vp-hero-workspace,.sales-home .vp-evidence-card,.sales-home .check-card,.sales-home .final-card{-webkit-backdrop-filter:blur(12px) saturate(108%);backdrop-filter:blur(12px) saturate(108%)}
  .sales-home .b4-data,.sales-home .b4-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .sales-home .footer-shell{-webkit-backdrop-filter:blur(18px) saturate(112%);backdrop-filter:blur(18px) saturate(112%)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .sales-home .vp-hero-workspace,.sales-home .vp-evidence-card,.sales-home .check-card,.sales-home .final-card{background-color:#f2f7fb}
  .sales-home .b4-data,.sales-home .b4-control{background-color:#eef5fa}
  .sales-home .footer-shell{background-color:#21496e}
}
@media(max-width:1050px){.sales-home .vp-story:not(.vp-story-mint){gap:34px}.sales-home .process-section .process-grid{gap:31px}.sales-home .vp-evidence-result{padding:31px 27px}.sales-home .vp-evidence-copy{padding:31px}}
@media(max-width:1050px){.sales-home .vp-services .sales-expansion,.sales-home .sales-secondary{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}.sales-home .vp-services .sales-expansion .text-link,.sales-home .sales-secondary .text-link{grid-column:1;justify-self:start}.sales-home .vp-services .sales-expansion p,.sales-home .sales-secondary p{max-width:620px}}
@media(max-width:840px){.sales-home .vp-story:not(.vp-story-mint){gap:25px;padding:29px 0}.sales-home .vp-story-mint{padding:29px}.sales-home .b4-grid{gap:19px}}
@media(max-width:760px){
  body.sales-home{background:radial-gradient(ellipse 580px 850px at 0 1%,#dce9f873,transparent 78%),radial-gradient(ellipse 620px 1000px at 100% 35%,#d8e7f659,transparent 80%),linear-gradient(180deg,#fafcfe,#f1f6fb 27%,#f7fafc 52%,#eef5fb 79%,#dbe8f6 94%,#afc7e3)}
  .sales-home:before{opacity:.16;background-size:22px 22px}
  .sales-home .vp-hero-workspace{box-shadow:inset 0 1px 0 #fff,0 18px 31px -25px #2b557a6b}
  .sales-home .process-section .process-grid{gap:25px;margin-top:31px}
  .sales-home .process-section .process-step,.sales-home .process-section .process-step:nth-child(2){padding:4px 0 21px;border-bottom:1px solid #b9cfe152}
  .sales-home .process-section .process-step:last-child{padding-bottom:0;border-bottom:0}
  .sales-home .process-section .process-number,.sales-home .process-section .process-step:nth-child(2) .process-number{margin-bottom:4px}
  .sales-home .check-card{border-radius:24px}
  .sales-home #home-praxis .seo-topic{padding:0;border-radius:0;background:transparent}
  .sales-home #home-praxis .seo-topic+.seo-topic{margin-top:0}
  .sales-home #home-ueberblick .seo-summary-inner{padding-block:22px}
  .sales-home .final-section{padding-bottom:5px}
  .sales-home .final-section:before{top:-60px;bottom:-270px;background:radial-gradient(ellipse 100% 80% at 20% 45%,#c2dcf063,transparent 85%),radial-gradient(ellipse 90% 90% at 100% 80%,#b4d0ef57,transparent 85%)}
  .sales-home .final-card{border-radius:24px;box-shadow:inset 0 1px 0 #fff,0 20px 35px -29px #2d577d66}
  .sales-home .we-reviews{padding-block:34px;margin-bottom:20px}
  .sales-home .site-footer{padding-top:15px;padding-bottom:21px}
  .sales-home .footer-shell{border-radius:24px;padding:33px 26px 0;box-shadow:inset 0 1px 0 #e8f4ff45,0 27px 40px -33px #153b6c80}
  .sales-home .footer-top{gap:29px 23px}
  .sales-home .footer-description{max-width:290px}
  .sales-home .footer-group a{min-height:44px;font-size:13px}
  .sales-home .footer-signature{margin-top:29px}
}
@media(max-width:600px){.sales-home .vp-evidence-result{padding:29px 24px;background:radial-gradient(ellipse 120% 100% at 0 0,#cfe3f475,transparent 90%),#ffffff17}.sales-home .vp-evidence-copy{padding:26px 24px;border-top:1px solid #ffffff85}.sales-home .vp-story:not(.vp-story-mint){padding:26px 0}.sales-home .vp-story-mint{padding:24px 18px}.sales-home .vp-story+.vp-story{margin-top:27px}.sales-home .b4-grid{gap:18px}.sales-home .b4-team{padding-block:23px}.sales-home .vp-services .sales-expansion{padding:27px 24px}}
@media(max-width:380px){.sales-home .vp-story-mint{padding-inline:14px}.sales-home .footer-shell{padding-inline:21px}.sales-home .footer-top{grid-template-columns:1fr;gap:24px}.sales-home .footer-group a{font-size:13px}.sales-home .vp-evidence-result,.sales-home .vp-evidence-copy{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.sales-home *,.sales-home *:before,.sales-home *:after{scroll-behavior:auto!important}.sales-home .hero-material-light:before,.sales-home .hero-material-light:after,.sales-home .hero-material-sheen{animation:none!important}}
@media(prefers-reduced-transparency:reduce){.sales-home .vp-hero-workspace,.sales-home .vp-evidence-card,.sales-home .check-card,.sales-home .final-card,.sales-home .b4-data,.sales-home .b4-control{background-color:#f2f7fb;-webkit-backdrop-filter:none;backdrop-filter:none}.sales-home .footer-shell{background:#21496e;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){body.sales-home{background:Canvas}.sales-home:before,.sales-home .hero-material,.sales-home .final-section:before,.sales-home .site-footer:before,.sales-home .site-footer:after,.sales-home .footer-shell:before,.sales-home .footer-shell:after{display:none}.sales-home .vp-hero-workspace,.sales-home .vp-evidence-card,.sales-home .vp-evidence-result,.sales-home .vp-evidence-copy,.sales-home .vp-story,.sales-home .vp-story-mint,.sales-home .vp-screen,.sales-home .vp-services .sales-expansion,.sales-home .b4-tile,.sales-home .check-card,.sales-home .sales-check-preview,.sales-home .final-card,.sales-home .footer-shell{background:Canvas;border-color:CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:CanvasText}.sales-home .footer-shell *{color:CanvasText!important}.sales-home .footer-brand>a img{filter:none}.sales-home .footer-shell a:focus-visible,.sales-home .footer-shell button:focus-visible{outline-color:Highlight}.sales-home .footer-signature{opacity:.4}}
@media print{body.sales-home{background:white}.sales-home:before,.sales-home .final-section:before,.sales-home .site-footer:before,.sales-home .site-footer:after,.sales-home .footer-shell:before,.sales-home .footer-shell:after{display:none}.sales-home .vp-hero-workspace,.sales-home .vp-evidence-card,.sales-home .check-card,.sales-home .final-card,.sales-home .b4-data,.sales-home .b4-control,.sales-home .footer-shell{background:white!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.sales-home .footer-shell *{color:#183b58!important}.sales-home .footer-brand>a img{filter:none}}


/* structure-v6.css */
/* v6 layout layer. Content rules only affect .structure-v6 pages; compact header rules are shared. */
.sales-home.structure-v6{--v6-section:clamp(80px,7vw,112px);--v6-gutter:40px;--v6-heading-gap:36px;--v6-card:32px;--v6-grid-gap:28px}
.structure-v6 .wrap{width:min(1200px,calc(100% - var(--v6-gutter) - var(--v6-gutter)))}
/* Sections share one canvas. A single trailing interval avoids doubled empty space. */
.sales-home.structure-v6 main>section.section,.sales-home.structure-v6 main>section.check-section,.sales-home.structure-v6 main>section.seo-summary{padding-top:0;padding-bottom:var(--v6-section)}
.sales-home.structure-v6 #systeme.vp-bento-section{padding-top:0;padding-bottom:var(--v6-section)}
.sales-home.structure-v6 main>.final-section{padding-top:0;padding-bottom:24px}
.sales-home.structure-v6 .section-heading{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.75fr);align-items:start;gap:56px;margin-bottom:var(--v6-heading-gap)}
.sales-home.structure-v6 .section-heading>div{min-width:0}
.sales-home.structure-v6 .section-heading h2{margin-top:13px;margin-bottom:0;max-width:800px}
.sales-home.structure-v6 .section-heading>p{align-self:start;max-width:none;margin:0;padding-top:3px;font-size:15px;line-height:1.8;color:#47657d;text-wrap:pretty}
.sales-home.structure-v6 .hero.hero-evolution{padding-top:clamp(82px,7.3vw,112px);padding-bottom:var(--v6-section)}
.sales-home.structure-v6:not(.case-studies-page):not(.process-examples-page)>main>.hero.hero-evolution{display:flex;align-items:center;min-height:calc(100svh - 88px)}
.sales-home.structure-v6 .hero-evolution .hero-copy{max-width:1200px}
.sales-home.structure-v6 .hero-evolution .hero-label{max-width:850px;margin-inline:auto}
.sales-home.structure-v6 .hero.hero-evolution h1{margin-top:29px;margin-bottom:28px}
.sales-home.structure-v6 .hero-evolution .hero-copy>p{max-width:790px;line-height:1.8}
.sales-home.structure-v6 .hero-evolution .hero-actions{margin-top:35px;gap:15px}
.sales-home.structure-v6 .hero-evolution .hero-note{margin-top:19px;line-height:1.7}

/* Restore the original quiet dot field and its existing, user-pausable motion. */
.sales-home.structure-v6 .hero-material-dots{opacity:1}
.sales-home.structure-v6 .hero-material-light:before{background:radial-gradient(ellipse,#6c99ed50 0%,#8db4f536 29%,#c0d4f417 52%,transparent 72%);opacity:1}
.sales-home.structure-v6 .hero-material-light:after{background:radial-gradient(ellipse,#76c7b33b 0%,#a1dbc62c 33%,#d5eee310 57%,transparent 76%);opacity:1}
.sales-home.structure-v6 .hero-material-sheen{background:radial-gradient(ellipse 50% 8% at 50% 50%,#eef7ffff 0%,#94b9fa8c 17%,#a9ccf445 39%,#c3dcf81a 59%,transparent 81%);opacity:.92}
.sales-home.structure-v6 .hero-motion-control:not([hidden]){display:inline-flex}
@media(prefers-reduced-motion:no-preference){
 .structure-v6 .hero-evolution[data-hero-motion-ready] .hero-material-light:before{animation:hero-blue-refraction 18s ease-in-out -5s infinite alternate both;animation-play-state:paused}
 .structure-v6 .hero-evolution[data-hero-motion-ready] .hero-material-light:after{animation:hero-mint-refraction 23s ease-in-out -8s infinite alternate both;animation-play-state:paused}
 .structure-v6 .hero-evolution[data-hero-motion-ready] .hero-material-sheen{animation:hero-reflection-pass 14s linear -3s infinite both;animation-play-state:paused}
 .structure-v6 .hero-evolution[data-hero-motion=running] .hero-material-light:before,.structure-v6 .hero-evolution[data-hero-motion=running] .hero-material-light:after,.structure-v6 .hero-evolution[data-hero-motion=running] .hero-material-sheen{animation-play-state:running}
}

/* Two clear entry points; detailed walkthroughs live on the examples page. */
.structure-v6 .structure-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v6-grid-gap)}
.structure-v6 .structure-service{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:36px;border:1px solid #bdd2e36b;border-top-color:#fffffff0;border-radius:23px;background:linear-gradient(130deg,#ffffff8c,#ffffff38);box-shadow:inset 0 1px 0 #fff,0 18px 31px -29px #2b577b66;scroll-margin-top:30px}
.structure-v6 .structure-service:nth-child(2){background:linear-gradient(130deg,#ffffff59,#dbeaf447);border-color:#bdd2e36b;border-top-color:#ffffffe6}
.structure-v6 .structure-service-icon{display:grid;place-items:center;width:60px;height:60px;flex:0 0 60px;margin-bottom:25px;border:1px solid #c8daeb;border-top-color:#fff;border-radius:15px;background:linear-gradient(140deg,#ffffffed,#e9f2faa6);box-shadow:inset 0 1px 0 #fff,0 5px 10px -8px #2c608e73}
.structure-v6 .structure-service-icon img,.structure-v6 .structure-service-icon>svg{display:block;width:40px;height:40px;object-fit:contain}
.structure-v6 .structure-service>.eyebrow{font-size:11px;line-height:1.6;color:#587b98}
.structure-v6 .structure-service h3{font-size:clamp(28px,2.6vw,35px);line-height:1.16;letter-spacing:-.045em;font-weight:620;margin:16px 0 19px;color:#24435c;text-wrap:balance}
.structure-v6 .structure-service>p{font-size:15px;line-height:1.85;color:#46657d;max-width:490px;margin:0 0 22px;text-wrap:pretty}
.structure-v6 .structure-service>.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:auto;padding:5px 0;color:#326ba9;font-size:13px;line-height:1.6;font-weight:600}
.structure-v6 .structure-service>.text-link svg{flex:0 0 20px;width:20px;height:20px}
.structure-v6 .structure-service>.text-link:focus-visible{outline:3px solid #2866ce;outline-offset:5px;border-radius:3px}
.sales-home.structure-v6 .structure-overview .sales-expansion{margin-top:32px;padding:32px}

/* Each desktop process row shares its number, heading and paragraph tracks. */
.sales-home.structure-v6 .process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto 1fr;column-gap:44px;row-gap:17px;align-items:start;margin-top:0}
.sales-home.structure-v6 .process-grid>.process-step,.sales-home.structure-v6 .process-grid>.process-step:nth-child(2){display:grid;grid-row:span 3;grid-template-rows:subgrid;align-items:start;gap:17px;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0}
.sales-home.structure-v6 .process-grid>.process-step>.process-number{align-self:start;justify-self:start;margin:0;min-width:35px;width:35px;height:35px;padding:0;line-height:1;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid #bdd3e7;border-top-color:#fff;background:#ffffff80;color:#527fac;font-size:12px}
.sales-home.structure-v6 .process-grid>.process-step>h3{margin:0;align-self:start;font-size:25px;line-height:1.23;letter-spacing:-.035em;color:#28475f;text-wrap:pretty}
.sales-home.structure-v6 .process-grid>.process-step>p{margin:0;align-self:start;font-size:15px;line-height:1.85;color:#45637b;text-wrap:pretty}
.sales-home.structure-v6 .process-grid>.process-step:after{display:none}
@supports not (grid-template-rows:subgrid){@media(min-width:761px){
 .sales-home.structure-v6 .process-grid>.process-step,.sales-home.structure-v6 .process-grid>.process-step:nth-child(2){display:contents}
 .structure-v6 .process-grid>.process-step>.process-number{grid-row:1}.structure-v6 .process-grid>.process-step>h3{grid-row:2}.structure-v6 .process-grid>.process-step>p{grid-row:3}
 .structure-v6 .process-grid>.process-step:nth-child(1)>*{grid-column:1}.structure-v6 .process-grid>.process-step:nth-child(2)>*{grid-column:2}.structure-v6 .process-grid>.process-step:nth-child(3)>*{grid-column:3}
}}

/* The same reading order across all five tiles: a thought, then its visual proof. */
.sales-home.structure-v6 .b4-grid{gap:24px}
.sales-home.structure-v6 .b4-tile{padding:32px;justify-content:flex-start}
.structure-v6 .b4-copy{flex:0 0 auto}
.sales-home.structure-v6 .vp-bento-section .b4-copy h3{margin-top:12px;margin-bottom:16px;line-height:1.17}
.sales-home.structure-v6 .vp-bento-section .b4-copy p{line-height:1.85}
.structure-v6 .b4-draft-visual,.structure-v6 .b4-call-note,.structure-v6 .b4-stop-visual{margin-top:26px;margin-bottom:0}
.sales-home.structure-v6 .b4-stop{display:flex;flex-direction:column;gap:0;padding-inline:26px}
.sales-home.structure-v6 .b4-stop .b4-copy{text-align:left}
.sales-home.structure-v6 .b4-stop .b4-copy h3,.sales-home.structure-v6 .b4-stop .b4-copy p{text-align:left}
.structure-v6 .b4-stop-visual{padding-top:0;padding-bottom:0;margin-top:auto;padding-top:25px}
.structure-v6 .b4-control .b4-call-note{margin-top:auto;padding-top:18px;margin-bottom:0}
.structure-v6 .b4-ai .b4-draft-visual{margin-top:26px}
.structure-v6 .b4-ai .b4-link{margin-top:auto;padding-top:23px}
.structure-v6 .b4-control>.b4-copy{margin-bottom:25px}

/* Neighbouring tiles share real text tracks, so wrapping never offsets the paragraphs. */
@supports (grid-template-rows:subgrid){@media(min-width:641px){
 .sales-home.structure-v6 .b4-grid{grid-auto-rows:auto}
 .sales-home.structure-v6 .b4-grid>.b4-tile{display:grid;grid-row:span 5;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:0;align-items:start}
 .sales-home.structure-v6 .b4-grid>.b4-tile>.b4-copy{display:grid;grid-column:1;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-items:start;margin:0}
 .sales-home.structure-v6 .b4-grid>.b4-tile>.b4-copy>.b4-kicker{grid-row:1;margin:0;align-self:start}
 .sales-home.structure-v6 .b4-grid>.b4-tile>.b4-copy>h3{grid-row:2;margin:12px 0 16px;align-self:start}
 .sales-home.structure-v6 .b4-grid>.b4-tile>.b4-copy>p{grid-row:3;margin:0;align-self:start}
 .sales-home.structure-v6 .b4-grid>.b4-tile>.b4-record-visual,.sales-home.structure-v6 .b4-grid>.b4-tile>.b4-draft-visual,.sales-home.structure-v6 .b4-grid>.b4-tile>.b4-task-visual,.sales-home.structure-v6 .b4-grid>.b4-tile>.b4-stop-visual,.sales-home.structure-v6 .b4-grid>.b4-tile>.b4-call-note{grid-column:1;grid-row:4;align-self:start;margin-top:26px;margin-bottom:0}
 .sales-home.structure-v6 .b4-grid>.b4-tile>.b4-stop-visual{padding-top:0}
 .sales-home.structure-v6 .b4-grid>.b4-tile>.b4-link{grid-column:1;grid-row:5;align-self:end;justify-self:start;margin-top:0;padding-top:22px}
}}
@supports not (grid-template-rows:subgrid){@media(min-width:641px){
 .sales-home.structure-v6 .b4-grid>.b4-tile>.b4-copy>h3{min-height:112px;margin-top:12px;margin-bottom:16px}
}}

/* A tangible glass tool with a calm blue edge, not another flat content box. */
.sales-home.structure-v6 .check-card{position:relative;isolation:isolate;overflow:hidden;overflow:clip;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:48px;padding:48px;border:1px solid #afc9e1;border-top-color:#fffffff2;border-bottom-color:#9ab9d7;border-radius:29px;background:radial-gradient(ellipse 80% 135% at 100% 100%,#a7cce849,transparent 80%),linear-gradient(125deg,#ffffffa6,#e7f1f966);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #a9c6df1f,0 4px 8px #244e7007,0 23px 44px -31px #214f7b80}
.sales-home.structure-v6 .check-card:before{content:'';display:block;position:absolute;inset:1px;z-index:-1;pointer-events:none;border:1px solid #ffffff52;border-top-color:#ffffffbd;border-radius:inherit;background:none}
.sales-home.structure-v6 .check-card:after{content:'';display:block;position:absolute;z-index:-1;pointer-events:none;width:370px;height:370px;right:-143px;bottom:-190px;opacity:.85;background:radial-gradient(circle,transparent 42%,#9bbfdf2e 42.5%,#9bbfdf2e 43%,transparent 43.5%,transparent 59%,#ffffff7a 59.5%,#ffffff7a 60%,transparent 60.5%);border-radius:50%}
.structure-v6 .check-copy{min-width:0}
.sales-home.structure-v6 .check-copy h2{margin:19px 0 23px;line-height:1.14}
.sales-home.structure-v6 .check-copy>p{font-size:16px;line-height:1.8;color:#3f607b;max-width:500px;margin:0}
.structure-v6 .check-copy>.button{margin-top:28px}
.structure-v6 .check-copy>small{margin-top:16px;color:#53728c;line-height:1.75}
.sales-home.structure-v6 .sales-check-preview{position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding:33px;border:1px solid #a9c4dd;border-top-color:#fff;border-bottom-color:#94b4d2;border-radius:22px;background:linear-gradient(140deg,#ffffffdc,#dcecf8b3);box-shadow:inset 0 1px 0 #fff,0 3px 5px #244c7008,0 12px 20px -15px #2857807a,0 23px 34px -29px #25568280}
.sales-home.structure-v6 .sales-check-preview:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:4px;border:1px solid #ffffff63;border-top-color:#ffffffb3;border-radius:18px}
.sales-home.structure-v6 .sales-check-preview:after{content:'';position:absolute;pointer-events:none;top:0;left:33px;width:64px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#548aca,#a2cae8)}
.structure-v6 .sales-check-preview>.eyebrow{font-size:11px;color:#446e93}
.structure-v6 .sales-check-preview ol{gap:0;margin:22px 0}
.sales-home.structure-v6 .sales-check-preview li{gap:14px;align-items:flex-start;padding:13px 0}
.structure-v6 .sales-check-preview li+li{border-top:1px solid #b9cee34d}
.sales-home.structure-v6 .sales-check-preview li span{width:31px;height:31px;flex-basis:31px;background:linear-gradient(145deg,#fff,#e4effa);border-color:#b3cee5;border-top-color:#fff;border-radius:10px;color:#4679aa;box-shadow:inset 0 1px 0 #fff,0 2px 3px #315c830a;font-size:11px}
.sales-home.structure-v6 .sales-check-preview li strong{font-size:14px;line-height:1.6;color:#315571;font-weight:600;padding-top:3px}
.structure-v6 .sales-check-preview>p{font-size:12px;line-height:1.8;color:#4e6d87;border-color:#b0c8dd80;padding-top:19px}

/* Existing examples and the dedicated case page keep their source content and soft transitions. */
.sales-home.structure-v6.process-examples-page .detail-hero.hero-evolution,.sales-home.structure-v6.case-studies-page .detail-hero.hero-evolution{padding-top:0;padding-bottom:var(--v6-section);background:transparent;border:0}
.structure-v6.process-examples-page .detail-hero-copy,.structure-v6.case-studies-page .detail-hero-copy{padding-top:52px}
.structure-v6.process-examples-page .detail-page>section.section,.structure-v6.process-examples-page .detail-page>section.seo-summary,.structure-v6.process-examples-page .detail-page>section.detail-related{padding-top:0;padding-bottom:var(--v6-section);background:transparent;border-color:transparent;box-shadow:none}
.structure-v6.process-examples-page .process-examples-intro .vp-hero-scene{width:100%;max-width:1100px;margin:35px auto 0}
.structure-v6.process-examples-page .process-examples-intro>.wrap>p{max-width:800px;line-height:1.8;color:#47657c}
.structure-v6.process-examples-page .detail-feature .card-copy h3{overflow-wrap:anywhere;hyphens:auto}
@media(min-width:761px) and (max-width:900px){.structure-v6.process-examples-page .detail-feature .card-copy h3{font-size:25px}}
@supports (grid-template-rows:subgrid){@media(min-width:761px){
 .structure-v6.process-examples-page .detail-grid>.detail-feature{display:grid;grid-row:span 4;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:0;align-items:start}
 .structure-v6.process-examples-page .detail-grid>.detail-feature>.card-copy{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-items:start}
 .structure-v6.process-examples-page .detail-grid>.detail-feature>.card-copy>.card-meta{grid-row:1}
 .structure-v6.process-examples-page .detail-grid>.detail-feature>.card-copy>h3{grid-row:2;align-self:start;margin:12px 0 14px}
 .structure-v6.process-examples-page .detail-grid>.detail-feature>.card-copy>p{grid-row:3;align-self:start;margin:0}
 .structure-v6.process-examples-page .detail-grid>.detail-feature>.card-stage{grid-row:4;align-self:start}
}}
.sales-home.structure-v6.process-examples-page .vp-story:not(.vp-story-mint){padding-top:0;padding-bottom:30px}
.sales-home.structure-v6.process-examples-page .vp-story+.vp-story{margin-top:28px}
.structure-v6.case-studies-page .vp-evidence{padding:0;margin-top:0;margin-bottom:var(--v6-section)}
.structure-v6.case-studies-page .case-transfer .scope-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:64px}
.structure-v6.case-studies-page .case-transfer h2{margin-top:14px;font-size:clamp(31px,3.2vw,43px);line-height:1.16;color:#25445c}
.structure-v6.case-studies-page .case-transfer p{font-size:16px;line-height:1.85;color:#45637b;margin:0 0 17px}
.structure-v6.case-studies-page .case-transfer .text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:4px;font-size:13px;color:#356eaa}
.structure-v6 .final-card{padding:56px 40px}
.structure-v6 .we-reviews{margin-top:0;margin-bottom:24px;padding-block:48px}

/* The shared six-link navigation stays compact until its existing mobile breakpoint. */
@media(min-width:761px) and (max-width:1050px){
 .site-header .header-inner{gap:20px}
 .site-header .logo img{width:150px;height:auto}
 .site-header .header-nav{font-size:12px;min-width:0}
 .site-header .header-nav .nav-root{gap:clamp(12px,1.7vw,18px)}
 .site-header .header-nav .nav-root>li:has(>.nav-ready-check){display:none}
 .site-header .header-nav .nav-ready-check{display:none}
 .site-header .nav-trigger{gap:7px;min-height:44px}
 .site-header .header-nav .header-cta{padding:9px 11px;gap:7px;font-size:12px;min-height:44px}
 .site-header .header-cta .conversation-mark{width:19px;height:19px;flex-basis:19px}
}

@media(max-width:1100px){.sales-home.structure-v6{--v6-gutter:32px;--v6-card:28px;--v6-heading-gap:32px;--v6-grid-gap:24px}.sales-home.structure-v6 .section-heading{gap:40px;grid-template-columns:minmax(0,1.45fr) minmax(220px,.85fr)}.structure-v6 .structure-service{padding:30px}.sales-home.structure-v6 .process-grid{column-gap:30px}.sales-home.structure-v6 .process-grid>.process-step>h3{font-size:23px}.sales-home.structure-v6 .check-card{gap:34px;padding:36px}.sales-home.structure-v6 .sales-check-preview{padding:28px}.sales-home.structure-v6 .b4-tile{padding:27px}}
@media(max-width:900px){.sales-home.structure-v6 .section-heading{grid-template-columns:minmax(0,1.3fr) minmax(210px,1fr);gap:30px}.structure-v6 .structure-service h3{font-size:30px}.structure-v6 .structure-service>p{font-size:14px}.sales-home.structure-v6 .check-card{gap:28px;padding:32px}.sales-home.structure-v6 .sales-check-preview{padding:25px}.structure-v6 .b4-data{display:flex}.structure-v6 .b4-data .b4-copy{grid-column:auto;grid-row:auto}.structure-v6 .b4-data .b4-record-visual{margin-top:25px;grid-column:auto;grid-row:auto}.structure-v6 .b4-data .b4-link{margin-top:18px;grid-column:auto;grid-row:auto}.structure-v6.case-studies-page .case-transfer .scope-grid{gap:38px}}
@media(max-width:760px){
 .sales-home.structure-v6{--v6-section:64px;--v6-gutter:24px;--v6-heading-gap:28px;--v6-card:24px;--v6-grid-gap:21px}
 .sales-home.structure-v6 .section-heading{grid-template-columns:minmax(0,1fr);gap:19px;align-items:start;margin-bottom:28px}
 .sales-home.structure-v6 .section-heading h2{margin-top:12px}
 .sales-home.structure-v6 .section-heading>p{padding-top:0;max-width:650px;font-size:15px;line-height:1.8}
 .sales-home.structure-v6 .hero.hero-evolution{padding-top:64px;padding-bottom:72px}
 .sales-home.structure-v6:not(.case-studies-page):not(.process-examples-page)>main>.hero.hero-evolution{min-height:calc(100svh - 74px)}
 .sales-home.structure-v6 .hero.hero-evolution h1{margin-top:26px;margin-bottom:26px}
 .sales-home.structure-v6 .hero-evolution .hero-copy>p{font-size:16px;line-height:1.8;max-width:560px}
 .sales-home.structure-v6 .hero-evolution .hero-actions{margin-top:31px;gap:13px}
 .sales-home.structure-v6 .hero-evolution .hero-note{margin-top:18px}
 .structure-v6 .structure-service-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .structure-v6 .structure-service{padding:29px;min-width:0}
 .structure-v6 .structure-service-icon{width:56px;height:56px;flex-basis:56px;margin-bottom:22px}
 .structure-v6 .structure-service h3{font-size:31px;margin-block:15px 18px}
 .structure-v6 .structure-service>p{font-size:15px;line-height:1.8;max-width:600px;margin-bottom:19px}
 .structure-v6 .structure-service>.text-link{font-size:13px}
 .sales-home.structure-v6 .structure-overview .sales-expansion{margin-top:25px;padding:28px}
 .sales-home.structure-v6 .process-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:31px}
 .sales-home.structure-v6 .process-grid>.process-step,.sales-home.structure-v6 .process-grid>.process-step:nth-child(2){display:grid;grid-row:auto;grid-template-rows:auto auto auto;gap:14px;border-bottom:1px solid #bad0e254;padding-bottom:29px}
 .sales-home.structure-v6 .process-grid>.process-step:last-child{padding-bottom:0;border-bottom:0}
 .sales-home.structure-v6 .process-grid>.process-step>h3{font-size:26px;line-height:1.24}
 .sales-home.structure-v6 .process-grid>.process-step>p{font-size:15px;line-height:1.85}
 .sales-home.structure-v6 .check-card{grid-template-columns:minmax(0,1fr);padding:31px 27px;gap:31px;border-radius:25px}
 .sales-home.structure-v6 .check-copy h2{margin:18px 0 21px}
 .sales-home.structure-v6 .check-copy>p{font-size:15px;line-height:1.85;max-width:600px}
 .structure-v6 .check-copy>.button{margin-top:25px}
 .structure-v6 .check-copy>small{max-width:none;margin-top:15px}
 .sales-home.structure-v6 .sales-check-preview{padding:28px;border-radius:20px}
 .sales-home.structure-v6 .sales-check-preview:before{border-radius:16px}
 .sales-home.structure-v6 .sales-check-preview li strong{font-size:14px}
 .sales-home.structure-v6 .sales-check-preview li{gap:13px;padding-block:12px}
 .structure-v6 .sales-check-preview ol{margin-block:19px}
 .sales-home.structure-v6 .b4-grid{gap:21px}
 .sales-home.structure-v6 .b4-tile{padding:28px}
 .sales-home.structure-v6 .b4-stop{padding:28px}
 .structure-v6.process-examples-page .detail-hero-copy,.structure-v6.case-studies-page .detail-hero-copy{padding-top:34px}
 .structure-v6.process-examples-page .process-examples-intro .vp-hero-scene{margin-top:28px}
 .structure-v6.case-studies-page .case-transfer .scope-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .structure-v6.case-studies-page .case-transfer h2{font-size:32px}
 .structure-v6.case-studies-page .case-transfer p{font-size:15px;line-height:1.85}
 .structure-v6 .final-card{padding:46px 28px}
 .structure-v6 .we-reviews{padding-block:36px;margin-bottom:20px}
}
@media(max-width:390px){.sales-home.structure-v6{--v6-section:60px;--v6-gutter:20px;--v6-heading-gap:26px}.sales-home.structure-v6 .hero.hero-evolution{padding-top:56px;padding-bottom:64px}.structure-v6 .structure-service{padding:25px}.structure-v6 .structure-service h3{font-size:28px}.structure-v6 .structure-service>p{font-size:14px}.sales-home.structure-v6 .structure-overview .sales-expansion{padding:25px}.sales-home.structure-v6 .check-card{padding:27px 23px}.sales-home.structure-v6 .sales-check-preview{padding:23px}.sales-home.structure-v6 .sales-check-preview li{gap:11px}.sales-home.structure-v6 .sales-check-preview li strong{font-size:13px}.sales-home.structure-v6 .sales-check-preview li span{width:28px;height:28px;flex-basis:28px}.sales-home.structure-v6 .b4-tile,.sales-home.structure-v6 .b4-stop{padding:24px}.structure-v6 .final-card{padding:42px 24px}}
@media(max-width:340px){.sales-home.structure-v6{--v6-gutter:18px}.structure-v6 .structure-service{padding:23px}.sales-home.structure-v6 .check-card{padding:25px 21px}.sales-home.structure-v6 .sales-check-preview{padding:21px}.structure-v6 .structure-service h3{font-size:27px}.sales-home.structure-v6 .b4-tile,.sales-home.structure-v6 .b4-stop{padding:22px}}
@media(max-width:360px){.structure-v6.case-studies-page .final-card h2{font-size:clamp(28px,8.75vw,30px);line-height:1.2;overflow-wrap:anywhere;hyphens:auto}}
/* Centre the provider's wider reverse face without altering its flip or visible seal. */
@media(max-width:400px){#we-provenexpert .pe-back-page--embedded{left:calc(50% - 130px);right:auto}}
@media(prefers-reduced-motion:reduce){.structure-v6 .hero-evolution .hero-material-light:before,.structure-v6 .hero-evolution .hero-material-light:after,.structure-v6 .hero-evolution .hero-material-sheen{animation:none!important}.sales-home.structure-v6 .hero-motion-control{display:none!important}}
@media(forced-colors:active){.structure-v6 .structure-service,.structure-v6 .structure-service:nth-child(2),.structure-v6 .structure-service-icon,.sales-home.structure-v6 .check-card,.sales-home.structure-v6 .sales-check-preview{background:Canvas;border-color:CanvasText;box-shadow:none}.sales-home.structure-v6 .check-card:after,.sales-home.structure-v6 .check-card:before,.sales-home.structure-v6 .sales-check-preview:before,.sales-home.structure-v6 .sales-check-preview:after{display:none}.structure-v6 .structure-service>.text-link{color:LinkText}.structure-v6 .structure-service>.text-link:focus-visible{outline-color:Highlight}}


/* card-refinement-v7.css */
/* Homepage cards only: restore the soft material of the selected design.
   No shared typography, hero, navigation or content layout overrides. */
.sales-home.structure-v6 #ready-check .check-card {
  padding:52px;gap:64px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  border:1px solid #c1d9d8;border-top-color:#f8fffc;border-radius:30px;
  background:radial-gradient(ellipse at 0 0,#d5eddfb3,transparent 66%),radial-gradient(ellipse at 100% 100%,#c8dfef85,transparent 65%),linear-gradient(115deg,#eaf6ef,#f1f8f7 54%,#eaf3fa);
  box-shadow:inset 0 1px 0 #fff,0 3px 5px #29494b05,0 22px 38px -31px #365d6466;
}
.sales-home.structure-v6 #ready-check .check-card:before {inset:7px;border:1px solid #ffffffa6;border-radius:24px;background:none}
.sales-home.structure-v6 #ready-check .check-card:after {
  width:660px;height:660px;right:-200px;bottom:-355px;opacity:.65;border-radius:45%;transform:rotate(-25deg);
  background:none;border:1px solid #ffffffab;box-shadow:0 0 0 30px #ffffff24,0 0 0 31px #ffffff70,0 0 0 61px #ffffff12,0 0 0 62px #ffffff63,0 0 0 95px #ffffff0d,0 0 0 96px #ffffff52;
}
.sales-home.structure-v6 #ready-check .check-copy h2 {color:#234b43}
.sales-home.structure-v6 #ready-check .check-copy>p {color:#48665f}
.sales-home.structure-v6 #ready-check .check-copy>small {color:#506c64;font-size:11px}
.sales-home.structure-v6 #ready-check .check-copy>.eyebrow {background:#f8fffbba;border-color:#bed7cc;color:#375e51;box-shadow:inset 0 1px 0 #fff}

/* A diagram of the inputs and one explicitly labelled sample recommendation. */
.check-result-preview {position:relative;isolation:isolate;width:100%;min-width:0;margin:0;padding:25px 27px 27px;border:1px solid #d1e0e3;border-top-color:#fff;border-radius:21px;background:linear-gradient(150deg,#ffffffed,#f9fdfedb);box-shadow:inset 0 1px 0 #fff,0 3px 5px #28454908,0 23px 35px -22px #395e7273}
.check-result-preview:before {content:'';position:absolute;z-index:-1;inset:14px 14px -10px;border:1px solid #f4fbff;border-bottom-color:#c3d6df;border-radius:20px;background:#edf6f8a6;pointer-events:none}
.check-result-preview:after {content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(145deg,#ffffff,#f8fcfc);pointer-events:none}
.check-result-header {display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;font-weight:600;color:#2c4b54;padding-bottom:18px;border-bottom:1px solid #dce7e9}
.check-example-label {font-size:10px;font-weight:400;line-height:1.5;letter-spacing:.02em;color:#58717e;border:1px solid #dce7eb;border-radius:5px;padding:3px 8px;background:#f7fafb}
.check-result-map {width:100%;max-width:280px;margin-inline:auto;padding:20px 0 0}
.check-inputs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.check-input {display:flex;flex-direction:column;align-items:center;gap:9px}
.check-input>span {display:grid;place-items:center;width:44px;height:44px;border:1px solid #cedee9;border-top-color:#fff;border-radius:12px;background:linear-gradient(145deg,#f5faff,#e7eff8);color:#557ea0;box-shadow:inset 0 1px 0 #fff,0 4px 6px -4px #39618635}
.check-input-customers>span {color:#4c8172;border-color:#cce0d7;border-top-color:#fff;background:linear-gradient(145deg,#f6fcf9,#e6f2eb)}
.check-input-systems>span {color:#82749c;border-color:#ded7e8;border-top-color:#fff;background:linear-gradient(145deg,#fcfaff,#efebf6)}
.check-input small {font-size:11px;line-height:1.5;color:#526d7b}
.check-paths {display:block;width:100%;height:auto;margin:9px auto 0;overflow:visible}
.check-recommendation {position:relative;border:1px solid #d3e6dd;border-top-color:#e4f1e9;border-radius:14px;padding:19px 23px 0;background:linear-gradient(125deg,#eff8f2,#f6fbf8);box-shadow:inset 0 1px 0 #fff,0 3px 8px -6px #3e695e30}
.check-result-kicker {display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#47725f}
.check-result-kicker>span {height:6px;width:6px;flex:0 0 6px;border-radius:50%;background:#6d9f89;box-shadow:0 0 0 3px #d9ede1}
.check-recommendation h3 {margin:11px 0 10px;font-size:clamp(22px,2vw,26px);line-height:1.17;font-weight:600;letter-spacing:-.035em;color:#284c41;text-wrap:pretty}
.check-recommendation>p {margin:0;font-size:12px;line-height:1.75;color:#4c6b60;text-wrap:pretty}
.check-result-next {display:flex;align-items:center;gap:9px;border-top:1px solid #d5e6dc;padding:12px 0;margin-top:15px;font-size:11px;line-height:1.6;color:#3d6757}
.check-result-next svg {flex:0 0 18px}

/* Return the final invitation to the original blue-to-mint, inset-edge surface. */
.sales-home.structure-v6 main>.final-section>.final-card {
  isolation:isolate;overflow:hidden;overflow:clip;padding:64px 40px;border:1px solid #cadcdb;border-top-color:#fff;border-radius:30px;
  background:radial-gradient(ellipse at 98% 100%,#cce8dcd9,transparent 62%),radial-gradient(ellipse at 0 8%,#e0eaffeb,transparent 62%),#f8fcfb;
  box-shadow:inset 0 1px 0 #fff,0 4px 7px #294d4f06,0 24px 38px -31px #34576670;
}
.sales-home.structure-v6 main>.final-section>.final-card:before {display:none}
.sales-home.structure-v6 main>.final-section>.final-card:after {content:'';position:absolute;inset:7px;border:1px solid #ffffffb3;border-radius:24px;background:none;pointer-events:none;z-index:-1}
.sales-home.structure-v6 main>.final-section>.final-card>p {max-width:610px;margin-inline:auto;text-wrap:pretty}

@media(max-width:1100px) {
 .sales-home.structure-v6 #ready-check .check-card {padding:40px;gap:38px}
 .check-result-preview {padding:22px}
 .check-recommendation {padding:20px 20px 0}
}
@media(max-width:900px) {
 .sales-home.structure-v6 #ready-check .check-card {grid-template-columns:minmax(0,1fr);padding:40px;gap:36px}
 .sales-home.structure-v6 #ready-check .check-copy>p {max-width:600px}
 .check-result-preview {max-width:480px;justify-self:center;padding:25px 27px 27px}
 .check-recommendation h3 {font-size:26px}
 .check-recommendation>p {max-width:none}
}
@media(max-width:600px) {
 .sales-home.structure-v6 #ready-check .check-card {padding:32px 26px 38px;gap:30px;border-radius:25px}
 .sales-home.structure-v6 #ready-check .check-card:before {inset:6px;border-radius:20px}
 .check-result-preview {padding:21px 19px 20px;border-radius:18px}
 .check-result-preview:before {border-radius:18px}
 .check-result-header {font-size:12px;padding-bottom:16px;gap:10px}
 .check-result-map {padding:22px 0 0}
 .check-recommendation {padding:20px 18px 0}
 .check-recommendation h3 {font-size:24px}
 .sales-home.structure-v6 main>.final-section>.final-card {padding:47px 28px;border-radius:25px}
 .sales-home.structure-v6 main>.final-section>.final-card:after {inset:6px;border-radius:20px}
}
@media(max-width:390px) {
 .sales-home.structure-v6 #ready-check .check-card {padding:28px 22px 33px}
 .check-result-preview {padding:19px 16px 17px}
 .check-example-label {padding:3px 6px}
 .check-recommendation {padding:18px 15px 0}
 .check-recommendation h3 {font-size:23px}
 .check-result-next {align-items:flex-start;font-size:10px}
 .check-result-next svg {margin-top:1px}
 .sales-home.structure-v6 main>.final-section>.final-card {padding:44px 24px}
}
@media(max-width:350px) {
 .sales-home.structure-v6 #ready-check .check-card {padding:27px 20px 32px}
 .check-result-preview {padding:17px 13px 15px}
 .check-result-header {font-size:11px;gap:6px}
 .check-recommendation {padding:17px 12px 0}
 .check-recommendation h3 {font-size:21px}
 .check-input>span {width:40px;height:40px}
 .check-input small {font-size:10px}
}
@media(forced-colors:active) {
 .sales-home.structure-v6 #ready-check .check-card,.sales-home.structure-v6 main>.final-section>.final-card,.check-result-preview,.check-recommendation,.check-input>span,.check-example-label {background:Canvas;border-color:CanvasText;box-shadow:none}
 .sales-home.structure-v6 #ready-check .check-card:before,.sales-home.structure-v6 #ready-check .check-card:after,.sales-home.structure-v6 main>.final-section>.final-card:after,.check-result-preview:before,.check-result-preview:after,.check-result-map {display:none}
 .check-result-preview * {color:CanvasText}
 .check-recommendation {margin-top:20px}
}


/* contrast-v8.css */
/* v8: deliberate surface separation and readable text within the accepted palette. */
.sales-home.structure-v6 .b4-tile{
 border-color:#b8cbdc;border-top-color:#fff;
 box-shadow:inset 0 1px 0 #fff,0 2px 3px #23476306,0 16px 30px -24px #23476370;
}
.sales-home.structure-v6 .b4-data{background:linear-gradient(135deg,#fff,#edf3f9)}
.sales-home.structure-v6 .b4-team{background:linear-gradient(140deg,#e3edf8,#edf4fb);border-color:#b7cce0;border-top-color:#fff}
.sales-home.structure-v6 .b4-stop{background:linear-gradient(145deg,#dceee4,#e8f3ed);border-color:#a9c8b8;border-top-color:#fff}
.sales-home.structure-v6 .b4-control{background:linear-gradient(140deg,#e7ebf5,#f1f3fa);border-color:#b9c4da;border-top-color:#fff}
.sales-home.structure-v6 .b4-ai{background:linear-gradient(145deg,#285eb1,#224e94);border-color:#234f91;border-top-color:#81a6db;box-shadow:inset 0 1px 0 #c1d8fa55,0 16px 30px -24px #1a3b6b99}
.sales-home.structure-v6 .b4-kicker{color:#445f77;font-size:11px;font-weight:650}
.sales-home.structure-v6 .vp-bento-section .b4-copy h3{color:#213e54}
.sales-home.structure-v6 .vp-bento-section .b4-copy p{color:#3b566b;font-size:14px;line-height:1.8}
.sales-home.structure-v6 .vp-bento-section .b4-stop .b4-copy h3{color:#244d3c}
.sales-home.structure-v6 .vp-bento-section .b4-stop .b4-copy p{color:#355c49}
.sales-home.structure-v6 .b4-ai .b4-kicker,.sales-home.structure-v6 .b4-ai-tools{color:#eaf2ff}
.sales-home.structure-v6 .vp-bento-section .b4-ai .b4-copy h3{color:#fff}
.sales-home.structure-v6 .vp-bento-section .b4-ai .b4-copy p{color:#f2f6ff}
.sales-home.structure-v6 .b4-link{color:#255783;font-size:12px;border-color:#8ca9c2}
.sales-home.structure-v6 .b4-ai .b4-link{color:#fff;border-color:#a8c3e8}
.sales-home.structure-v6 .vp-bento-section .b4-section-note{color:#455e72;font-size:12px}
.sales-home.structure-v6 .structure-service{background:linear-gradient(130deg,#fff,#edf3fa);border-color:#b7cadc;border-top-color:#fff;box-shadow:inset 0 1px 0 #fff,0 18px 31px -26px #284e7660}
.sales-home.structure-v6 .structure-service:nth-child(2){background:linear-gradient(130deg,#f4faf7,#e4f0ea);border-color:#afcbbd;border-top-color:#fff}
.sales-home.structure-v6 .structure-service>.eyebrow{color:#395b76}
.sales-home.structure-v6 .structure-service>p{color:#3e586d}
.sales-home.structure-v6 .structure-service>.text-link{color:#255783;margin-top:20px}
.structure-v6 .service-benefits{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:10px;color:#294b64;font-size:13px;line-height:1.6}
.structure-v6 .service-benefits>li{position:relative;padding-left:23px}
.structure-v6 .service-benefits>li:before{content:'';position:absolute;left:3px;top:6px;width:6px;height:10px;border:solid #32688e;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.structure-v6 .service-sequence{align-self:stretch;min-width:0;margin-top:auto;padding:20px;border:1px solid #bdccda;border-top-color:#fff;border-radius:15px;background:#fff;box-shadow:0 3px 7px #24456306,0 13px 19px -19px #24456380;color:#24445e}
.structure-v6 .service-sequence-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:15px;border-bottom:1px solid #d4dfe8;font-size:12px;font-weight:600;line-height:1.5}
.structure-v6 .service-sequence-label{font-size:10px;font-weight:500;color:#4a6379;background:#edf3f8;border:1px solid #cbd9e5;border-radius:5px;padding:2px 6px}
.structure-v6 .service-sequence ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:20px 0}
.structure-v6 .service-sequence li{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.structure-v6 .service-sequence li:not(:last-child):after{content:'';position:absolute;top:15px;left:41px;right:2px;height:1px;background:#a4bacd}
.structure-v6 .service-sequence li>span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e7f0fa;border:1px solid #b4cce2;color:#315f85;font-size:11px;font-weight:600;box-shadow:inset 0 1px 0 #fff}
.structure-v6 .service-sequence li:last-child>span{background:#e6f2eb;border-color:#b2d1bd;color:#326047}
.structure-v6 .service-sequence strong{font-size:11px;line-height:1.55;font-weight:600}
.sales-home.structure-v6 .service-sequence>p{display:flex;align-items:center;gap:7px;margin:0;padding-top:13px;border-top:1px solid #d4dfe8;font-size:11px;line-height:1.6;color:#496172}
.structure-v6 .service-sequence>p svg{flex:0 0 16px;color:#36684b}
.sales-home.structure-v6 .process-grid>.process-step>.process-number{color:#315b82;border-color:#9eb9d1;background:#e7eff8;font-weight:600}
.sales-home.structure-v6 #ready-check .check-card{border-color:#acc8bd;border-top-color:#fff}
.sales-home.structure-v6 #ready-check .check-result-preview{border-color:#b5c9d3;border-top-color:#fff}
.sales-home.structure-v6 #ready-check .check-example-label{color:#405c6b}
.sales-home.structure-v6 #ready-check .check-input small{color:#405b6b}
.sales-home.structure-v6 #ready-check .check-input>span{color:#35688f;border-color:#b6ccdc}
.sales-home.structure-v6 #ready-check .check-input-customers>span{color:#356957;border-color:#adccbd}
.sales-home.structure-v6 #ready-check .check-input-systems>span{color:#66547f;border-color:#c6b8d7}
.sales-home.structure-v6 #ready-check .check-recommendation{border-color:#b1cdbd;background:linear-gradient(130deg,#e6f3eb,#f2f9f5)}
.sales-home.structure-v6 #ready-check .check-result-kicker{color:#345d49}
.sales-home.structure-v6 .final-card h2{max-width:800px;margin-inline:auto;text-wrap:balance}
.sales-home.structure-v6 .section-heading .eyebrow,
.sales-home.structure-v6 #ueber .eyebrow,
.sales-home.structure-v6 #home-ueberblick .eyebrow,
.sales-home.structure-v6 #home-praxis .eyebrow,
.sales-home.structure-v6 #faq .eyebrow,
.sales-home.structure-v6 .final-card>.eyebrow{color:#395b70}
.sales-home.structure-v6 .structure-overview .sales-expansion{background:linear-gradient(120deg,#285ca2,#28527f);border-color:#37628d}
.sales-home.structure-v6 .sales-expansion .eyebrow,.sales-home.structure-v6 .sales-expansion>p{color:#f1f6ff}
.sales-home.structure-v6 .seo-jump{color:#2455ac}
.sales-home.structure-v6 .seo-content-date,
.sales-home.structure-v6 .seo-content-date time,
.sales-home.structure-v6 .seo-reading-nav nav>span,
.sales-home.structure-v6 #home-praxis p,
.sales-home.structure-v6 .final-card>small,
.sales-home.structure-v6 .we-reviews-copy>p,
.sales-home.structure-v6 .we-reviews-status{color:#405c70}
@media(min-width:761px){
 .sales-home.structure-v6 .structure-service-grid{grid-template-rows:repeat(7,auto)}
 .sales-home.structure-v6 .structure-service{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0;align-items:start}
 .sales-home.structure-v6 .structure-service .service-sequence{align-self:end}
 .sales-home.structure-v6 .structure-service>.text-link{justify-self:start;align-self:end}
}
@media(max-width:900px) and (min-width:761px){.structure-v6 .service-sequence{padding:15px}.structure-v6 .service-sequence-head{font-size:11px;flex-wrap:wrap}.structure-v6 .service-sequence ol{gap:8px}.structure-v6 .service-benefits{font-size:12px}}
@media(max-width:390px){.structure-v6 .service-sequence{padding:15px}.structure-v6 .service-sequence-head{flex-wrap:wrap}.structure-v6 .service-benefits{font-size:12px}.sales-home.structure-v6 .vp-bento-section .b4-copy p{font-size:13px}}
@media(max-width:350px){.structure-v6 .service-sequence ol{grid-template-columns:1fr;gap:12px}.structure-v6 .service-sequence li{flex-direction:row;align-items:center;gap:10px}.structure-v6 .service-sequence li:not(:last-child):after{top:33px;left:15px;width:1px;height:10px;right:auto}.structure-v6 .service-sequence li>span{flex:0 0 32px}.sales-home.structure-v6 .final-card h2{font-size:29px;line-height:1.2;overflow-wrap:anywhere}}


/* dashboard-details-v8.css */
/* V8: inner demonstration panels only. Outer card layout, copy and links stay unchanged. */
#systeme .dv8-visual{min-width:0;color:#415b73;font-size:11px;line-height:1.55}
#systeme .dv8-example-note{margin:-16px 0 25px;color:#50677d;font-size:11px;line-height:1.6}
#systeme .dv8-visual svg{display:block;flex-shrink:0;max-width:100%}
#systeme .dv8-window{min-width:0;overflow:hidden;overflow:clip;border:1px solid #bdccdc;border-top-color:#f7fbff;border-radius:14px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 2px 3px #1a38580a,0 9px 17px -12px #234b7766,0 22px 30px -25px #173f6e80}
#systeme .dv8-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;min-height:43px;padding:11px 14px;border-bottom:1px solid #d6e0eb;background:linear-gradient(105deg,#f9fbfd,#edf3f9);color:#435f79;font-size:11px;line-height:1.55}
#systeme .dv8-toolbar-title{display:inline-flex;align-items:center;gap:7px;min-width:0;font-weight:600;color:#314f6b}
#systeme .dv8-toolbar-title svg{color:#4c6e8d}
#systeme .dv8-toolbar time{font-size:11px;font-variant-numeric:tabular-nums;color:#52677c}
#systeme .dv8-chip{display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:3px 7px;border:1px solid #c9d8e8;border-radius:5px;background:#eef4fb;color:#355e89;font-size:11px;font-weight:500;line-height:1.5}
#systeme .dv8-chip-blue:before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#477bb6}
#systeme .dv8-status{display:inline-flex;align-items:center;width:fit-content;max-width:100%;gap:5px;color:#52677d;font-size:11px;font-weight:500;line-height:1.5}
#systeme .dv8-status:before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#647b91}
#systeme .dv8-status-blue{color:#365e87}
#systeme .dv8-status-blue:before{background:#477bb6}
#systeme .dv8-avatar{display:inline-grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid #bdcfe3;border-top-color:#f2f7fe;border-radius:7px;background:linear-gradient(140deg,#edf4fe,#dce9f8);color:#3b6088;font-size:11px;font-weight:600;line-height:1}
#systeme .dv8-panel-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 13px;padding:10px 14px;border-top:1px solid #dce5ee;background:#f8fafc;color:#52677c;font-size:11px;line-height:1.55}
#systeme .dv8-panel-footer>span{display:inline-flex;align-items:center;gap:6px;min-width:0}
#systeme .dv8-panel-footer svg{color:#506e8a}

/* A compact account workspace: identity, ownership and the current activity record. */
#systeme .b4-source-strip{gap:8px;margin-bottom:17px}
#systeme .b4-source-strip>span{min-width:0;padding:8px 11px;gap:7px;border-color:#c3d2e3;border-top-color:#fff;background:linear-gradient(145deg,#fff,#eaf2fa);color:#355875;font-size:11px;line-height:1.45}
#systeme .b4-record{padding:0}
#systeme .b4-record-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:17px 15px;border-bottom:0;background:#fff}
#systeme .b4-record-head>img{width:40px;height:40px;border-radius:10px}
#systeme .b4-record-head strong{font-size:15px;line-height:1.4;font-weight:650;color:#294862}
#systeme .b4-record-head>div>span{margin-top:3px;font-size:11px;line-height:1.5;color:#52677d}
#systeme .dv8-record-fields{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:15px;margin:0 14px 12px;padding:12px;border:1px solid #dce5ee;border-radius:8px;background:#f5f8fc}
#systeme .dv8-record-fields>div{min-width:0}
#systeme .dv8-record-fields dt{font-size:11px;line-height:1.5;color:#52677c}
#systeme .dv8-record-fields dd{display:flex;align-items:center;gap:7px;margin:5px 0 0;min-height:23px;font-size:11px;line-height:1.55;font-weight:550;color:#344f68}
#systeme .dv8-row-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:9px 15px;border-top:1px solid #dce5ee;border-bottom:1px solid #dce5ee;background:#f5f8fb;color:#52677c;font-size:11px;line-height:1.5}
#systeme .dv8-row-heading>span:first-child{font-weight:600;color:#3f5a73}
#systeme .b4-record-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:12px 14px;background:#fff}
#systeme .b4-record-row+.b4-record-row{border-top:1px solid #e0e7ef}
#systeme .b4-row-icon{width:28px;height:28px;flex-basis:28px;border-radius:7px;border-color:#ccd9e7;background:#edf4fb;color:#4b6d8e}
#systeme .b4-record-row>div>span{display:block;color:#52677c;font-size:11px;line-height:1.45}
#systeme .b4-record-row strong{margin-top:4px;font-size:12px;line-height:1.6;font-weight:500;color:#304f6b}
#systeme .b4-record-row>time{display:block;align-self:start;padding-top:2px;color:#52677c;font-size:11px;line-height:1.55;font-variant-numeric:tabular-nums}

/* The message reads as a reviewable draft, with the source context visible above it. */
#systeme .b4-ai-tools{padding:0 2px 12px;font-size:11px;line-height:1.55;color:#f0f6ff}
#systeme .b4-ai-tools img{width:29px;height:29px;padding:5px;border:1px solid #ffffff73;border-radius:8px;background:#fff}
#systeme .b4-draft-paper{padding:0;background:#fff;box-shadow:inset 0 1px 0 #fff,0 4px 8px #143d7924,0 20px 28px -18px #12336780}
#systeme .dv8-draft-fields{padding:12px 15px 0}
#systeme .dv8-draft-fields>div{display:grid;grid-template-columns:39px minmax(0,1fr);gap:10px;padding:7px 0;align-items:start}
#systeme .dv8-draft-fields>div+div{border-top:1px solid #e1e8f0}
#systeme .dv8-draft-fields>div>span{font-size:11px;line-height:1.65;color:#52677c}
#systeme .dv8-draft-fields strong{font-size:12px;line-height:1.55;color:#304f6b;font-weight:550}
#systeme .dv8-draft-fields small{font-size:11px;font-weight:400;color:#52677c}
#systeme .dv8-context{margin:10px 15px 0;padding:11px 12px;border:1px solid #d6e2ee;border-radius:8px;background:#f3f7fc}
#systeme .dv8-context>span{display:block;margin-bottom:7px;color:#52677c;font-size:11px;line-height:1.55}
#systeme .dv8-context>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
#systeme .dv8-context>div>span{display:inline-flex;align-items:center;gap:5px;color:#3a5e80;font-size:11px;line-height:1.6}
#systeme .dv8-message{padding:15px}
#systeme .dv8-message>p{margin:0;color:#354f67;font-size:13px;line-height:1.85}
#systeme .b4-approval{margin:0 15px 15px;padding:12px 11px;gap:10px;border:1px solid #c4d7e8;border-radius:9px;background:linear-gradient(120deg,#eaf3fc,#f3f8fd)}
#systeme .b4-approval>span{width:28px;height:28px;flex:0 0 28px;border:1px solid #b3cbe2;border-radius:8px;background:#dfedf9;color:#3d6992;font-size:11px}
#systeme .b4-approval strong{color:#325879;font-size:12px;line-height:1.5}
#systeme .b4-approval>div>span{margin-top:4px;color:#49647c;font-size:11px;line-height:1.6}
#systeme .dv8-pending{color:#46647f}

/* A handoff card with one readable date, owner and next action. */
#systeme .b4-task-visual{display:block;padding:0;background:#fff}
#systeme .dv8-task-context{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid #e0e7ef;background:#fbfcfe;font-size:12px;font-weight:550;color:#304e69;line-height:1.55}
#systeme .dv8-task-context>img{display:block;width:27px;height:27px;flex:0 0 27px;border-radius:7px}
#systeme .dv8-task-context small{font-size:11px;font-weight:400;color:#52677c}
#systeme .b4-task-body{padding:15px}
#systeme .b4-task-body>strong{margin:0;max-width:none;color:#2c4b66;font-size:14px;line-height:1.5;font-weight:600}
#systeme .b4-task-body>p{margin:5px 0 0;color:#50677d;font-size:12px;line-height:1.65}
#systeme .b4-task-date{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px 8px;margin-top:14px;padding:10px 11px;border:1px solid #c9daeb;border-radius:8px;background:linear-gradient(110deg,#edf4fd,#f7faff);color:#40658c}
#systeme .b4-task-date svg{width:18px;height:18px;margin:0;color:#4b6d8e}
#systeme .b4-task-date strong{font-size:12px;line-height:1.55;color:#355a80}
#systeme .b4-task-date>span{margin:0;font-size:11px;line-height:1.55;color:#4c6781}
#systeme .dv8-task-subject{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;line-height:1.65;color:#52677c}
#systeme .dv8-task-owner{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 14px;border-top:1px solid #dce5ee;background:#f6f9fc}
#systeme .dv8-task-owner>.dv8-avatar{width:26px;height:26px;border-radius:8px}
#systeme .dv8-task-owner>div>span{display:block;font-size:11px;line-height:1.4;color:#52677c}
#systeme .dv8-task-owner strong{display:block;margin-top:3px;font-size:12px;line-height:1.55;color:#34536f;font-weight:550}

/* One recorded reply visibly changes the sequence's state. */
#systeme .b4-stop-visual{width:100%;padding:0;text-align:left;color:#3f5f52}
#systeme .dv8-stop-panel{width:100%;text-align:left}
#systeme .dv8-stop-panel .dv8-toolbar{padding-inline:12px;background:linear-gradient(110deg,#f5faf7,#ecf4ef);border-bottom-color:#d2e0d8}
#systeme .dv8-stop-panel .dv8-toolbar-title{color:#345c4b}
#systeme .dv8-stop-panel .dv8-toolbar-title svg{color:#4a735f}
#systeme .dv8-stop-context{padding:12px 12px 3px;color:#3b5c4d;font-size:11px;font-weight:550;line-height:1.5}
#systeme .dv8-stop-context>span{font-weight:400;color:#526b5d}
#systeme .dv8-event{position:relative;display:flex;align-items:flex-start;gap:8px;padding:13px 12px;min-width:0}
#systeme .dv8-event:not(.dv8-event-stop):after{content:'';position:absolute;top:39px;bottom:-11px;left:24px;width:1px;background:#bbd0c4}
#systeme .dv8-event-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #c1d4e5;border-radius:7px;background:#eef5fb;color:#476c8e}
#systeme .dv8-event>div{min-width:0}
#systeme .dv8-event strong{display:block;color:#345643;font-size:12px;font-weight:600;line-height:1.5}
#systeme .dv8-event>div>span{display:block;margin-top:4px;color:#526b5c;font-size:11px;line-height:1.6}
#systeme .dv8-event-stop .dv8-event-icon{border-color:#b9d2c3;background:#eaf4ee;color:#396a50}
#systeme .dv8-rule-state{display:flex;align-items:flex-start;gap:6px;margin:3px 12px 13px;padding:8px;border:1px solid #c4d9ca;border-radius:7px;background:#eaf4ed;color:#356149;font-size:11px;line-height:1.6}
#systeme .dv8-rule-state svg{margin-top:1px}
#systeme .dv8-stop-panel .dv8-panel-footer{padding-inline:12px;background:#f8fbf9;color:#526b5c;border-top-color:#d9e5dd}

/* A human-written note retains the customer, result and author as separate fields. */
#systeme .b4-call-note{padding:0;background:#fff}
#systeme .dv8-call-contact{display:flex;align-items:center;gap:9px;padding:14px}
#systeme .dv8-call-contact>.dv8-avatar{width:30px;height:30px;flex-basis:30px;border-radius:9px}
#systeme .dv8-call-contact>div{min-width:0}
#systeme .dv8-call-contact strong{display:block;color:#344f69;font-size:12px;font-weight:600;line-height:1.5}
#systeme .dv8-call-contact>div>span{display:block;margin-top:3px;color:#52677c;font-size:11px;line-height:1.5}
#systeme .dv8-note-body{margin:0 14px;padding:12px;border:1px solid #d8e2ec;border-radius:8px;background:#f5f8fc}
#systeme .dv8-note-body>p{margin:0;color:#3e5870;font-size:12px;line-height:1.8}
#systeme .dv8-call-fields{display:grid;gap:9px;margin:0;padding:14px}
#systeme .dv8-call-fields>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:10px}
#systeme .dv8-call-fields dt{color:#52677c;font-size:11px;line-height:1.6}
#systeme .dv8-call-fields dd{margin:0;color:#3a5670;font-size:11px;line-height:1.6;font-weight:550}
#systeme .b4-note-saved{margin:0 14px 14px;gap:7px;color:#3e6854;font-size:11px;line-height:1.6}
#systeme .b4-note-saved>span{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;background:#eaf4ee;border:1px solid #bed4c7;border-radius:50%;color:#3e6854}

@media(max-width:1100px){
 #systeme .dv8-toolbar{padding-inline:12px;gap:7px 9px}
 #systeme .b4-record-head{padding:15px 13px}
 #systeme .b4-record-row{padding:12px;gap:4px 8px}
 #systeme .dv8-panel-footer{padding-inline:12px}
}
@media(max-width:640px){
 #systeme .dv8-example-note{margin-top:-10px;margin-bottom:20px}
 #systeme .b4-record-head{grid-template-columns:36px minmax(0,1fr);gap:9px}
 #systeme .b4-record-head>img{width:36px;height:36px}
 #systeme .b4-record-head>.dv8-chip{grid-column:2;justify-self:start}
 #systeme .b4-record-row{grid-template-columns:28px minmax(0,1fr);gap:4px 9px}
 #systeme .b4-record-row>time,#systeme .b4-record-row>.dv8-status{grid-column:2;justify-self:start;padding-top:0}
 #systeme .dv8-record-fields{gap:12px}
 #systeme .b4-source-strip>span{padding:8px;font-size:11px;gap:5px}
 #systeme .b4-ai-tools{font-size:11px}
 #systeme .b4-draft-paper .dv8-toolbar{padding-block:12px}
 #systeme .dv8-draft-fields{padding-inline:13px}
 #systeme .dv8-context{margin-inline:13px;padding:10px}
 #systeme .dv8-message{padding:14px 13px}
 #systeme .b4-approval{margin:0 13px 13px;padding:11px 10px}
 #systeme .dv8-stop-panel{max-width:none}
}
@media(max-width:380px){
 #systeme .b4-source-strip>span{flex:1;flex-direction:column;min-width:0;padding:8px 4px;gap:6px;font-size:11px;white-space:normal;text-align:center}
 #systeme .dv8-record-fields{grid-template-columns:minmax(0,1fr);gap:10px}
 #systeme .dv8-record-fields>div+div{border-top:1px solid #dce5ee;padding-top:9px}
 #systeme .dv8-row-heading{padding-inline:12px}
 #systeme .dv8-task-owner{grid-template-columns:26px minmax(0,1fr);gap:8px}
 #systeme .dv8-task-owner>.dv8-status{grid-column:2}
 #systeme .dv8-call-fields>div{grid-template-columns:minmax(0,1fr);gap:2px}
 #systeme .dv8-call-fields>div+div{border-top:1px solid #e0e7ef;padding-top:8px}
}
@media(forced-colors:active){
 #systeme .dv8-window,#systeme .dv8-toolbar,#systeme .dv8-record-fields,#systeme .dv8-row-heading,#systeme .dv8-context,#systeme .dv8-note-body,#systeme .b4-approval,#systeme .b4-record-row,#systeme .b4-record-head,#systeme .dv8-task-owner,#systeme .dv8-task-context,#systeme .dv8-panel-footer,#systeme .dv8-event-icon,#systeme .dv8-rule-state,#systeme .dv8-chip,#systeme .dv8-avatar,#systeme .b4-task-date{background:Canvas;border-color:CanvasText;box-shadow:none}
 #systeme .dv8-visual *{color:CanvasText}
 #systeme .dv8-event:after,#systeme .dv8-chip:before,#systeme .dv8-status:before{background:CanvasText}
}


/* product-ui-v9.css */
/* V9 product-inspired illustrations. Only the five inner examples in #systeme change. */
#systeme .p9-visual{min-width:0;font-size:11px;line-height:1.55;color:#40546a}
#systeme .p9-visual svg{display:block;flex-shrink:0}
#systeme .p9-app{width:100%;min-width:0;padding:0;overflow:hidden;overflow:clip;border:1px solid #bfcbd8;border-top-color:#f3f7fc;border-radius:11px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 3px 5px #183f6410,0 13px 23px -16px #1c446a73}
#systeme .p9-avatar{display:inline-grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid #c1cdda;border-radius:50%;background:#e8eef6;color:#3c536c;font-size:11px;font-weight:600;line-height:1}
#systeme .p9-product-name{font-size:13px;font-weight:750;letter-spacing:-.04em;color:#203b30;line-height:1.3}
#systeme .p9-neutral-status{display:inline-block;max-width:100%;padding:3px 7px;border:1px solid #cdd6df;border-radius:5px;background:#f2f5f8;color:#44576a;font-size:11px;line-height:1.45;font-weight:500}

/* Pipedrive: dark navigation, a selected deal and its green phase indicator. */
#systeme .p9-pipedrive{display:grid;grid-template-columns:35px minmax(0,1fr)}
#systeme .p9-pd-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:13px 4px;background:#1c1d3b;color:#f1f1ff}
#systeme .p9-pd-rail>img{display:block;width:23px;height:23px;padding:3px;border-radius:6px;background:#fff;object-fit:contain;filter:none;margin-bottom:13px}
#systeme .p9-pd-rail>span{display:grid;place-items:center;width:27px;height:29px;border-radius:5px}
#systeme .p9-pd-rail>.is-current{background:#494198;color:#fff;box-shadow:inset 0 1px 0 #ffffff14}
#systeme .p9-pd-workspace{min-width:0;background:#fff}
#systeme .p9-pd-bar{display:flex;align-items:center;gap:13px;min-height:46px;padding:10px 14px;border-bottom:1px solid #d9e0e7;background:#fff}
#systeme .p9-pd-page{padding-left:12px;border-left:1px solid #d7dfe7;color:#3f4c5b;font-size:11px;line-height:1.4}
#systeme .p9-pd-bar>.p9-avatar{margin-left:auto}
#systeme .p9-pd-deal-title{padding:14px 14px 12px}
#systeme .p9-app-breadcrumb{display:block;margin-bottom:8px;color:#566575;font-size:11px;line-height:1.45}
#systeme .p9-pd-deal-title>strong{display:block;color:#263747;font-size:16px;font-weight:650;line-height:1.4;letter-spacing:-.025em}
#systeme .p9-pd-deal-title>div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;margin-top:9px}
#systeme .p9-pd-deal-title>div>span:first-child{display:flex;align-items:center;gap:5px;color:#40596f;font-size:11px;line-height:1.5}
#systeme .p9-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0 14px 14px}
#systeme .p9-stages>span{display:grid;place-items:center;min-width:0;padding:8px 6px;background:#e8edf1;color:#435465;font-size:11px;line-height:1.4;text-align:center;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,0 100%,7px 50%)}
#systeme .p9-stages>span:first-child{background:#e0efe5;color:#386149;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,0 100%)}
#systeme .p9-stages>.is-current{background:#287c4d;color:#fff;font-weight:600}
#systeme .p9-pd-detail-grid{display:grid;grid-template-columns:minmax(113px,.7fr) minmax(0,1.3fr);border-top:1px solid #d9e0e7}
#systeme .p9-pd-summary{padding:13px 11px;background:#f8f9fb;border-right:1px solid #dce2e8;min-width:0}
#systeme .p9-pd-summary>strong{font-size:11px;font-weight:650;color:#3e4b5b}
#systeme .p9-pd-summary dl{display:grid;gap:14px;margin:15px 0 0}
#systeme .p9-pd-summary dt{font-size:11px;color:#566575;line-height:1.5}
#systeme .p9-pd-summary dd{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:5px 0 0;color:#285f91;font-size:11px;line-height:1.55}
#systeme .p9-pd-summary dd>.p9-avatar{width:21px;height:21px;flex-basis:21px}
#systeme .p9-pd-feed{min-width:0;padding:11px;background:#f0f2f5}
#systeme .p9-pd-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;margin-bottom:12px}
#systeme .p9-pd-tabs>span{padding:3px 0 5px;border-bottom:2px solid transparent;color:#536172;font-size:11px;line-height:1.4}
#systeme .p9-pd-tabs>.is-current{color:#25623e;border-bottom-color:#2b7d4f;font-weight:600}
#systeme .p9-pd-next{display:flex;align-items:flex-start;gap:8px;padding:11px 10px;border:1px solid #d0dbe4;border-radius:7px;background:#fff;box-shadow:0 1px 2px #1f3d5c08}
#systeme .p9-activity-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid #bfd3c4;border-radius:50%;background:#edf5ef;color:#3a6c4b}
#systeme .p9-pd-next>div{min-width:0}
#systeme .p9-pd-next strong{display:block;color:#334a5b;font-size:12px;font-weight:600;line-height:1.5}
#systeme .p9-pd-next>div>span,#systeme .p9-pd-next small{display:block;margin-top:5px;color:#536375;font-size:11px;line-height:1.5}
#systeme .p9-pd-note{padding:10px;margin-top:12px;border:1px solid #ded4a3;border-radius:6px;background:#fff8d9}
#systeme .p9-pd-note>span{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#675b34;font-size:11px;line-height:1.5}
#systeme .p9-pd-note time{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums}
#systeme .p9-pd-note>p{margin:8px 0 0;color:#574f35;font-size:12px;line-height:1.7}

/* Outlook compose stays distinct from the external context and approval workflow. */
#systeme .p9-wa-context{margin-bottom:12px;padding:0 1px;color:#f2f7ff}
#systeme .p9-wa-context>div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;line-height:1.6}
#systeme .p9-ai-logos{display:inline-flex;gap:5px;align-items:center}
#systeme .p9-ai-logos>img{display:block;width:25px;height:25px;padding:4px;border-radius:6px;background:#fff;box-shadow:0 1px 3px #173a661f}
#systeme .p9-wa-context>p{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:8px 0 0;color:#f0f5ff;font-size:11px;line-height:1.6}
#systeme .p9-wa-context>p>span{margin-inline:2px;color:#e5efff}
#systeme .p9-outlook{background:#fff;border-color:#bfd1e2;border-top-color:#a8cee8;font-family:"Segoe UI",Arial,sans-serif}
#systeme .p9-outlook-bar{display:flex;align-items:center;gap:8px;min-height:45px;padding:10px 13px;background:#0f6cbd;color:#fff}
#systeme .p9-outlook-bar>img{display:block;flex:0 0 25px;width:25px;height:25px;padding:3px;border-radius:5px;background:#fff;object-fit:contain}
#systeme .p9-outlook-bar>strong{color:#fff;font-size:13px;font-weight:600;line-height:1.5}
#systeme .p9-outlook-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:11px 13px;border-bottom:1px solid #dbe3eb;background:#f8fafc}
#systeme .p9-outlook-title>strong{color:#334e68;font-size:12px;font-weight:600;line-height:1.5}
#systeme .p9-outlook-title>span{font-size:11px;line-height:1.5;color:#53677d}
#systeme .p9-compose-fields{margin:0;padding:0 13px}
#systeme .p9-compose-fields>div{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:8px;padding:11px 0;border-bottom:1px solid #e1e7ed}
#systeme .p9-compose-fields dt{color:#52677b;font-size:11px;line-height:1.6}
#systeme .p9-compose-fields dd{margin:0;color:#344d63;font-size:12px;line-height:1.6}
#systeme .p9-recipient{display:inline;padding:2px 5px;border-radius:4px;background:#edf3f8;color:#35556f;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#systeme .p9-recipient>small{color:#52677c;font-size:11px}
#systeme .p9-mail-body{padding:17px 13px}
#systeme .p9-mail-body>p{margin:0;color:#354e65;font-size:13px;line-height:1.85}
#systeme .p9-compose-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 13px;border-top:1px solid #e0e6ed;background:#fbfcfe;color:#52677c;font-size:11px;line-height:1.55}
#systeme .p9-compose-foot>span:first-child{display:flex;align-items:center;gap:12px;color:#405b74}
#systeme .p9-wa-approval{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:13px;border:1px solid #c1d7ed;border-top-color:#eef8ff;border-radius:10px;background:linear-gradient(120deg,#eef7ff,#dfeefa);color:#315777;box-shadow:inset 0 1px 0 #fff,0 7px 13px -10px #163b687a}
#systeme .p9-wa-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #aac6df;border-radius:8px;background:#e0edf8;color:#37668f}
#systeme .p9-wa-approval>div{min-width:0}
#systeme .p9-wa-approval>div>span{display:block;font-size:11px;line-height:1.5;color:#49677f}
#systeme .p9-wa-approval strong{display:block;margin-top:5px;color:#315573;font-size:12px;line-height:1.5;font-weight:600}
#systeme .p9-wa-approval p{margin:5px 0 0;color:#46657e;font-size:11px;line-height:1.65}
#systeme .p9-wa-approval small{display:block;margin-top:6px;color:#315a7b;font-size:11px;font-weight:600;line-height:1.5}

/* A compact Pipedrive activity view, with date, relationships and a private note. */
#systeme .p9-pd-task{display:block;background:#fff}
#systeme .p9-task-bar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:13px;border-bottom:1px solid #d9e1e7;background:#fff}
#systeme .p9-task-bar>img{display:block;width:20px;height:20px;object-fit:contain}
#systeme .p9-task-bar>span:last-child{margin-left:auto;color:#566474;font-size:11px;line-height:1.5}
#systeme .p9-activity-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #d4dee5;background:#f4f6f8}
#systeme .p9-activity-types>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:11px 5px;color:#526273;font-size:11px;line-height:1.4}
#systeme .p9-activity-types>span+span{border-left:1px solid #e0e6eb}
#systeme .p9-activity-types>.is-current{background:#eaf3ed;color:#2e6644;box-shadow:inset 0 -2px 0 #398558;font-weight:600}
#systeme .p9-task-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:15px 13px;border-bottom:1px solid #e0e6ed}
#systeme .p9-task-title>strong{color:#304759;font-size:14px;line-height:1.5;font-weight:600}
#systeme .p9-task-fields{display:grid;gap:12px;margin:0;padding:14px 13px}
#systeme .p9-task-fields>div{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;gap:8px}
#systeme .p9-task-fields dt{color:#556474;font-size:11px;line-height:1.6}
#systeme .p9-task-fields dd{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;color:#344b60;font-size:12px;line-height:1.6}
#systeme .p9-task-fields dd>.p9-avatar{width:22px;height:22px;flex-basis:22px}
#systeme .p9-task-note{margin:0 13px 14px;padding:11px;border:1px solid #dfd5a4;border-radius:6px;background:#fff8db}
#systeme .p9-task-note>span{display:flex;align-items:center;gap:6px;color:#665b37;font-size:11px;line-height:1.5}
#systeme .p9-task-note>p{margin:8px 0 0;color:#554e38;font-size:12px;line-height:1.7}

/* A reply in Outlook, followed by a separately labelled automation outcome. */
#systeme .b4-stop-visual.p9-visual{width:100%;padding:0;text-align:left}
#systeme .p9-inbox .p9-outlook-bar{padding:10px 11px}
#systeme .p9-inbox-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:7px 15px;padding:11px 11px 0;border-bottom:1px solid #e0e6ed;background:#fff}
#systeme .p9-inbox-tabs>span{padding-bottom:8px;border-bottom:2px solid transparent;color:#53677c;font-size:11px;line-height:1.5}
#systeme .p9-inbox-tabs>.is-current{color:#0c5b9c;border-bottom-color:#0f6cbd;font-weight:600}
#systeme .p9-inbox-mail{position:relative;padding:13px 11px;border-left:3px solid #0f6cbd;background:#f1f7fd}
#systeme .p9-inbox-mail>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#systeme .p9-inbox-mail>div>strong{font-size:12px;color:#304e69;font-weight:600;line-height:1.5}
#systeme .p9-inbox-mail>time{display:block;margin:6px 0;color:#52677c;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}
#systeme .p9-inbox-mail>strong{display:block;color:#34546e;font-size:12px;font-weight:600;line-height:1.5}
#systeme .p9-inbox-mail>p{margin:6px 0 0;color:#476279;font-size:12px;line-height:1.7}
#systeme .p9-wa-stop{display:flex;align-items:flex-start;gap:8px;margin-top:13px;padding:12px;border:1px solid #adcdb9;border-top-color:#edf8f1;border-radius:9px;background:linear-gradient(130deg,#edf8f1,#dceee3);box-shadow:inset 0 1px 0 #fff,0 7px 12px -10px #345e4970}
#systeme .p9-wa-stop>.p9-wa-icon{flex-basis:25px;width:25px;height:25px;border-color:#a8c7b4;background:#e3f2e9;color:#356a4c}
#systeme .p9-wa-stop>div{min-width:0}
#systeme .p9-wa-stop>div>span{display:block;color:#486653;font-size:11px;line-height:1.5}
#systeme .p9-wa-stop strong{display:block;margin-top:5px;color:#2c5c40;font-size:12px;line-height:1.5;font-weight:600}
#systeme .p9-wa-stop p{margin:5px 0 0;color:#456751;font-size:11px;line-height:1.6}

/* Close: lead context, communication types and a chronological activity entry. */
#systeme .p9-close{padding:0;background:#f3f5f7;border-color:#c4ccd5}
#systeme .p9-close-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #d7dde5;background:#fff}
#systeme .p9-close-brand{color:#273743;font-size:18px;font-weight:800;letter-spacing:-.065em;line-height:1.25}
#systeme .p9-close-bar>span:last-child{color:#596573;font-size:11px;line-height:1.5}
#systeme .p9-close-lead{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:13px;border-bottom:1px solid #dbe2e9;background:#fff}
#systeme .p9-close-lead>strong{color:#283b4b;font-size:14px;font-weight:650;line-height:1.5}
#systeme .p9-close-lead>span{padding:2px 6px;border:1px solid #d0d8e2;border-radius:5px;background:#f0f3f7;color:#516273;font-size:11px;line-height:1.5}
#systeme .p9-close-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px 11px;padding:10px 12px;border-bottom:1px solid #d4dde7;background:#f8fafd}
#systeme .p9-close-actions>span{display:inline-flex;align-items:center;gap:4px;padding:3px 0;color:#526171;font-size:11px;line-height:1.4}
#systeme .p9-close-actions>.is-current{color:#195e9d;font-weight:600}
#systeme .p9-close-feed{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:8px;padding:14px 11px 12px}
#systeme .p9-close-event-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #cfac32;border-radius:50%;background:#f5cf57;color:#584a1d;box-shadow:0 1px 2px #6a56151c}
#systeme .p9-close-entry{min-width:0;padding:11px;border:1px solid #cbd5df;border-top-color:#fff;border-radius:8px;background:#fff;box-shadow:0 2px 3px #233c5508}
#systeme .p9-close-entry-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
#systeme .p9-close-entry-head>strong{color:#354b5d;font-size:12px;font-weight:600;line-height:1.5}
#systeme .p9-close-entry-head>.p9-avatar{width:21px;height:21px;flex-basis:21px}
#systeme .p9-close-contact{display:block;margin-top:8px;color:#526476;font-size:11px;line-height:1.6}
#systeme .p9-close-entry>p{margin:10px 0 0;color:#3e5468;font-size:12px;line-height:1.8}
#systeme .p9-close-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 7px;margin-top:12px;padding-top:10px;border-top:1px solid #e0e6ed;color:#526476;font-size:11px;line-height:1.6}
#systeme .p9-close-meta>time{font-variant-numeric:tabular-nums}
#systeme .p9-close-recorded{display:flex;align-items:center;gap:6px;padding:10px 12px;border-top:1px solid #d5e0e7;background:#f7faf8;color:#456451;font-size:11px;line-height:1.6}

@media(max-width:1100px){
 #systeme .p9-pd-bar{gap:9px;padding-inline:11px}
 #systeme .p9-pd-deal-title{padding-inline:11px}
 #systeme .p9-stages{margin-inline:11px}
 #systeme .p9-pd-detail-grid{grid-template-columns:minmax(105px,.72fr) minmax(0,1.28fr)}
 #systeme .p9-pd-summary{padding:12px 9px}
 #systeme .p9-pd-feed{padding:10px}
 #systeme .p9-pd-next{padding:10px 8px;gap:6px}
 #systeme .p9-pd-tabs{gap:3px 5px}
}
@media(max-width:640px){
 #systeme .p9-pd-detail-grid{grid-template-columns:minmax(0,1fr)}
 #systeme .p9-pd-summary{border-right:0;border-bottom:1px solid #dce2e8;padding:12px}
 #systeme .p9-pd-summary dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
 #systeme .p9-pd-summary dl>div:last-child{grid-column:1/-1}
 #systeme .p9-pd-feed{padding:12px}
 #systeme .p9-pd-next{padding:11px;gap:8px}
 #systeme .p9-pd-tabs{gap:4px 8px}
 #systeme .p9-wa-context>div{gap:8px}
 #systeme .p9-wa-approval{padding:12px;gap:9px}
 #systeme .p9-task-fields{gap:11px}
 #systeme .p9-close-feed{padding:13px 10px;gap:7px}
}
@media(max-width:380px){
 #systeme .p9-pipedrive{grid-template-columns:28px minmax(0,1fr)}
 #systeme .p9-pd-rail{padding-inline:2px;gap:12px}
 #systeme .p9-pd-rail>img{width:20px;height:20px}
 #systeme .p9-pd-rail>span{width:24px;height:27px}
 #systeme .p9-pd-rail svg{width:16px;height:16px}
 #systeme .p9-pd-bar{gap:7px;padding-inline:9px}
 #systeme .p9-pd-page{padding-left:7px}
 #systeme .p9-pd-bar>.p9-avatar{width:21px;height:21px;flex-basis:21px}
 #systeme .p9-pd-deal-title{padding:12px 10px}
 #systeme .p9-pd-deal-title>strong{font-size:15px}
 #systeme .p9-stages{margin-inline:10px;gap:1px}
 #systeme .p9-stages>span{padding:8px 4px}
 #systeme .p9-pd-summary{padding:11px 10px}
 #systeme .p9-pd-summary dl{grid-template-columns:minmax(0,1fr);gap:11px}
 #systeme .p9-pd-feed{padding:10px}
 #systeme .p9-task-fields>div{grid-template-columns:64px minmax(0,1fr);gap:7px}
 #systeme .p9-task-fields dt{overflow-wrap:anywhere;hyphens:auto}
 #systeme .p9-close-feed{grid-template-columns:20px minmax(0,1fr);gap:6px;padding-inline:9px}
 #systeme .p9-close-event-icon{width:20px;height:20px}
 #systeme .p9-close-event-icon svg{width:15px;height:15px}
 #systeme .p9-close-entry{padding:10px}
}
@media(forced-colors:active){
 #systeme .p9-app,#systeme .p9-pd-workspace,#systeme .p9-pd-bar,#systeme .p9-pd-rail,#systeme .p9-pd-rail>.is-current,#systeme .p9-pd-summary,#systeme .p9-pd-feed,#systeme .p9-pd-next,#systeme .p9-pd-note,#systeme .p9-outlook-bar,#systeme .p9-outlook-title,#systeme .p9-compose-foot,#systeme .p9-wa-approval,#systeme .p9-wa-stop,#systeme .p9-task-bar,#systeme .p9-activity-types,#systeme .p9-activity-types>.is-current,#systeme .p9-task-note,#systeme .p9-close-bar,#systeme .p9-close-lead,#systeme .p9-close-actions,#systeme .p9-close-entry,#systeme .p9-close-recorded,#systeme .p9-inbox-mail,#systeme .p9-inbox-tabs{background:Canvas;border-color:CanvasText;box-shadow:none}
 #systeme .p9-visual *{color:CanvasText}
 #systeme .p9-stages>span{background:Canvas;border:1px solid CanvasText;clip-path:none;color:CanvasText}
 #systeme .p9-stages>.is-current{background:Highlight;color:HighlightText}
 #systeme .p9-pd-rail>img{filter:none}
}


/* customer-story-v9.css */
/* A concise customer result in the opening view, and its full project story. */
.sales-home.structure-v6.home-proof-v9>main>.hero.hero-evolution{padding-top:32px;padding-bottom:32px;min-height:calc(100svh - 88px)}
.home-proof-v9 .hero.hero-evolution h1{margin-top:20px;margin-bottom:20px}
.home-proof-v9 .hero-evolution .hero-actions{margin-top:24px}
.home-proof-v9 .hero-evolution .hero-note{margin-top:12px}
.hero-case-v9{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:28px;width:min(850px,100%);margin:27px auto 0;padding:20px 27px;text-align:left;border:1px solid #b7cbdc;border-top-color:#fff;border-radius:19px;background:linear-gradient(115deg,#fff,#edf4fb);box-shadow:inset 0 1px 0 #fff,0 14px 24px -22px #204d76}
.hero-case-v9 .hc9-result{display:grid;gap:3px;padding-right:25px;border-right:1px solid #cad9e4}
.hero-case-v9 .hc9-label{font-size:10px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;font-weight:650;color:#446079}
.hero-case-v9 .hc9-result strong{font-size:36px;line-height:1.08;letter-spacing:-.045em;color:#1853a5;font-weight:680;white-space:nowrap}
.hero-case-v9 .hc9-result>span:last-child{font-size:12px;line-height:1.5;color:#38546a}
.hero-case-v9 .hc9-copy p{margin:0 0 9px;font-size:13px;line-height:1.65;color:#344e65;max-width:540px}
.hero-case-v9 .hc9-copy a{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:650;color:#174f9f;line-height:1.5;text-underline-offset:4px;text-decoration:underline;text-decoration-color:#95afce}
.hero-case-v9 .hc9-copy a:focus-visible{outline:3px solid #185dc2;outline-offset:5px;border-radius:2px}
.case-studies-page .detail-hero{padding-bottom:66px}
.case-studies-page .detail-hero h1{font-size:clamp(36px,4.9vw,65px);max-width:970px}
.case-studies-page .detail-hero-copy>p{max-width:760px}
.case-studies-page .breadcrumbs [aria-current],.case-studies-page .eyebrow,.case-studies-page .final-card>small{color:#3f5b72}
.case-studies-page .text-link,.sales-home.case-studies-page .case-transfer .text-link{color:#20518d}
.case-studies-page .we-reviews-copy>p,.case-studies-page .we-reviews-status{color:#3b566d}
.cs9-story{padding-bottom:90px;scroll-margin-top:25px}
.cs9-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:38px;align-items:center;padding:38px;border:1px solid #b7ccdd;border-top-color:#fff;border-radius:24px;background:linear-gradient(125deg,#fff,#eaf3fc);box-shadow:0 18px 35px -29px #26537c}
.cs9-intro h2{font-size:clamp(28px,3.4vw,42px);line-height:1.14;letter-spacing:-.04em;margin:14px 0 18px;color:#1f3c54}
.cs9-intro p{font-size:15px;line-height:1.8;color:#3c566b;margin:0}
.cs9-results{display:grid;gap:18px}
.cs9-metric{padding:23px 26px;border:1px solid #c8d6e1;border-radius:15px;background:#fff}
.cs9-metric strong{display:block;font-size:38px;line-height:1.1;letter-spacing:-.04em;color:#1956aa}
.cs9-metric span{display:block;margin-top:7px;font-size:14px;line-height:1.6;color:#304d62}
.cs9-metric small{display:block;margin-top:9px;font-size:11px;line-height:1.6;color:#476177}
.cs9-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0 55px;padding:25px 0;border-block:1px solid #bfcfdb}
.cs9-facts div{min-width:0}.cs9-facts dt{font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:#456178;margin-bottom:8px}.cs9-facts dd{margin:0;font-size:14px;line-height:1.6;color:#213d53}
.cs9-body{max-width:850px;margin-inline:auto}
.cs9-body section+section{margin-top:44px}
.cs9-body h2{font-size:29px;line-height:1.2;letter-spacing:-.03em;color:#213d53;margin:0 0 18px}
.cs9-body h3{font-size:20px;line-height:1.3;color:#243f55;margin:25px 0 12px}
.cs9-body p,.cs9-body li{font-size:16px;line-height:1.85;color:#3d566c}
.cs9-body p{margin:0 0 16px}.cs9-body ul{padding-left:22px;margin:16px 0}.cs9-body li+li{margin-top:9px}
.cs9-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none!important;padding:0!important;margin:24px 0!important}
.cs9-flow-steps li{margin:0!important;padding:18px 15px;border:1px solid #bfd0df;border-radius:12px;background:#fff;font-size:13px;line-height:1.6}
.cs9-flow-steps li strong{display:block;color:#1e4e8f;margin-bottom:8px;font-size:13px}
.cs9-flow-steps li:last-child{background:#e7f1f9}
.cs9-measurement{padding:28px;border:1px solid #bad1c9;border-radius:18px;background:#eaf4ef}
.cs9-body .cs9-measurement p:last-child{margin-bottom:0}
.cs9-note{font-size:12px!important;color:#496276!important;line-height:1.7!important}
.cs9-eyebrow{display:block;color:#456178;font-size:11px;line-height:1.6;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.cs9-body section>.cs9-eyebrow{margin-bottom:10px}
.cs9-body section>h3{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:0 0 18px}
.cs9-steps{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:26px}
.cs9-steps li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:17px;margin:0}
.cs9-step-number{display:grid;place-items:center;width:35px;height:35px;background:#dfebf8;border:1px solid #b4cbe3;border-radius:50%;font-size:12px;color:#23568f}
.cs9-steps h4{font-size:19px;color:#253e54;line-height:1.4;margin:2px 0 10px;letter-spacing:-.015em}
.cs9-flow-caption{font-size:13px!important}
.cs9-outcome{padding-top:28px;border-top:1px solid #bdcfdc}
@media(min-width:901px) and (max-height:760px){.home-proof-v9 .hero-evolution .hero-copy>p{line-height:1.65;font-size:17px}.home-proof-v9 .hero.hero-evolution h1{font-size:clamp(45px,4.4vw,62px)}.home-proof-v9 .hero-case-v9{margin-top:22px}}
@media(max-width:760px){.sales-home.structure-v6.home-proof-v9>main>.hero.hero-evolution{padding-block:36px}.hero-case-v9{grid-template-columns:1fr;gap:12px;padding:20px;margin-top:24px;max-width:510px}.hero-case-v9 .hc9-result{padding:0 0 12px;border-right:0;border-bottom:1px solid #cad9e4}.hero-case-v9 .hc9-result strong{font-size:34px}.hero-case-v9 .hc9-copy p{font-size:13px}.hero-case-v9 .hc9-copy a{min-height:35px}.cs9-intro{grid-template-columns:1fr;padding:25px;gap:25px}.cs9-results{grid-template-columns:1fr 1fr;gap:12px}.cs9-metric{padding:20px}.cs9-metric strong{font-size:31px}.cs9-facts{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.cs9-flow-steps{grid-template-columns:1fr 1fr}.cs9-body h2{font-size:26px}.cs9-measurement{padding:22px}}
@media(max-width:440px){.cs9-results{grid-template-columns:1fr}.cs9-intro{padding:22px}.cs9-body p,.cs9-body li{font-size:15px}.cs9-flow-steps{grid-template-columns:1fr}.cs9-facts{grid-template-columns:1fr;gap:18px}.hero-case-v9 .hc9-label{font-size:10px}}



/* detail-v10.css */
/* V10: section-by-section visual refinement, scoped to the reviewed homepage. */
.sales-home.structure-v6.home-proof-v9>main>.hero.hero-evolution{min-height:0;align-items:flex-start;padding:22px 0 56px}
.sales-home.structure-v6.home-proof-v9 .hero.hero-evolution h1{font-size:clamp(40px,4.35vw,62px);line-height:1.08;margin:16px auto 18px}
.sales-home.structure-v6.home-proof-v9 .hero.hero-evolution .hero-copy>p{max-width:850px;font-size:17px;line-height:1.65;margin-block:0}
.sales-home.structure-v6.home-proof-v9 .hero.hero-evolution .hero-actions{margin-top:20px;gap:14px}
.sales-home.structure-v6.home-proof-v9 .hero.hero-evolution .hero-note{margin-top:10px}
.home-proof-v9 .hero-case-v9{width:min(960px,100%);margin-top:22px;padding:16px 24px;gap:24px;grid-template-columns:220px 1fr}
.home-proof-v9 .hero-case-v9 .hc9-result strong{font-size:32px}
.home-proof-v9 .hero-case-v9 .hc9-copy p{font-size:12px;line-height:1.6;margin:0 0 6px}
.v10-teaser{max-width:1060px;margin:25px auto 0;text-align:left;color:#172d42}
.v10-teaser-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:12px;font-weight:600}
.v10-teaser-head a{display:inline-flex;align-items:center;gap:14px;min-height:36px;color:#21559b;text-decoration:none}
.v10-teaser-head a:hover{text-decoration:underline;text-underline-offset:4px}
.v10-teaser-head a:focus-visible{outline:3px solid #2464e7;outline-offset:4px}
.v10-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v10-mini{padding:14px 16px;border:1px solid #b8cbdc;border-radius:13px;background:#fff;box-shadow:inset 0 2px #fff,0 10px 22px -18px #254f78}
.v10-mini-head{display:flex;gap:8px;align-items:center;padding-bottom:10px;border-bottom:1px solid #d6e0e9;font-size:12px}
.v10-mini-meta{margin-left:auto;color:#425e74;font-size:11px;font-weight:400}
.v10-appmark{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;color:white;font:700 16px Arial}
.v10-appmark.outlook{background:#0865b7;box-shadow:3px 0 #1f8cda}
.v10-appmark.pipedrive{background:#153d2b}.v10-appmark.task{background:#2464e7}
.v10-mail-row,.v10-task-row{display:flex;align-items:center;gap:9px;padding-top:12px;font-size:12px}
.v10-mail-row div,.v10-task-row div{display:grid;gap:4px;min-width:0}.v10-mail-row time{margin-left:auto;color:#425e74;font-size:11px}
.v10-mail-row div>span,.v10-task-row div>span{font-size:11px;color:#3b566b}.v10-task-row>.v10-avatar{margin-left:auto}
.v10-avatar{display:inline-grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #c1d4e2;border-radius:50%;background:#e6eff8;color:#2e577b;font-size:10px;font-weight:650}
.v10-deal-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 10px;font-size:11px}
.v10-pill{padding:4px 6px;border-radius:4px;background:#e3f0e9;color:#245940;font-size:10px;white-space:nowrap}
.v10-phase{display:flex;gap:3px;height:6px}.v10-phase i{flex:1;background:#dbe5ec;border-radius:3px}.v10-phase i:nth-child(-n+2){background:#20855b}
.v10-teaser-foot{font-size:11px;color:#425e74;text-align:center;margin-top:10px}
@media(min-width:901px) and (max-height:760px){.sales-home.structure-v6.home-proof-v9>main>.hero.hero-evolution{padding-top:12px}.sales-home.structure-v6.home-proof-v9 .hero.hero-evolution h1{font-size:clamp(40px,4vw,55px);margin-block:12px 14px}.sales-home.structure-v6.home-proof-v9 .hero.hero-evolution .hero-actions{margin-top:15px}.home-proof-v9 .hero-case-v9{margin-top:18px}.v10-teaser{margin-top:16px}}
@media(max-width:900px){.v10-teaser-grid{gap:10px}.v10-mini{padding:12px}.v10-mini-meta{display:none}.v10-deal-row{display:grid;gap:6px}.v10-deal-row .v10-pill{justify-self:start}}
@media(max-width:600px){.sales-home.structure-v6.home-proof-v9>main>.hero.hero-evolution{padding:20px 0 56px}.sales-home.structure-v6.home-proof-v9 .hero.hero-evolution h1{font-size:clamp(29px,7.9vw,43px);line-height:1.12;margin-block:16px 18px}.sales-home.structure-v6.home-proof-v9 .hero.hero-evolution .hero-copy>p{font-size:14px;line-height:1.75}.home-proof-v9 .hero-case-v9{padding:20px;grid-template-columns:1fr;gap:10px;margin-top:22px}.home-proof-v9 .hero-case-v9 .hc9-copy p{font-size:13px}.v10-teaser{margin-top:24px}.v10-teaser-head{align-items:flex-start;flex-direction:column;gap:2px;font-size:13px}.v10-teaser-grid{grid-template-columns:1fr;gap:10px}.v10-mini{padding:14px 16px}.v10-mini-meta{display:block}.v10-deal-row{display:flex}.v10-teaser-foot{text-align:left;line-height:1.6}.v10-teaser-head a{min-height:44px}}
.v10-avatar,.v10-pill,.home-proof-v9 .hero-case-v9 .hc9-label{font-size:11px}.home-proof-v9 .hero-case-v9 .hc9-copy a{min-height:36px}@media(max-width:600px){.home-proof-v9 .hero-case-v9 .hc9-copy a{min-height:44px}}
/* 02 / Services: detailed examples retain the approved explanation and sequence. */
.home-proof-v9 .v10-dashboard{min-width:0;margin:-4px -4px 22px;padding-bottom:18px;border-bottom:1px solid #c4d4df;color:#172d42}
.v10-dash-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:15px;border-bottom:1px solid #d7e1e8;font-size:12px}
.v10-dash-top>div{display:flex;align-items:center;gap:8px}.v10-dash-top>span{font-size:11px;color:#465f72}
.v10-dash-top img{object-fit:contain}.v10-dot{width:9px;height:9px;background:#16815a;border-radius:50%;box-shadow:0 0 0 4px #e4f3ec}
.v10-dash-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}
.v10-dash-summary>div{display:grid;gap:8px}.v10-dash-summary>div+div{border-left:1px solid #d8e2e9;padding-left:22px}
.v10-dash-summary span{font-size:11px;color:#465f72}.v10-dash-summary strong{font-size:32px;letter-spacing:-.04em;line-height:1.1;font-weight:650}
.v10-dash-summary strong.v10-green{font-size:19px;letter-spacing:-.02em;padding-top:8px}.v10-dash-summary i{font-size:12px;font-style:normal}
.v10-green{color:#176347}
.v10-bars{display:grid;gap:16px;padding:10px 0 22px}.v10-bars>div{display:grid;grid-template-columns:95px 1fr 15px;align-items:center;gap:12px;font-size:11px;color:#3b566b}
.v10-bars>div>div{height:11px;border-radius:4px;background:repeating-linear-gradient(90deg,#edf2f6 0,#edf2f6 calc(25% - 1px),#c7d6e2 calc(25% - 1px),#c7d6e2 25%)}
.v10-bars i{display:block;height:100%;border-radius:4px}.v10-bar-coral{background:#bf6156}.v10-bar-blue{background:#3073bc}
.v10-dash-record{display:flex;align-items:center;gap:10px;padding:13px 0 0;border-top:1px solid #d5e1e8;font-size:11px}.v10-dash-record>div{display:grid;gap:5px;min-width:0}.v10-dash-record>div>span{color:#3b566b;line-height:1.5}
.v10-due{margin-left:auto;padding:5px 7px;background:#f8e8e4;color:#853a32;border:1px solid #dfb8b1;border-radius:5px;font-size:11px;white-space:nowrap}.v10-due-green{background:#e5f2ea;color:#235e42;border-color:#a5c9b5}
.v10-chart-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 5px;font-size:12px}.v10-chart-title>span{font-size:11px}
.v10-trend{width:100%;height:132px;display:block}.v10-chart-caption{display:flex;justify-content:space-between;font-size:11px;color:#425e6e}
.home-proof-v9 .v10-dashboard .v10-data-note{font-size:11px;line-height:1.5;color:#465f72;margin:9px 0 16px}
.home-proof-v9 .service-sequence-label{font-size:11px}
.home-proof-v9 .v10-offers{min-height:312px}.home-proof-v9 .v10-customers{min-height:312px}
@media(max-width:760px){.v10-dash-top{align-items:flex-start;flex-wrap:wrap}.v10-chart-title{align-items:flex-start;flex-direction:column;gap:6px}.v10-dash-record{flex-wrap:wrap}.v10-dash-record>div{flex:1}.v10-due{margin-left:39px}.v10-bars>div{grid-template-columns:87px 1fr 12px;gap:8px}.home-proof-v9 .v10-offers,.home-proof-v9 .v10-customers{min-height:0}.v10-trend{height:125px}}
@media(min-width:761px){.sales-home.structure-v6.home-proof-v9 .structure-service .service-sequence{align-self:stretch}.home-proof-v9 .v10-offers,.home-proof-v9 .v10-customers{min-height:342px}}
.sales-home.structure-v6.home-proof-v9 .structure-service>.structure-service-icon{width:48px;height:48px;margin-bottom:18px}.sales-home.structure-v6.home-proof-v9 .structure-service>.structure-service-icon img{width:38px;height:38px}.sales-home.structure-v6.home-proof-v9 .structure-service>h3{margin-top:12px;margin-bottom:16px}.sales-home.structure-v6.home-proof-v9 .structure-service>p{margin-top:0;margin-bottom:20px}.sales-home.structure-v6.home-proof-v9 .structure-service .service-benefits{margin-bottom:22px;gap:7px}
.home-proof-v9 .service-sequence .v10-dash-summary strong{font-size:32px;line-height:1.1}.home-proof-v9 .service-sequence .v10-dash-summary strong.v10-green{font-size:19px}.home-proof-v9 .service-sequence .v10-dash-top strong{font-size:12px}.home-proof-v9 .service-sequence .v10-chart-title strong{font-size:12px}
/* 03 / Bento: useful details inside familiar product surfaces. */
#systeme .v10-activity-report{padding:15px;border-top:1px solid #cad6df;background:#fff}
#systeme .v10-report-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#2c4357;font-size:11px}
#systeme .v10-report-head>span{font-size:11px;color:#4c6072}
#systeme .v10-activity-chart{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;height:92px;margin-top:16px;background:repeating-linear-gradient(0deg,#fff 0,#fff 24px,#e3e9ee 24px,#e3e9ee 25px);border-bottom:1px solid #c7d4de}
#systeme .v10-activity-chart>div{position:relative;display:flex;flex-direction:column-reverse;align-items:center;padding-bottom:19px;min-width:0}
#systeme .v10-activity-chart span{position:absolute;bottom:0;background:#fff;width:100%;text-align:center;font-size:11px;color:#4a6174}
#systeme .v10-activity-chart i{position:absolute;inset:0 12%;display:flex;align-items:flex-end;gap:4px;padding-bottom:23px}
#systeme .v10-activity-chart i:before,#systeme .v10-activity-chart i:after{content:'';display:block;width:50%;border-radius:3px 3px 0 0;background:#3978bd;height:var(--planned)}
#systeme .v10-activity-chart i:after{background:#237d56;height:var(--done)}
#systeme .v10-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:#445c70}
#systeme .v10-legend>span{display:flex;align-items:center;gap:5px}#systeme .v10-legend i{width:7px;height:7px;border-radius:2px;background:#3978bd}#systeme .v10-legend>span:nth-child(2) i{background:#237d56}#systeme .v10-legend small{margin-left:auto;font-size:11px}
#systeme .v10-mail-context{border:1px solid #7d9fcf;border-radius:9px;padding:13px;margin:0 0 15px;background:#1f4787;color:#fff}
#systeme .v10-mail-context>div{display:flex;align-items:center;gap:7px;font-size:12px}#systeme .v10-mail-context time{margin-left:auto;font-size:11px;color:#e7f0ff}
#systeme .v10-mail-context>span{display:block;color:#e7f0ff;margin-top:8px;font-size:11px}#systeme .v10-mail-context>p{font-size:12px;line-height:1.65;margin:8px 0;color:#fff}#systeme .v10-mail-context>small{font-size:11px;color:#e7f0ff}
#systeme .v10-calendar{padding:14px 13px;border-bottom:1px solid #dce4eb;background:#f7fafc}
#systeme .v10-calendar-week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:10px}
#systeme .v10-calendar-week>span{display:flex;flex-direction:column;align-items:center;gap:10px;padding:9px 2px;color:#435c71;font-size:11px;border:1px solid #d5e0e9;border-radius:6px;background:#fff}
#systeme .v10-calendar-week i{display:block;width:5px;height:5px;border-radius:50%;background:#a5b7c7;margin-block:4px}
#systeme .v10-calendar-week>.is-active{background:#e2f0e7;color:#225f3d;border-color:#89b69b}#systeme .v10-calendar-week strong{font-size:11px}
#systeme .v10-stop-log{display:grid;gap:9px;margin-top:17px;font-size:11px;color:#29543d}#systeme .v10-stop-log span{display:flex;align-items:center;gap:7px}#systeme .v10-stop-log i{font-style:normal;font-weight:650}
@media(max-width:640px){#systeme .v10-activity-chart{gap:6px}#systeme .v10-activity-chart i{inset-inline:8%}#systeme .v10-legend{gap:9px}#systeme .v10-legend small{margin-left:0;width:100%}#systeme .v10-report-head{flex-wrap:wrap;gap:5px}}
/* 04 / Implementation: each step ends in a concrete, visually structured output. */
.sales-home.structure-v6.home-proof-v9 #vorgehen .process-grid{grid-template-rows:repeat(4,auto)}
.sales-home.structure-v6.home-proof-v9 #vorgehen .process-step{grid-row:span 4;grid-template-rows:subgrid}
.v10-process-visual{align-self:end;margin-top:22px;border:1px solid #b8cbdc;border-radius:14px;padding:18px;background:#fff;box-shadow:0 14px 24px -23px #244d70;color:#172d42;min-width:0}
.v10-process-cap{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#425f76;border-bottom:1px solid #d8e3eb;padding-bottom:11px;margin-bottom:15px}
.v10-process-visual>strong{display:block;font-size:14px;line-height:1.5;font-weight:600}
.v10-process-visual dl{display:grid;gap:13px;margin:18px 0 0}.v10-process-visual dl>div{display:grid;grid-template-columns:104px 1fr;gap:8px;align-items:start;font-size:11px;line-height:1.55}
.v10-process-visual dt{display:flex;align-items:center;gap:7px;font-weight:600;color:#365a78}.v10-process-visual dd{margin:0;color:#3b566b}.v10-process-visual i{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#e8f0f8;font-style:normal;font-size:11px;color:#345b7b;flex:0 0 20px}
.process-step:nth-child(2) .v10-process-visual{background:#f8fbff}.process-step:nth-child(3) .v10-process-visual{background:#f5faf7;border-color:#afcdbd}.process-step:nth-child(3) .v10-process-visual i{background:#e1efe6;color:#2a6042}
@media(max-width:900px){.v10-process-visual dl>div{grid-template-columns:1fr;gap:4px}.v10-process-visual dd{padding-left:27px}}
@media(max-width:760px){.sales-home.structure-v6.home-proof-v9 #vorgehen .process-grid{grid-template-rows:auto}.sales-home.structure-v6.home-proof-v9 #vorgehen .process-step{grid-row:auto;grid-template-rows:auto;gap:14px}.v10-process-visual{margin-top:4px}.v10-process-visual dl>div{grid-template-columns:104px 1fr;gap:8px}.v10-process-visual dd{padding-left:0}}
@media(max-width:900px){.sales-home.structure-v6.home-proof-v9 #vorgehen .v10-process-visual{grid-column:1/-1;width:100%;min-width:0}}
/* 05 / Ready check: understandable input-to-recommendation instead of a score. */
.home-proof-v9 #ready-check .check-card{background:radial-gradient(ellipse at 100% 0,#dceafa88,transparent 65%),linear-gradient(120deg,#e3f2e9,#f5faf7 55%,#e8f1fa)}
.home-proof-v9 #ready-check .check-result-preview{background:#fff;border:1px solid #b4c9d4;box-shadow:inset 0 1px #fff,0 8px 20px -17px #224d70,0 24px 42px -30px #244a70}
.v10-check-progress{padding:18px 0 20px}.v10-check-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#365268}.v10-check-progress>div:first-child>span{color:#456173}
.v10-check-progress>div:last-child{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:11px}.v10-check-progress i{height:5px;background:#20815b;border-radius:4px}
.v10-check-small-label{display:block;font-size:11px;color:#456173;margin-bottom:12px}
.v10-check-answers>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #d6e2e6;min-width:0}.v10-check-answers>div>div{display:grid;gap:5px;min-width:0}.v10-check-answers strong{font-size:12px;color:#244759}.v10-check-answers>div>div>span{font-size:11px;color:#425c6b;line-height:1.5}
.v10-check-icon{display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid #b9cdd9;border-radius:8px;background:#eef5fa;color:#316487;font-size:16px}
.v10-check-status{margin-left:auto;padding:4px 6px;border-radius:5px;background:#f9ede0;color:#7a4c1e;border:1px solid #e0c5a6;font-size:11px;white-space:nowrap}.v10-check-status.is-ready{background:#e8f4ed;color:#245b40;border-color:#b0cfbc}
.v10-check-connector{display:flex;align-items:center;gap:10px;justify-content:center;margin:5px 0 12px;color:#347355}.v10-check-connector i{height:1px;width:30%;background:#cbddd3}.v10-check-connector span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b6cfbf;border-radius:50%;background:#eff8f2}
@media(max-width:600px){.v10-check-progress>div:first-child{flex-wrap:wrap}.v10-check-answers>div{display:grid;grid-template-columns:29px 1fr;gap:9px}.v10-check-status{margin-left:0;grid-column:2;justify-self:start}.home-proof-v9 #ready-check .check-result-preview{padding:20px}}

/* 07: readable editorial measure. */
.sales-home.home-proof-v9 #home-ueberblick .depth-content { max-width: 86ch; }


/* 09: a clear reading surface for expanded answers. */
.home-proof-v9 #faq details[open]{background:#fff;border:1px solid #b8cbdc;box-shadow:0 12px 22px -22px #294d70}
.home-proof-v9 #faq summary:after{color:#315c7b;border-color:#aec4d5;background:#fff}
.home-proof-v9 #faq summary:focus-visible{outline:3px solid #2464e7;outline-offset:4px;border-radius:10px}



/* homepage-polish.css */
/* Homepage only. Existing tracking, destinations and subpage styles are retained. */
html:has(body.home-polish){scroll-behavior:auto}
body.sales-home.structure-v6.home-proof-v9.home-polish{--hp-ink:#172d42;--hp-text:#435a6c;--hp-line:#d9e3eb;--hp-blue:#2464e7;--hp-green:#237553;--v6-section:112px;--v6-heading-gap:40px;background:#f6f9fc;color:var(--hp-ink)}
body.home-polish .wrap{max-width:1200px}
body.home-polish a,body.home-polish button{-webkit-tap-highlight-color:transparent}
body.home-polish :is(a,button,summary,input):focus-visible{outline:3px solid #2464e7;outline-offset:5px}
body.home-polish .button,body.home-polish .header-cta{border-radius:10px;background:linear-gradient(180deg,#2d6beb,#225bd3);box-shadow:inset 0 1px 0 #ffffff40,0 4px 9px #245bcc20;border:1px solid #1b58d3;transition:background .18s,box-shadow .18s,transform .18s}
body.home-polish .button:hover,body.home-polish .header-cta:hover{transform:translateY(-2px);box-shadow:0 7px 16px #245bcc30}
body.home-polish .site-header{background:#f8fbfdee;border-bottom:1px solid #e4eaf0;box-shadow:none}
body.home-polish .header-inner{min-height:80px}
body.home-polish .header-cta{min-height:44px}
body.home-polish .nav-ready-check{box-shadow:none;background:#edf5f4;border:1px solid #d2e4df;border-radius:10px}
body.sales-home.structure-v6.home-proof-v9.home-polish>main>.hero.hero-evolution{padding:34px 0 86px;min-height:0;background:linear-gradient(180deg,#fbfcfd 0%,#f3f8fc 80%,#f6f9fc 100%)}
body.home-polish .hero-material{opacity:.5}
body.home-polish .hero-material-sheen{opacity:.2}
body.sales-home.structure-v6.home-proof-v9.home-polish .hero.hero-evolution .hero-label{font-size:10px;letter-spacing:.13em;color:#476276;font-weight:650;max-width:none}
body.sales-home.structure-v6.home-proof-v9.home-polish .hero.hero-evolution h1{max-width:1200px;font-size:clamp(40px,4.25vw,61px);letter-spacing:-.052em;font-weight:650;line-height:1.08;margin:20px auto 22px;text-wrap:balance}
body.home-polish .hero.hero-evolution h1>span{font-weight:600;color:#2464e7}
body.sales-home.structure-v6.home-proof-v9.home-polish .hero.hero-evolution .hero-copy>p{max-width:800px;font-size:16px;line-height:1.75;color:#435a6c}
body.sales-home.structure-v6.home-proof-v9.home-polish .hero.hero-evolution .hero-actions{margin-top:24px;gap:14px}
body.home-polish .hero-actions .button{min-height:52px;padding-inline:24px;font-size:14px}
body.home-polish .hero-check-cta{min-height:52px;border-radius:10px;background:#ffffffa8;border:1px solid #cfdee6;box-shadow:0 2px 3px #284a6705;font-size:14px}
body.sales-home.structure-v6.home-proof-v9.home-polish .hero.hero-evolution .hero-note{margin-top:12px;font-size:11px;color:#526a7b}
body.sales-home.structure-v6.home-proof-v9.home-polish .hero-case-v9{position:relative;grid-template-columns:250px 1fr;width:min(900px,100%);padding:17px 24px;margin-top:28px;border:1px solid #cad9e5;border-radius:12px;background:linear-gradient(110deg,#fff,#f3f8fc);box-shadow:0 3px 4px #123e6103,0 12px 30px -22px #315d823b;gap:24px}
body.home-polish .hero-case-v9:before{content:'';position:absolute;left:-1px;top:22px;bottom:22px;width:3px;background:#2464e7;border-radius:2px}
body.home-polish .hero-case-v9 .hc9-result{grid-template-columns:auto 1fr;column-gap:10px;row-gap:6px;padding-right:18px}
body.home-polish .hero-case-v9 .hc9-label{grid-column:1/-1;font-size:10px;letter-spacing:.1em;color:#4a6071}
body.home-polish .hero-case-v9 .hc9-result strong{font-size:31px;color:#183e66;font-weight:650;align-self:center}
body.home-polish .hero-case-v9 .hc9-result>span:last-child{font-size:11px;line-height:1.5;align-self:center}
body.home-polish .hero-case-v9 .hc9-copy p{font-size:12px;line-height:1.65;margin-bottom:3px}
body.home-polish .hero-case-v9 .hc9-copy a{min-height:32px;font-size:12px}
body.home-polish .v10-teaser{position:relative;max-width:1120px;margin-top:32px;border:1px solid #c6d6e3;border-radius:18px;background:#ffffffa8;box-shadow:0 1px 2px #1d3f5d05,0 18px 45px -28px #234f7555;overflow:hidden;text-align:left}
.hp-flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid #dbe5ed;background:#fff;font-size:12px;color:#2e4a61}
.hp-flow-brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.01em}
.hp-flow-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#4a6475}
.hp-flow-status i{width:6px;height:6px;border-radius:50%;background:#238463;box-shadow:0 0 0 3px #e5f2ec}
body.home-polish .v10-teaser-grid{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 22px;gap:24px;background-image:radial-gradient(#bdd0df60 .75px,transparent .75px);background-size:12px 12px}
body.home-polish .v10-mini{position:relative;padding:13px 15px;background:#fff;border:1px solid #d0dee7;border-radius:10px;box-shadow:0 2px 3px #26465d04,0 7px 15px -12px #325d7d55}
body.home-polish .v10-mini+.v10-mini:before{content:'→';position:absolute;left:-21px;top:50%;transform:translateY(-50%);color:#7895aa;font-size:16px}
body.home-polish .v10-mini-head{border-color:#e3ebf0;font-size:11px;padding-bottom:11px}
body.home-polish .v10-mini-meta{font-size:10px;color:#5a7081}
body.home-polish .v10-mail-row,body.home-polish .v10-task-row{min-height:57px;padding-top:12px;font-size:12px}
body.home-polish .v10-deal-row{min-height:28px;font-size:11px;margin-bottom:8px}
body.home-polish .v10-phase{height:5px;margin-bottom:11px}
.hp-mini-detail{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e7edf2;margin-top:12px;padding-top:10px;font-size:10px;color:#566d7f;line-height:1.5}
.hp-mini-detail b{font-weight:500;color:#346d58}.hp-mini-detail b i{font-style:normal;margin-left:3px}
.hp-flow-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 22px;background:#f8fbfd;border-top:1px solid #dde7ee;font-size:10px;color:#577082}
.hp-flow-bottom a{display:flex;align-items:center;gap:16px;min-height:36px;font-size:11px;color:#245590;font-weight:600;text-decoration:none}
.hp-flow-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
body.home-polish .hero-motion-control{bottom:21px;right:30px;opacity:.8}
@media(max-width:1100px){.hp-mini-detail{flex-direction:column;align-items:flex-start;gap:3px}body.home-polish .v10-mini-meta{display:none}body.home-polish .v10-deal-row{display:grid;gap:6px;min-height:45px}body.home-polish .v10-pill{justify-self:start}body.home-polish .v10-task-row{min-height:65px}}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish{--v6-section:76px}body.home-polish .header-inner{min-height:72px}body.sales-home.structure-v6.home-proof-v9.home-polish>main>.hero.hero-evolution{padding:30px 0 70px}body.sales-home.structure-v6.home-proof-v9.home-polish .hero.hero-evolution .hero-label{font-size:9px;max-width:320px;line-height:1.7}body.sales-home.structure-v6.home-proof-v9.home-polish .hero.hero-evolution h1{font-size:clamp(30px,6.8vw,48px);line-height:1.12;letter-spacing:-.045em;margin:18px auto 20px}body.sales-home.structure-v6.home-proof-v9.home-polish .hero.hero-evolution .hero-copy>p{font-size:15px;line-height:1.75}body.sales-home.structure-v6.home-proof-v9.home-polish .hero-case-v9{grid-template-columns:1fr;gap:13px;padding:20px;margin-top:26px}body.home-polish .hero-case-v9 .hc9-result{border:0;padding-right:0;grid-template-columns:auto minmax(0,1fr);column-gap:15px}body.home-polish .hero-case-v9 .hc9-result>span:last-child{max-width:140px}body.home-polish .hero-case-v9 .hc9-copy{padding-top:13px;border-top:1px solid #dce6ed}body.home-polish .hero-case-v9 .hc9-copy a{min-height:44px}body.home-polish .v10-teaser{margin-top:24px;border-radius:14px}.hp-flow-toolbar{padding:16px;flex-wrap:wrap;gap:8px}.hp-flow-status{font-size:10px}body.home-polish .v10-teaser-grid{grid-template-columns:1fr;padding:16px;gap:18px}body.home-polish .v10-mini{padding:14px 16px}body.home-polish .v10-mini+.v10-mini:before{content:'↓';left:50%;top:-17px;transform:translateX(-50%);font-size:13px}.hp-mini-detail{flex-direction:row;align-items:center}body.home-polish .v10-mini-meta{display:block}body.home-polish .v10-deal-row{display:flex;min-height:0}body.home-polish .v10-task-row{min-height:53px}.hp-flow-bottom{flex-direction:column;align-items:flex-start;gap:0;padding:11px 16px 3px}.hp-flow-bottom a{min-height:44px}body.home-polish .hero-motion-control{bottom:16px;right:20px}}
@media(max-width:370px){body.home-polish .hero-actions{align-items:stretch}body.home-polish .hero-actions>a{width:100%;justify-content:center}.hp-mini-detail{flex-direction:column;align-items:flex-start}.hp-flow-toolbar{padding:14px}body.home-polish .v10-mini-meta{font-size:9px}body.home-polish .v10-mini{padding:12px}.hp-flow-bottom a{font-size:10px}}
@media(prefers-reduced-motion:reduce){body.home-polish *,body.home-polish *:before,body.home-polish *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Small supplementary UI still has to remain readable on mobile. */
body.home-polish .v10-mini-meta,.hp-mini-detail,.hp-flow-status,.hp-flow-bottom,.hp-flow-bottom a{font-size:11px}
.hp-mini-detail b i{white-space:nowrap}
/* 02 / Two services. A concise promise leads directly into its visual example. */
body.sales-home.structure-v6.home-proof-v9.home-polish #leistungen{background:transparent}
body.home-polish #leistungen .section-heading h2{font-size:clamp(32px,3.45vw,46px);line-height:1.13;font-weight:600;letter-spacing:-.045em}
body.home-polish #leistungen .section-heading>p{font-size:15px;line-height:1.75;color:#486071;padding-top:28px}
body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:24px}
body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service{display:flex;grid-row:auto;flex-direction:column;padding:30px;border-radius:20px;border:1px solid #ccdbe7;background:linear-gradient(140deg,#fff,#eef5fc);box-shadow:inset 0 1px 0 #fff,0 12px 28px -26px #244a7045}
body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service:nth-child(2){background:linear-gradient(140deg,#f8fcfa,#eaf4ee);border-color:#c8ddd2}
.hp-service-cap{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:24px}
body.home-polish .hp-service-cap .structure-service-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px;margin:0;background:#fff;border:1px solid #d9e4ed;box-shadow:0 2px 3px #244a7005}
body.home-polish .hp-service-cap .structure-service-icon img{width:25px;height:25px}
body.home-polish .hp-service-cap .eyebrow{font-size:10px;line-height:1.5;color:#476479;letter-spacing:.1em}
.hp-service-index{margin-left:auto;font-size:12px;letter-spacing:.06em;color:#6b8496;font-variant-numeric:tabular-nums}
body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service>h3{font-size:clamp(27px,2.55vw,35px);line-height:1.15;font-weight:600;letter-spacing:-.04em;margin:0 0 16px;min-height:0}
body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service>p{font-size:14px;line-height:1.75;margin:0 0 24px;min-height:74px;color:#405b70}
body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service .service-sequence{display:block;margin:0 0 24px;padding:20px 20px 15px;border:1px solid #c9d9e5;border-radius:12px;background:#fff;box-shadow:0 5px 15px -12px #244a7055;min-height:0}
body.home-polish .service-sequence .v10-dashboard{min-height:265px;margin:0 0 16px;padding-bottom:16px}
body.home-polish .service-sequence .v10-dash-top{padding-bottom:12px}
body.home-polish .service-sequence .v10-dash-summary{margin:18px 0;gap:16px}
body.home-polish .service-sequence .v10-dash-summary strong{font-size:34px}
body.home-polish .service-sequence .v10-bars{padding:5px 0 20px;gap:14px}
body.home-polish .service-sequence .v10-bars>div>div{height:9px}
body.home-polish .service-sequence .v10-dash-record{padding-top:13px}
body.home-polish .service-sequence .v10-trend{height:121px;margin:8px 0 2px}
body.home-polish .service-sequence .v10-chart-title{margin-top:17px}
body.home-polish .service-sequence-head{padding-bottom:0;border:0;font-size:11px;color:#486275}
body.home-polish .service-sequence-label{display:none}
body.home-polish .service-sequence ol{gap:8px;margin:16px 0 14px}
body.home-polish .service-sequence li{gap:9px}
body.home-polish .service-sequence li>span{width:25px;height:25px;border-radius:50%;background:#f0f5fa;border-color:#c7d8e5;box-shadow:none;font-size:10px}
body.home-polish .service-sequence li>strong{font-size:11px;line-height:1.5;font-weight:500;color:#36536b}
body.home-polish .service-sequence li:not(:last-child):after{top:12px;left:34px;background:#d4e1e9}
body.home-polish .service-sequence>p{font-size:11px;border-top:1px solid #e0e9ef;padding-top:12px;margin:0;color:#466476}
body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service .service-benefits{font-size:12px;line-height:1.7;gap:6px;margin:0 0 16px}
body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service>.text-link{width:100%;margin:0;padding:14px 0 0;border-top:1px solid #cfdee7;min-height:44px;color:#245892;font-size:13px;gap:12px}
body.home-polish .structure-service>.text-link svg{margin-left:auto}
body.sales-home.structure-v6.home-proof-v9.home-polish #leistungen .sales-expansion{margin-top:24px;padding:24px 30px;border:1px solid #d7e2ea;border-radius:14px;background:#fff;box-shadow:none}
body.home-polish #leistungen .sales-expansion h3{font-size:23px;letter-spacing:-.03em;font-weight:600}
body.home-polish #leistungen .sales-expansion p{font-size:13px;line-height:1.75;color:#486273}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service-grid{grid-template-columns:1fr;gap:22px}body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service{padding:24px}.hp-service-cap{gap:9px;margin-bottom:22px}body.home-polish .hp-service-cap .eyebrow{font-size:10px}body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service>p{min-height:0;font-size:14px;margin-bottom:22px}body.home-polish .service-sequence .v10-dashboard{min-height:0}body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service .service-sequence{padding:17px;margin-inline:-4px;margin-bottom:20px}body.home-polish .service-sequence .v10-dash-top{flex-direction:column;gap:8px}.hp-service-index{font-size:11px}body.home-polish #leistungen .section-heading>p{padding-top:0}body.sales-home.structure-v6.home-proof-v9.home-polish #leistungen .sales-expansion{padding:24px}body.home-polish .service-sequence .v10-trend{height:105px}}
@media(max-width:370px){body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service{padding:20px}body.home-polish .hp-service-cap .eyebrow{max-width:145px}body.home-polish .service-sequence .v10-bars>div{grid-template-columns:78px 1fr 12px;gap:6px}body.home-polish .service-sequence .v10-dash-summary{gap:12px}body.home-polish .service-sequence .v10-dash-summary>div+div{padding-left:12px}body.home-polish .service-sequence .v10-dash-summary strong.v10-green{font-size:16px}.hp-service-cap{gap:8px}}
@media(min-width:761px){body.home-polish .service-sequence .v10-dashboard{display:flex;flex-direction:column;min-height:330px}body.home-polish .service-sequence .v10-dash-record{margin-top:auto}body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service>.text-link{margin-top:auto}}
body.sales-home.structure-v6.home-proof-v9.home-polish #leistungen .sales-expansion :is(h3,.eyebrow){color:#24445e}
body.sales-home.structure-v6.home-proof-v9.home-polish #leistungen .sales-expansion a{color:#245892;border-color:#b7ccdf;background:#f4f8fc}
/* 03 / Product surfaces. Equal widths give each working example room to breathe. */
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme{background:transparent}
body.home-polish #systeme .section-heading h2{font-size:clamp(32px,3.45vw,46px);font-weight:600;line-height:1.13;letter-spacing:-.045em}
body.home-polish #systeme .section-heading>p{padding-top:28px;font-size:15px;line-height:1.75;color:#486071}
body.home-polish #systeme .dv8-example-note{font-size:11px;display:flex;align-items:center;gap:8px;color:#49687b;margin:0 0 22px}
body.home-polish #systeme .dv8-example-note:before{content:'';width:6px;height:6px;background:#738fa2;border-radius:50%}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none;gap:22px;align-items:stretch}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-tile{display:flex;flex-direction:column;grid-row:auto;padding:28px;border:1px solid #cedde8;border-radius:20px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 16px 24px -28px #244b7055;min-height:0;overflow:hidden;scroll-margin-top:28px}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme :is(.b4-data,.b4-ai){grid-column:span 3}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme :is(.b4-team,.b4-stop,.b4-control){grid-column:span 2}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-ai{background:radial-gradient(ellipse at 100% 0,#2d619e 0%,transparent 70%),#204a80;border-color:#2d5b92;box-shadow:inset 0 1px 0 #ffffff20,0 18px 30px -27px #16417475}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-team{background:#eaf2fa}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-stop{background:#e8f3ed;border-color:#c3dacc}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-control{background:#eff0f8;border-color:#d1d6e6}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-copy{display:block;flex:0 0 auto;margin:0;min-height:0}
.hp-bento-cap{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;min-height:18px}
body.home-polish #systeme .hp-bento-cap .b4-kicker{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.1em;color:#45657c;margin:0}
.hp-bento-index{font-size:11px;font-variant-numeric:tabular-nums;color:#6c8597}
body.home-polish #systeme .b4-ai .hp-bento-cap .b4-kicker,body.home-polish #systeme .b4-ai .hp-bento-index{color:#d5e5f8}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-copy h3{margin:0 0 16px;font-size:27px;line-height:1.16;letter-spacing:-.04em;font-weight:600;color:#1d3a51;min-height:63px}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-copy p{font-size:14px;line-height:1.75;color:#3f5d74;min-height:74px;margin:0}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-ai .b4-copy h3{color:#fff}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-ai .b4-copy p{color:#e0ebfa}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-tile>.p9-visual{grid-row:auto;margin:24px 0 0;padding:0;min-height:0;border:0;background:transparent;box-shadow:none;flex:0 0 auto}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-tile>.p9-app{border:1px solid #bfd1df;background:#fff;box-shadow:0 3px 5px #1c456508,0 12px 25px -20px #244b7060}
body.home-polish #systeme .p9-app{border-color:#c4d5e1;border-top-color:#d5e2eb;border-radius:10px;box-shadow:0 3px 5px #1c456508,0 12px 25px -20px #244b7060}
body.home-polish #systeme .p9-pd-rail{background:#203248}
body.home-polish #systeme .p9-pd-rail>.is-current{background:#355d7e}
body.home-polish #systeme .v10-mail-context{border-color:#799bc2;background:#193f70;border-radius:10px;padding:13px 15px;margin:12px 0}
body.home-polish #systeme .p9-wa-approval{margin-top:14px;padding:14px;border:1px solid #7896bd;border-radius:10px;background:#1a3e6d}
body.home-polish #systeme .p9-wa-approval p{margin:5px 0 9px}
body.home-polish #systeme .v10-activity-report{padding:16px}
body.home-polish #systeme .v10-activity-chart{height:82px;margin-top:14px;gap:16px}
body.home-polish #systeme .v10-activity-chart i:before{background:#5d8cbd}body.home-polish #systeme .v10-activity-chart i:after{background:#2a7f5c}
body.home-polish #systeme .p9-task-fields{padding:14px}
body.home-polish #systeme .v10-calendar{padding:13px;background:#f6fafc}
body.home-polish #systeme .v10-calendar-week>span{padding:8px 2px;gap:6px}
body.home-polish #systeme .v10-stop-log{margin-top:16px;gap:10px;line-height:1.6}
body.home-polish #systeme .p9-wa-stop{padding:16px 0 0}
body.home-polish #systeme .p9-close-actions{padding:12px 8px;gap:8px;flex-wrap:wrap}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-tile>.b4-link{margin-top:auto;padding-top:23px;min-height:44px;font-size:12px;width:100%;gap:12px;color:#245892}
body.home-polish #systeme .b4-link svg{margin-left:auto}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-ai>.b4-link{color:#fff}
body.home-polish #systeme .b4-section-note{font-size:12px;color:#4b697e;margin-top:24px;line-height:1.7}
@media(max-width:1050px) and (min-width:761px){body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-tile{padding:22px}body.sales-home.structure-v6.home-proof-v9.home-polish #systeme :is(.b4-team,.b4-stop,.b4-control){grid-column:span 3}body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-control{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px}body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-control>.p9-visual{margin-top:0}body.home-polish #systeme .p9-pd-detail-grid{grid-template-columns:1fr}body.home-polish #systeme .p9-pd-summary{border-right:0;border-bottom:1px solid #dce6ec}body.home-polish #systeme .p9-pd-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body.home-polish #systeme .p9-pd-summary dl dd{font-size:11px}body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-copy h3{font-size:25px}}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-grid{grid-template-columns:1fr;gap:20px}body.sales-home.structure-v6.home-proof-v9.home-polish #systeme :is(.b4-data,.b4-ai,.b4-team,.b4-stop,.b4-control){grid-column:auto;padding:24px}body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-copy h3{min-height:0;font-size:27px;margin-bottom:16px}body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-copy p{min-height:0;font-size:14px}.hp-bento-cap{gap:8px;margin-bottom:18px}body.home-polish #systeme .section-heading>p{padding-top:0}body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-tile>.p9-visual{margin-top:22px}body.home-polish #systeme .hp-bento-cap .b4-kicker{font-size:10px}body.home-polish #systeme .p9-pd-detail-grid{grid-template-columns:1fr}body.home-polish #systeme .p9-pd-summary{border-right:0;border-bottom:1px solid #dce6ec}body.home-polish #systeme .p9-pd-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.home-polish #systeme .v10-legend small{width:100%;margin-left:0}body.home-polish #systeme .v10-report-head{gap:6px}}
@media(max-width:370px){body.sales-home.structure-v6.home-proof-v9.home-polish #systeme :is(.b4-data,.b4-ai,.b4-team,.b4-stop,.b4-control){padding:20px}body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-copy h3{font-size:25px}body.home-polish #systeme .p9-pipedrive{grid-template-columns:28px 1fr}body.home-polish #systeme .p9-pd-rail{padding-inline:2px}body.home-polish #systeme .p9-pd-bar{padding-inline:10px;gap:7px}body.home-polish #systeme .p9-pd-page{padding-left:7px}body.home-polish #systeme .p9-pd-deal-title{padding:12px 10px}body.home-polish #systeme .p9-stages{margin-inline:10px}body.home-polish #systeme .p9-stages>span{font-size:11px;padding:6px 3px}}
body.sales-home.structure-v6.home-proof-v9.home-polish #systeme .b4-tile>.p9-visual{width:100%;align-self:stretch}
body.home-polish #systeme .p9-wa-approval :is(strong,p,small,div>span){color:#e6f0ff}
body.home-polish #systeme .p9-wa-approval strong{color:#fff}
body.home-polish #systeme .v10-stop-log{gap:0;margin-top:24px}
.hp-stop-event{position:relative;display:grid;grid-template-columns:22px 1fr;gap:10px;padding-bottom:19px;text-align:left}
.hp-stop-event:not(:last-child):before{content:'';position:absolute;left:10px;top:23px;bottom:2px;width:1px;background:#9fc3ad}
body.home-polish #systeme .hp-stop-event>i{display:grid;place-items:center;width:22px;height:22px;border:1px solid #99bea8;border-radius:50%;font-size:11px;background:#f7fcf9;font-style:normal;color:#2e7250}
.hp-stop-event strong{display:block;font-size:12px;line-height:1.5;color:#28553f;font-weight:600}
body.home-polish #systeme .hp-stop-event span{display:block;font-size:11px;line-height:1.6;margin-top:4px;color:#406652}
.hp-call-summary{padding:15px 13px;border-top:1px solid #dce3eb;background:#f8f9fc}
.hp-call-summary>span{font-size:11px;font-weight:600;color:#4d6178}
.hp-call-summary dl{display:grid;gap:9px;margin:12px 0 0}
.hp-call-summary dl>div{display:grid;grid-template-columns:63px 1fr;gap:9px;font-size:11px;line-height:1.5}
.hp-call-summary dt{color:#607389}.hp-call-summary dd{margin:0;color:#324d65}
body.home-polish #systeme .p9-wa-approval .p9-wa-icon{color:#37668f;background:#e0edf8}
/* 04 / A visible sequence; calm reading space between detailed illustrations. */
body.home-polish #vorgehen .section-heading h2{font-size:clamp(32px,3.45vw,46px);font-weight:600;line-height:1.13;letter-spacing:-.045em}
body.home-polish #vorgehen .process-step{position:relative;scroll-margin-top:30px}
body.home-polish #vorgehen .process-number{position:relative;z-index:1}
body.sales-home.structure-v6.home-proof-v9.home-polish #vorgehen .process-step>.process-number{width:34px;height:34px;border:1px solid #b9cde0;background:#fff;color:#355f84;font-variant-numeric:tabular-nums;box-shadow:0 2px 3px #244a7005}
body.sales-home.structure-v6.home-proof-v9.home-polish #vorgehen .process-step:first-child>.process-number{background:#2464e7;color:#fff;border-color:#2464e7}
body.sales-home.structure-v6.home-proof-v9.home-polish #vorgehen .process-step:last-child>.process-number{background:#e5f2ea;color:#286849;border-color:#a9c8b6}
@media(min-width:761px){body.home-polish #vorgehen .process-step:not(:last-child):before{content:'';position:absolute;top:17px;left:48px;right:0;height:1px;background:linear-gradient(90deg,#b4cbdf,#dce6ef)}}
body.home-polish #vorgehen .v10-process-visual{border:1px solid #cfdee7;border-radius:12px;box-shadow:0 7px 20px -20px #244a7066;padding:20px;background:#fff}
body.home-polish #vorgehen .process-step:nth-child(2) .v10-process-visual{background:#f2f7fc}
body.home-polish #vorgehen .process-step:nth-child(3) .v10-process-visual{background:#eef7f1;border-color:#c3dace}
body.home-polish #vorgehen .v10-process-cap{padding-bottom:12px;margin-bottom:16px;color:#46677d}
body.home-polish #vorgehen .v10-process-visual dl{gap:12px}
body.home-polish #vorgehen .v10-process-visual dl>div{line-height:1.65}
/* 05 / The self-check is one clear invitation, with a tangible result preview. */
body.sales-home.structure-v6.home-proof-v9.home-polish #ready-check .check-card{padding:44px;gap:50px;border-radius:22px;border:1px solid #c4d9d3;background:radial-gradient(ellipse at 100% 100%,#d9e8f5 0%,transparent 60%),linear-gradient(115deg,#e5f2e9,#f3f8f7);box-shadow:inset 0 1px 0 #fff,0 10px 30px -25px #244f6c55}
body.home-polish #ready-check .check-card:before,body.home-polish #ready-check .check-card:after{display:none}
body.home-polish #ready-check .check-copy h2{font-size:clamp(33px,3.4vw,45px);font-weight:600;letter-spacing:-.045em;line-height:1.14}
body.home-polish #ready-check .check-copy>p{font-size:15px;line-height:1.8;color:#3e5f58;max-width:440px}
body.home-polish #ready-check .check-copy>.eyebrow{background:#f8fcfa;border-color:#bfd8ca;border-radius:6px;font-size:10px;letter-spacing:.1em;color:#38634d;box-shadow:none}
body.sales-home.structure-v6.home-proof-v9.home-polish #ready-check .check-result-preview{padding:24px;border:1px solid #c3d6db;border-radius:15px;box-shadow:0 3px 5px #244f6c05,0 18px 32px -25px #244f6c66;background:#fff}
body.home-polish #ready-check .check-result-preview:before,body.home-polish #ready-check .check-result-preview:after{display:none}
body.home-polish #ready-check .check-result-header{padding-bottom:17px;border-color:#dde7ea}
body.home-polish #ready-check .check-recommendation{border-radius:10px;background:#edf7f1;border-color:#c2dacc;box-shadow:none}
body.home-polish #ready-check .check-recommendation h3{font-weight:600;letter-spacing:-.035em}
body.home-polish #ready-check .v10-check-status{border-radius:4px}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish #ready-check .check-card{padding:26px 23px;gap:28px;border-radius:20px}body.sales-home.structure-v6.home-proof-v9.home-polish #ready-check .check-result-preview{padding:19px;margin:0 -4px}body.home-polish #ready-check .check-copy h2{font-size:33px}body.home-polish #ready-check .check-copy>p{font-size:14px}body.home-polish #ready-check .check-copy>small{font-size:11px;line-height:1.7}}
/* 06 / Personal context keeps an open, editorial layout. */
body.home-polish #ueber .portrait-frame{padding:6px;border:1px solid #d5e1ea;border-radius:22px;background:#fff;box-shadow:0 12px 25px -23px #244a7055}
body.home-polish #ueber .portrait{border-radius:16px}
body.home-polish #ueber h2{font-size:clamp(32px,3.45vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1.13}
body.home-polish #ueber .about-copy>p{font-size:15px;line-height:1.85;color:#405c72}
body.home-polish #ueber .signature{padding-top:23px;border-color:#d6e3ec}
body.home-polish #ueber .signature span{font-size:12px;color:#5a7182}
@media(max-width:760px){body.home-polish #ueber .about-copy>p{font-size:14px;line-height:1.85}body.home-polish #ueber .about-grid{gap:30px}body.home-polish #ueber h2{font-size:33px}}
/* 07 / Indexable background information, composed as an editorial introduction. */
body.home-polish #home-ueberblick .seo-summary-inner{padding-top:32px;padding-bottom:32px;border-color:#d5e1e9}
body.home-polish #home-ueberblick .depth-content{max-width:none}
body.home-polish #home-ueberblick .depth-content p{font-size:15px;line-height:1.85;color:#405c72;margin-top:0}
body.home-polish #home-ueberblick h2{font-size:29px;line-height:1.2;font-weight:600;letter-spacing:-.035em;color:#203e54}
body.home-polish #home-ueberblick .eyebrow{font-size:10px;color:#4a6a80;letter-spacing:.12em;margin-bottom:21px}
@media(min-width:761px){body.home-polish #home-ueberblick details[open]{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr);gap:64px}body.home-polish #home-ueberblick summary{display:block}body.home-polish #home-ueberblick h2{margin:0;max-width:none}body.home-polish #home-ueberblick .depth-content{padding:0}}
@media(max-width:760px){body.home-polish #home-ueberblick h2{font-size:26px;line-height:1.22}body.home-polish #home-ueberblick .depth-content p{font-size:14px}body.home-polish #home-ueberblick summary{min-height:44px}}
/* 08 / The useful long-form content stays in the document and remains easy to scan. */
body.home-polish #home-praxis .seo-knowledge-head h2{font-size:clamp(32px,3.45vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1.13}
body.home-polish #home-praxis .seo-knowledge-head>p{color:#486578;font-size:15px}
body.home-polish #home-praxis .seo-reading-nav{border-color:#ccdae5}
body.home-polish #home-praxis .seo-reading-nav a{color:#315a7b;text-underline-offset:4px}
body.home-polish #home-praxis .seo-reading-main h3{font-size:27px;font-weight:600;letter-spacing:-.035em;line-height:1.23;color:#203e54}
body.home-polish #home-praxis .depth-content p{max-width:68ch;font-size:15px;line-height:1.85;color:#405d72}
body.home-polish #home-praxis .seo-source-note{border-color:#d2e0e9}
body.home-polish #home-praxis .seo-source-note a{color:#2a5881;text-underline-offset:4px}
@media(max-width:760px){body.home-polish #home-praxis .seo-reading-main h3{font-size:25px}body.home-polish #home-praxis .depth-content p{font-size:14px}body.home-polish #home-praxis .seo-reading-nav a{display:inline-block;min-height:44px;padding-block:5px}body.home-polish #home-praxis .seo-source-note a{display:inline-block;padding-block:8px}}
/* 09 / Quiet, compact questions with an unmistakable expanded state. */
body.home-polish #faq h2{font-size:clamp(32px,3.45vw,46px);font-weight:600;line-height:1.13;letter-spacing:-.045em}
body.home-polish #faq .faq-list{display:grid;gap:0}
body.sales-home.structure-v6.home-proof-v9.home-polish #faq details{margin:0;padding:0;border:0;border-bottom:1px solid #cfdde7;border-radius:0;background:transparent;box-shadow:none}
body.sales-home.structure-v6.home-proof-v9.home-polish #faq summary{position:relative;padding:24px 44px 24px 0;min-height:68px;font-size:14px;line-height:1.6;font-weight:550;color:#2d4c63}
body.home-polish #faq summary:after{right:0;top:22px;width:25px;height:25px;border-radius:50%;border:1px solid #bacfdf;background:#fff;color:#315e7e}
body.sales-home.structure-v6.home-proof-v9.home-polish #faq details[open]{padding:0 20px;margin:10px 0;border:1px solid #c5d8e6;border-radius:12px;background:#fff;box-shadow:0 5px 12px -12px #244b7045}
body.home-polish #faq details[open] summary{color:#20558e}
body.home-polish #faq details>p{font-size:14px;line-height:1.85;color:#435f73;padding:0 0 22px;margin:0}
@media(max-width:760px){body.home-polish #faq summary{font-size:14px}body.home-polish #faq h2{font-size:33px}body.sales-home.structure-v6.home-proof-v9.home-polish #faq details[open]{padding-inline:16px}body.home-polish #faq details>p{font-size:14px}}
/* 10 / A deliberate, calm closing accent. */
body.sales-home.structure-v6.home-proof-v9.home-polish .final-card{isolation:isolate;position:relative;overflow:hidden;padding:62px 46px;background:radial-gradient(ellipse at 90% 0,#2a5e89 0%,transparent 65%),#173954;border:1px solid #254c6a;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff15,0 18px 35px -25px #16344f70;color:#fff}
body.home-polish .final-card:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(#c1dbed20 .7px,transparent .7px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent 25%,#000)}
body.home-polish .final-card:after{content:'';position:absolute;z-index:-1;right:-120px;bottom:-300px;width:650px;height:650px;border:1px solid #92b9d51c;border-radius:50%;box-shadow:0 0 0 70px #92b9d509,0 0 0 140px #92b9d507;pointer-events:none}
body.sales-home.structure-v6.home-proof-v9.home-polish .final-card>.eyebrow{font-size:10px;letter-spacing:.12em;color:#bbd8ea}
body.sales-home.structure-v6.home-proof-v9.home-polish .final-card h2{max-width:850px;margin:20px auto 22px;font-size:clamp(34px,4vw,51px);line-height:1.12;font-weight:600;letter-spacing:-.045em;color:#fff;text-wrap:balance}
body.sales-home.structure-v6.home-proof-v9.home-polish .final-card p{max-width:640px;margin-inline:auto;font-size:15px;line-height:1.8;color:#d6e5ef}
body.sales-home.structure-v6.home-proof-v9.home-polish .final-card>.button{margin-top:28px;min-height:52px;background:#fff;border:1px solid #e5eff7;color:#214d78;box-shadow:0 5px 10px #0a243b25;font-size:14px;border-radius:10px}
body.sales-home.structure-v6.home-proof-v9.home-polish .final-card>.button:hover{background:#edf5fc;box-shadow:0 8px 20px #0a243b40}
body.sales-home.structure-v6.home-proof-v9.home-polish .final-card>small{color:#c0d5e5;font-size:11px;line-height:1.75;margin-top:16px}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish .final-card{padding:40px 24px;border-radius:20px}body.sales-home.structure-v6.home-proof-v9.home-polish .final-card h2{font-size:33px;line-height:1.15}body.sales-home.structure-v6.home-proof-v9.home-polish .final-card p{font-size:14px}body.home-polish .final-card:after{width:400px;height:400px;right:-240px;bottom:-180px}}
body.sales-home.structure-v6.home-proof-v9.home-polish main>.final-section>.final-card:before{display:block;inset:0;width:auto;height:auto;background-image:radial-gradient(#c1dbed20 .7px,transparent .7px);background-size:20px 20px;border:0}
body.sales-home.structure-v6.home-proof-v9.home-polish main>.final-section>.final-card:after{display:block;inset:auto -120px -300px auto;width:650px;height:650px;border:1px solid #92b9d51c;border-radius:50%;background:none}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish main>.final-section>.final-card:after{inset:auto -240px -180px auto;width:400px;height:400px}}
/* 11 / Reviews stay authentic; typography follows the page rhythm. */
body.home-polish .we-reviews h2{font-size:clamp(30px,3.05vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.04em}
body.home-polish .we-reviews-copy>p{font-size:15px;line-height:1.85;color:#405c72;max-width:45ch}
body.home-polish .we-reviews-eyebrow{color:#496c87;font-size:10px;letter-spacing:.12em}
body.home-polish .we-reviews-link{color:#2a5b80;min-height:44px;align-items:center}
@media(max-width:760px){body.home-polish .we-reviews h2{font-size:31px}body.home-polish .we-reviews-copy>p{font-size:14px}}
body.sales-home.structure-v6.home-proof-v9.home-polish .we-reviews{width:100%;max-width:none;border-radius:0;background:#f2f7fb;margin:0;padding:48px max(42px,calc((100% - 1100px)/2));gap:36px}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish .we-reviews{padding:38px 38px;gap:22px}}
@media(max-width:390px){body.sales-home.structure-v6.home-proof-v9.home-polish .we-reviews{padding-inline:28px}}
body.sales-home.structure-v6.home-proof-v9.home-polish .final-section:before,body.sales-home.structure-v6.home-proof-v9.home-polish .site-footer:before{display:none}
/* 12 / A restrained footer with clear navigation and accessible legal controls. */
body.home-polish .site-footer{background:#f2f7fb;padding-top:24px;padding-bottom:28px}
body.home-polish .site-footer:after{display:none}
body.home-polish .footer-shell{border:1px solid #284b68;border-radius:22px;background:linear-gradient(120deg,#244861,#18364e);box-shadow:inset 0 1px 0 #ffffff15,0 16px 30px -25px #15354e70}
body.home-polish .footer-shell:before,body.home-polish .footer-shell:after{display:none}
body.home-polish .footer-claim{font-weight:600;letter-spacing:-.035em}
body.home-polish .footer-group h2{color:#c1d8e7;font-size:10px;letter-spacing:.12em}
body.home-polish .footer-group a{font-size:12px;color:#edf5fb;min-height:44px;display:inline-flex;align-items:center}
body.home-polish .footer-group li+li{margin-top:0}
body.home-polish .footer-bottom :is(a,button){min-height:44px;display:inline-flex;align-items:center}
body.home-polish .footer-shell :is(a,button):focus-visible{outline:3px solid #c8e2ff;outline-offset:4px}
@media(max-width:760px){body.home-polish .footer-shell{border-radius:20px}body.home-polish .footer-legal{gap:6px 16px}}
@media(prefers-reduced-motion:reduce){body.home-polish :is(a,button){transition:none}body.home-polish .button:hover,body.home-polish .header-cta:hover{transform:none}}
@media(min-width:761px) and (max-width:1050px){body.home-polish #systeme .p9-pd-summary dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.home-polish #systeme .p9-pd-summary dl>div:last-child{grid-column:1/-1}}
@supports(grid-template-rows:subgrid){@media(min-width:761px){body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service-grid{row-gap:0}body.sales-home.structure-v6.home-proof-v9.home-polish .structure-service{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0}}}


/* homepage-layering.css */
/* Homepage depth: original dot field, light surfaces and layered shadows. */
body.home-polish.home-layering .hero-material{opacity:.88}
body.home-polish.home-layering .v10-teaser{background:#ffffffdc;border-color:#d7e2ec;box-shadow:0 1px 2px #1838560a,0 8px 16px -8px #18385620,0 30px 55px -20px #3a659b30,inset 0 1px 0 #fff}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-layering .hero-case-v9{border-color:#d4e0eb;background:linear-gradient(120deg,#fffffff5,#f5f9ffed);box-shadow:0 2px 4px #173d6506,0 12px 24px -12px #2a56851c,inset 0 1px 0 #fff}
/* Project proof: a luminous result surface floats above a deep, softly lit base. */
.l-proof-section{position:relative;padding:108px 0 100px;background:#f6f9fc;scroll-margin-top:28px}
.l-proof-shell{position:relative;isolation:isolate;min-height:426px;margin:0;padding:54px 490px 54px 56px;border:1px solid #ffffff38;border-radius:30px;background:radial-gradient(ellipse at 90% 0,#2d6583 0,transparent 64%),linear-gradient(125deg,#172c43,#1c405b);box-shadow:0 2px 4px #12304708,0 14px 24px -12px #12304724,0 44px 60px -30px #264f6e52}
.l-proof-shell:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #06182740}
.l-proof-copy{position:relative;z-index:1;max-width:570px}
.l-proof-copy>.eyebrow{font-size:10px;letter-spacing:.13em;color:#b6d9e9}
.l-proof-copy h2{font-size:clamp(31px,3.3vw,43px);line-height:1.12;letter-spacing:-.045em;font-weight:570;color:#fff;margin:18px 0 22px}
.l-proof-copy>p{max-width:48ch;font-size:14px;line-height:1.85;color:#d5e4ed;margin:0}
.l-proof-copy>a{display:inline-flex;gap:22px;align-items:center;min-height:46px;margin-top:26px;padding:0 16px;border:1px solid #ffffff3b;border-radius:10px;background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:inset 0 1px 0 #ffffff12,0 3px 8px #071a3020;color:#fff;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s}
.l-proof-copy>a:hover{background:#ffffff21;box-shadow:inset 0 1px 0 #ffffff24,0 5px 12px #071a3030}
.l-proof-copy>a>span{font-size:20px;color:#c0ddeb;transition:transform .2s}
.l-proof-copy>a:hover>span{transform:translate(2px,-2px)}
.l-proof-copy>small{display:block;color:#b9cedd;font-size:10px;line-height:1.7;margin-top:15px}
.l-proof-number{position:absolute;right:48px;top:-34px;width:370px;padding:27px 30px 24px;border:1px solid #ffffffd9;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#e5f1f6 0,transparent 55%),linear-gradient(145deg,#fff,#f0f5f9);color:#18394c;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #bad0df40,0 2px 4px #081a3014,0 14px 22px -8px #071e3542,0 36px 54px -16px #07192c5c;z-index:2}
.l-proof-metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:30px;font-size:11px;font-weight:600;color:#3c5a70}
.l-proof-tag{padding:6px 9px;border-radius:6px;background:#e3eeeb;color:#396957;font-size:9px;font-weight:500;box-shadow:inset 0 1px 1px #203c3d06}
.l-proof-overline{display:block;font-size:12px;color:#49667c;margin-bottom:19px}
.l-proof-approx{display:block;font-size:12px;color:#49667c;margin-bottom:0}
.l-proof-number>strong{display:block;font-size:105px;line-height:1.03;letter-spacing:-.07em;font-weight:600;color:#204e68;white-space:nowrap;margin-left:-4px}
.l-proof-number>strong>span{font-size:.49em;letter-spacing:-.06em;margin-left:5px}
.l-proof-number>p{font-size:17px;line-height:1.45;letter-spacing:-.02em;font-weight:550;margin:19px 0 26px;color:#294c60}
.l-proof-comparison{padding:15px 17px 13px;background:#e8eff5;border-radius:11px;box-shadow:inset 0 1px 3px #173d6610,0 1px 0 #fff}
.l-proof-bar-label{display:flex;justify-content:space-between;color:#50697d;font-size:10px;margin-bottom:10px}
.l-proof-bars{display:flex;align-items:flex-end;gap:7px;height:36px}
.l-proof-bar-before{height:100%;width:50%;border-radius:5px;background:linear-gradient(180deg,#a7bbc8,#90a7b8);box-shadow:inset 0 1px 0 #ffffff80,0 3px 5px #233c4c12}
.l-proof-bar-after{height:20%;width:50%;border-radius:3px;background:linear-gradient(180deg,#6aab96,#4f8d79);box-shadow:inset 0 1px 0 #ffffff55,0 2px 3px #233c4c1a}
.l-proof-comparison>small{display:block;color:#526b80;font-size:9px;line-height:1.6;margin-top:11px}
.l-proof-baseline{display:block;margin-top:18px;font-size:10px;line-height:1.6;color:#597184}
@media(min-width:761px) and (max-width:1050px){.l-proof-shell{padding:42px 365px 42px 32px;min-height:462px}.l-proof-number{right:28px;width:300px;padding:25px 23px}.l-proof-copy h2{font-size:32px}.l-proof-metric-head{gap:7px}.l-proof-tag{font-size:8px;padding:6px}.l-proof-number>strong{font-size:94px}.l-proof-number>p{font-size:16px}.l-proof-copy>a{font-size:11px;padding-inline:12px;gap:15px}}
@media(max-width:760px){.l-proof-section{padding:42px 0 122px}.l-proof-shell{padding:32px 23px 36px;border-radius:24px;min-height:0}.l-proof-copy h2{font-size:31px;margin:17px 0 20px}.l-proof-copy>.eyebrow{font-size:9px;line-height:1.7}.l-proof-copy>p{font-size:14px}.l-proof-copy>a{font-size:11px;gap:13px;padding-inline:12px;margin-top:23px}.l-proof-number{position:relative;right:auto;top:auto;width:auto;margin:32px -6px -90px;padding:25px 24px 23px;border-radius:21px}.l-proof-metric-head{font-size:10px;margin-bottom:28px}.l-proof-tag{font-size:8px}.l-proof-number>strong{font-size:96px}.l-proof-number>p{font-size:17px}.l-proof-copy>small{font-size:9px}}
@media(max-width:370px){.l-proof-shell{padding-inline:20px}.l-proof-copy h2{font-size:28px}.l-proof-number{padding-inline:20px}.l-proof-number>strong{font-size:84px}.l-proof-metric-head{font-size:9px;gap:5px}.l-proof-tag{padding:5px;font-size:7px}.l-proof-copy>a{font-size:10px;padding-inline:10px;gap:9px}}

/* The real portrait carries the composition; its nameplate is a light glass surface. */
body.home-layering #ueber{position:relative;padding-top:30px;background:linear-gradient(180deg,transparent,#ffffffb8 30%,#ffffffb8 70%,transparent)}
body.home-layering #ueber .about-grid{align-items:center;gap:96px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.l-portrait-stage{position:relative;isolation:isolate;padding:0 24px 42px 0}
body.home-polish.home-layering #ueber .portrait-frame{padding:7px;border:1px solid #fff;border-radius:29px;background:linear-gradient(145deg,#fff,#edf2f7);box-shadow:0 2px 4px #15385408,0 14px 24px -10px #294b6817,0 38px 56px -24px #274a7050;overflow:hidden}
body.home-polish.home-layering #ueber .portrait{border-radius:22px;width:100%;height:auto;display:block}
.l-person-badge{position:absolute;right:-28px;bottom:12px;min-width:260px;padding:25px 29px;background:linear-gradient(120deg,#fffffff5,#f6faffd9);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);border:1px solid #ffffffdb;box-shadow:inset 0 1px 0 #fff,0 2px 4px #1234510a,0 10px 20px -8px #18395638,0 30px 40px -18px #18395642;border-radius:18px}
.l-person-label{font-size:11px;letter-spacing:.01em;color:#426176;display:flex;align-items:center;gap:9px}
.l-person-label i{display:block;width:6px;height:6px;border-radius:50%;background:#527d6c;box-shadow:0 0 0 4px #e5f0ea}
body.home-polish.home-layering #ueber .l-person-badge .signature{margin:18px 0 0;padding:0;border:0;font-size:20px;line-height:1.3;letter-spacing:-.03em;color:#18394f}
body.home-polish.home-layering #ueber .l-person-badge .signature span{font-size:11px;margin-top:7px;font-weight:400;letter-spacing:0;color:#527084}
@media(min-width:761px) and (max-width:1050px){body.home-layering #ueber .about-grid{gap:62px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.l-person-badge{right:-17px;min-width:224px;padding:22px}.l-portrait-stage{padding-right:18px}body.home-polish.home-layering #ueber .l-person-badge .signature{font-size:18px}}
@media(max-width:760px){body.home-layering #ueber{padding-top:12px;padding-bottom:76px}body.home-layering #ueber .about-grid{display:grid;grid-template-columns:1fr;gap:45px}.l-portrait-stage{max-width:440px;width:100%;padding:0 17px 44px 0;margin:0 auto}.l-person-badge{right:0;bottom:0;min-width:235px;padding:22px 25px;border-radius:17px}body.home-polish.home-layering #ueber .portrait-frame{padding:5px;border-radius:26px}body.home-polish.home-layering #ueber .portrait{border-radius:21px}body.home-polish.home-layering #ueber .l-person-badge .signature{font-size:19px}}
@media(max-width:370px){.l-person-badge{min-width:218px;padding:20px 22px}.l-person-label{font-size:10px}}

@media(prefers-reduced-motion:reduce){.l-proof-copy>a>span{transition:none}}
/* Protect narrow-screen words and the project statistic at 320 px. */
@media(max-width:370px){body.home-layering #we-provenexpert h2{font-size:29px}}
/* Supporting labels stay readable on the smallest layout. */
.l-proof-metric-head{font-size:11px;flex-wrap:wrap}.l-proof-tag{font-size:10px;padding:6px 8px}.l-proof-comparison>small{font-size:10px}.l-proof-copy>small{font-size:10px}


/* homepage-compact.css */
/* Targeted refinements to the five foundation cards. Existing app details remain. */
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile{grid-column:auto;padding:28px;gap:22px}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme :is(.b4-data,.b4-ai,.b4-control){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.8fr);gap:34px;align-items:center}
body.home-compact #systeme .c-narrative{min-width:0}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-copy h3{min-height:0;font-size:28px;line-height:1.16;margin-bottom:16px}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-copy p{min-height:0;font-size:14px;line-height:1.75}
body.home-compact #systeme .hp-bento-cap{margin-bottom:16px}
body.home-compact #systeme .hp-bento-index{margin-left:auto}
body.home-compact #systeme .c-narrative>.b4-link{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:22px;font-size:12px;font-weight:600;color:#245892;text-decoration:none}
body.home-compact #systeme .c-narrative>.b4-link>span{margin-left:auto}
body.home-compact #systeme .c-narrative>.b4-link:hover{text-decoration:underline;text-underline-offset:5px}
body.home-compact #systeme .b4-ai .c-narrative>.b4-link{color:#fff}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile>.p9-visual{margin:0;width:100%;min-width:0}
/* The CRM detail and activity report share a wide workspace. */
body.home-compact #systeme .p9-pd-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.85fr)}
body.home-compact #systeme .p9-pd-bar{grid-column:1/-1}
body.home-compact #systeme .p9-pd-deal-title,body.home-compact #systeme .p9-stages{grid-column:1}
body.home-compact #systeme .p9-pd-deal-title{padding:14px 14px 10px}
body.home-compact #systeme .p9-stages{margin:0 14px 12px}
body.home-compact #systeme .p9-pd-detail-grid{grid-column:1;grid-template-columns:minmax(120px,.9fr) minmax(0,1.3fr);border-bottom:0}
body.home-compact #systeme .p9-pd-summary{padding:12px;border-right:1px solid #dce6ec;border-bottom:0}
body.home-compact #systeme .p9-pd-summary dl{display:grid;grid-template-columns:1fr;gap:9px}
body.home-compact #systeme .p9-pd-feed{padding:10px}
body.home-compact #systeme .p9-pd-tabs{gap:5px;flex-wrap:wrap}
body.home-compact #systeme .p9-pd-next{padding:10px;gap:7px}
body.home-compact #systeme .p9-pd-note{padding:10px;margin-top:9px}
body.home-compact #systeme .v10-activity-report{grid-column:2;grid-row:2/5;border-top:0;border-left:1px solid #e0e8ef;padding:20px 16px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fafcfe,#f3f7fb)}
body.home-compact #systeme .v10-activity-report .v10-report-head{flex-wrap:wrap;gap:6px}
body.home-compact #systeme .v10-activity-chart{height:155px;gap:11px;margin-top:20px}
body.home-compact #systeme .v10-legend{flex-wrap:wrap;gap:8px;margin-top:18px}
body.home-compact #systeme .v10-legend small{width:100%;margin:2px 0 0}
/* Source context and approval sit beside the prepared Outlook draft. */
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-ai>.p9-visual{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:12px 18px;align-items:start}
body.home-compact #systeme .b4-ai .p9-wa-context{grid-column:1;padding:0}
body.home-compact #systeme .p9-wa-context>div{gap:10px;align-items:flex-start}
body.home-compact #systeme .p9-wa-context>div>span:first-child{font-size:10px;line-height:1.5}
body.home-compact #systeme .p9-ai-logos{gap:4px;flex:none}
body.home-compact #systeme .p9-ai-logos img{width:22px;height:22px}
body.home-compact #systeme .p9-wa-context>p{margin:8px 0 0;font-size:10px;gap:5px;flex-wrap:wrap}
body.home-compact #systeme .v10-mail-context{grid-column:1;padding:12px;margin:0}
body.home-compact #systeme .v10-mail-context>div{gap:6px;flex-wrap:wrap}
body.home-compact #systeme .v10-mail-context>div time{font-size:10px}
body.home-compact #systeme .b4-ai .p9-outlook{grid-column:2;grid-row:1/4;align-self:stretch;display:flex;flex-direction:column}
body.home-compact #systeme .b4-ai .p9-mail-body{flex:1;padding:15px}
body.home-compact #systeme .b4-ai .p9-mail-body p{font-size:12px;line-height:1.8}
body.home-compact #systeme .b4-ai .p9-compose-fields{padding-inline:13px}
body.home-compact #systeme .b4-ai .p9-compose-fields>div{grid-template-columns:40px 1fr;padding-block:10px}
body.home-compact #systeme .p9-wa-approval{grid-column:1;margin:0;padding:12px;gap:8px}
body.home-compact #systeme .p9-wa-approval .p9-wa-icon{width:25px;height:25px;flex:none}
body.home-compact #systeme .p9-wa-approval .p9-wa-icon svg{width:16px;height:16px}
body.home-compact #systeme .p9-wa-approval p{font-size:11px;line-height:1.5}
/* A broader activity card and a compact response-to-stop sequence. */
body.home-compact #systeme .b4-team .p9-task-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}
body.home-compact #systeme .b4-team .p9-task-fields>div{display:block}
body.home-compact #systeme .b4-team .p9-task-fields dd{margin-top:5px}
body.home-compact #systeme .b4-team .v10-calendar{padding:10px 14px}
body.home-compact #systeme .b4-team .v10-calendar-week>span{padding:6px 2px}
body.home-compact #systeme .b4-team .p9-task-note{padding:12px 14px}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-stop>.p9-visual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}
body.home-compact #systeme .b4-stop .p9-inbox{grid-column:1;grid-row:1/3}
body.home-compact #systeme .p9-wa-stop{grid-column:2;padding:0;gap:8px;align-items:flex-start}
body.home-compact #systeme .p9-wa-stop>.p9-wa-icon{width:27px;height:27px;flex:none}
body.home-compact #systeme .p9-wa-stop strong{font-size:13px;line-height:1.5}
body.home-compact #systeme .v10-stop-log{grid-column:2;margin:0;gap:0}
body.home-compact #systeme .hp-stop-event{grid-template-columns:18px 1fr;gap:8px;padding-bottom:14px}
body.home-compact #systeme .hp-stop-event>i{width:18px;height:18px;font-size:10px}
body.home-compact #systeme .hp-stop-event:not(:last-child):before{left:8px;top:20px}
body.home-compact #systeme .hp-stop-event strong{font-size:11px}
/* The telephone note and the handover share one wide Close window. */
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-control>.p9-visual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
body.home-compact #systeme .p9-close-bar,body.home-compact #systeme .p9-close-recorded{grid-column:1/-1}
body.home-compact #systeme .p9-close-lead,body.home-compact #systeme .p9-close-actions,body.home-compact #systeme .p9-close-feed{grid-column:1}
body.home-compact #systeme .hp-call-summary{grid-column:2;grid-row:2/5;border-top:0;border-left:1px solid #dce3eb;padding:22px;display:flex;flex-direction:column;justify-content:center}
body.home-compact #systeme .hp-call-summary dl{gap:15px}
body.home-compact #systeme .hp-call-summary dl>div{grid-template-columns:1fr;gap:3px}
body.home-compact #systeme .p9-close-feed{padding:14px}
/* An illustrative, warm AI halo, with an explicit pause control. */
@property --ai-orbit{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes ai-orbit{to{--ai-orbit:360deg}}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-ai{position:relative;isolation:isolate;overflow:visible}
body.home-compact #systeme .b4-ai:before,body.home-compact #systeme .b4-ai:after{content:'';position:absolute;inset:-2px;z-index:-1;border:0;border-radius:inherit;padding:3px;background:conic-gradient(from var(--ai-orbit),transparent 0deg,transparent 250deg,#ff9c4930 280deg,#ffae69 310deg,#ffca8e 320deg,transparent 350deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;animation:ai-orbit 10s linear infinite;opacity:.85}
body.home-compact #systeme .b4-ai:before{inset:-5px;padding:6px;filter:blur(8px);opacity:.6}
.c-ai-toggle{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:1px solid #ffffff3b;border-radius:50%;background:#16385c66;color:#dce9f8;cursor:pointer;position:relative}
.c-ai-toggle:before{content:'';position:absolute;inset:-7px;border-radius:50%}
.c-ai-toggle:hover{background:#ffffff20;color:#fff}
.c-ai-toggle .c-play{display:none}
.c-ai-toggle[aria-pressed=true] .c-play{display:block}
.c-ai-toggle[aria-pressed=true] .c-pause{display:none}
body.home-compact #systeme .b4-ai[data-ai-motion=paused]:before,body.home-compact #systeme .b4-ai[data-ai-motion=paused]:after{animation-play-state:paused}
@media(max-width:1050px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme :is(.b4-data,.b4-ai,.b4-control){grid-template-columns:1fr;gap:22px}body.home-compact #systeme :is(.b4-data,.b4-ai,.b4-control) .b4-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px}body.home-compact #systeme :is(.b4-data,.b4-ai,.b4-control) .hp-bento-cap{grid-column:1/-1;margin:0}body.home-compact #systeme :is(.b4-data,.b4-ai,.b4-control) .b4-copy p{grid-column:2;grid-row:2}body.home-compact #systeme .c-narrative>.b4-link{margin-top:10px;max-width:300px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme :is(.b4-team,.b4-stop){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:26px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-stop>.p9-visual{grid-template-columns:1fr}.b4-stop .p9-inbox,.b4-stop .p9-wa-stop,.b4-stop .v10-stop-log{grid-column:1!important;grid-row:auto!important}}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-grid{grid-template-columns:1fr;gap:24px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile{display:flex;flex-direction:column;padding:23px;gap:20px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-copy{display:block}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-copy h3{font-size:27px;margin-bottom:14px}body.home-compact #systeme .hp-bento-cap{margin-bottom:15px!important}body.home-compact #systeme .c-narrative>.b4-link{margin-top:8px}body.home-compact #systeme .p9-pd-workspace{display:block}body.home-compact #systeme .p9-pd-detail-grid{display:block}body.home-compact #systeme .p9-pd-summary{border-right:0;border-bottom:1px solid #dce6ec}body.home-compact #systeme .p9-pd-summary dl{grid-template-columns:1fr 1fr}body.home-compact #systeme .v10-activity-report{border-left:0;border-top:1px solid #e0e8ef;padding:14px}body.home-compact #systeme .v10-activity-chart{height:68px;margin-top:12px}body.home-compact #systeme .v10-legend{margin-top:12px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-ai>.p9-visual{display:flex;flex-direction:column;gap:12px}body.home-compact #systeme .b4-ai .p9-visual>div{width:100%;margin:0}body.home-compact #systeme .p9-wa-context>div>span:first-child{font-size:11px}body.home-compact #systeme .b4-ai .p9-mail-body{padding:14px}body.home-compact #systeme .b4-ai .p9-outlook{display:block}body.home-compact #systeme .p9-wa-approval p{margin:3px 0 5px}body.home-compact #systeme .b4-team .p9-task-fields{gap:10px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-stop>.p9-visual,body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-control>.p9-visual{display:block}body.home-compact #systeme .p9-wa-stop{padding-top:16px}body.home-compact #systeme .v10-stop-log{margin-top:15px}body.home-compact #systeme .hp-stop-event{padding-bottom:11px}body.home-compact #systeme .hp-call-summary{padding:14px;border-top:1px solid #dce3eb;border-left:0}body.home-compact #systeme .hp-call-summary dl{gap:8px}body.home-compact #systeme .hp-call-summary dl>div{grid-template-columns:65px 1fr;gap:8px}}
@media(max-width:370px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile{padding:20px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-copy h3{font-size:25px}.c-ai-toggle{width:28px;height:28px}body.home-compact #systeme .b4-team .p9-task-fields{grid-template-columns:1fr}body.home-compact #systeme .b4-team .p9-task-fields>div{display:grid;grid-template-columns:65px 1fr;gap:8px}body.home-compact #systeme .b4-team .p9-task-fields dd{margin:0}}
@media(prefers-reduced-motion:reduce){body.home-compact #systeme .b4-ai:before,body.home-compact #systeme .b4-ai:after{animation:none!important;--ai-orbit:45deg}.c-ai-toggle{display:none}}
/* Wide explanatory rows keep every example flat rather than vertically stacked. */
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.8fr);grid-template-areas:none;gap:34px;align-items:center}
body.home-compact #systeme .b4-tile>.c-narrative{grid-column:1;grid-row:1}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile>.p9-visual{grid-column:2;grid-row:1}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-team>.p9-visual{display:grid;grid-template-columns:1fr 1fr}
body.home-compact #systeme .b4-team :is(.p9-task-bar,.p9-activity-types,.p9-task-title){grid-column:1/-1}
body.home-compact #systeme .b4-team .v10-calendar{grid-column:1;grid-row:4/6;display:flex;flex-direction:column;justify-content:center;padding:20px;border-right:1px solid #dce6ec;border-bottom:0}
body.home-compact #systeme .b4-team .v10-calendar-week{margin-top:18px}
body.home-compact #systeme .b4-team .v10-calendar-week>span{padding-block:12px;gap:12px}
body.home-compact #systeme .b4-team .p9-task-fields{grid-column:2;grid-row:4}
body.home-compact #systeme .b4-team .p9-task-note{grid-column:2;grid-row:5}
@media(min-width:761px) and (max-width:1050px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile{grid-template-columns:1fr;gap:22px}body.home-compact #systeme .b4-tile>.c-narrative{grid-column:1;grid-row:1}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile>.p9-visual{grid-column:1;grid-row:2}body.home-compact #systeme .b4-tile .b4-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px}body.home-compact #systeme .b4-tile .hp-bento-cap{grid-column:1/-1;margin:0}body.home-compact #systeme .b4-tile .b4-copy p{grid-column:2;grid-row:2}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-stop>.p9-visual{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.home-compact #systeme .b4-stop .p9-inbox{grid-column:1!important;grid-row:1/3!important}body.home-compact #systeme .b4-stop .p9-wa-stop{grid-column:2!important;grid-row:1!important}body.home-compact #systeme .b4-stop .v10-stop-log{grid-column:2!important;grid-row:2!important}}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile{display:flex;gap:20px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-team>.p9-visual{display:block}body.home-compact #systeme .b4-team .v10-calendar{display:block;padding:12px 14px;border-right:0;border-bottom:1px solid #dce6ec}body.home-compact #systeme .b4-team .v10-calendar-week{margin-top:10px}body.home-compact #systeme .b4-team .v10-calendar-week>span{padding-block:6px;gap:6px}}
/* On phones, avoid repeating customer metadata and explanatory UI copy. */
@media(max-width:760px){body.home-compact #systeme .p9-pd-summary,body.home-compact #systeme .p9-pd-deal-title>.p9-app-breadcrumb,body.home-compact #systeme .b4-ai .p9-wa-context>p,body.home-compact #systeme .b4-ai .v10-mail-context>small,body.home-compact #systeme .b4-ai .p9-compose-foot,body.home-compact #systeme .b4-ai .p9-wa-approval p,body.home-compact #systeme .b4-control .hp-call-summary{display:none}}
/* Blur the masked light on a parent layer so its halo extends beyond the rim. */
body.home-compact #systeme .b4-ai:before{display:none}
.c-ai-glow{position:absolute;inset:-4px;z-index:-1;pointer-events:none;border-radius:inherit;filter:blur(7px);opacity:.72}
.c-ai-glow:before{content:'';position:absolute;inset:0;padding:5px;border-radius:inherit;background:conic-gradient(from var(--ai-orbit),transparent 0deg,transparent 250deg,#ff8b3930 280deg,#ffa459 310deg,#ffd2a0 320deg,transparent 350deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:ai-orbit 10s linear infinite}
.b4-ai[data-ai-motion=paused] .c-ai-glow:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.c-ai-glow:before{animation:none!important;--ai-orbit:45deg}}
/* A distinct, softly illuminated invitation to discover the first AI opportunity. */
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile{grid-template-rows:auto}
@media(min-width:761px) and (max-width:1050px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #systeme .b4-tile{grid-template-rows:auto auto}}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #ready-check .check-card{position:relative;isolation:isolate;overflow:visible;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:52px;border:1px solid #716de1;border-radius:30px;background:radial-gradient(ellipse at 85% 12%,#9c70ff70,transparent 62%),radial-gradient(ellipse at 4% 100%,#267cf092,transparent 65%),linear-gradient(120deg,#172c76,#383087 65%,#55409b);box-shadow:inset 0 1px 0 #ffffff42,0 3px 5px #2419680d,0 20px 45px -24px #44318d80,0 50px 70px -54px #493ad3a1}
body.home-compact #ready-check .check-copy{position:relative;z-index:1}
body.home-polish.home-compact #ready-check .check-copy>.eyebrow{padding:10px 13px;border-color:#bcb8f26b;background:#ffffff0d;color:#f0eaff;font-size:10px;letter-spacing:.1em;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff14}
body.home-polish.home-compact #ready-check .check-copy h2{color:#fff;font-size:clamp(35px,3.5vw,48px);line-height:1.13;font-weight:620;text-shadow:0 3px 18px #19184c33}
body.home-polish.home-compact #ready-check .check-copy>p{color:#e1e7ff;font-size:15px;line-height:1.8}
body.home-polish.home-compact #ready-check .check-copy>.button{min-height:54px;padding:16px 22px;margin-top:14px;border:1px solid #edfff6;background:linear-gradient(120deg,#effff6,#cefae7);color:#19394a;border-radius:11px;box-shadow:inset 0 1px 0 #fff,0 3px 4px #1312440c,0 14px 26px -14px #08134c99;font-weight:650;font-size:14px}
body.home-polish.home-compact #ready-check .check-copy>.button:hover{background:#f3fff9;box-shadow:inset 0 1px 0 #fff,0 5px 8px #13124415,0 18px 30px -14px #071039a6;transform:translateY(-2px)}
body.home-polish.home-compact #ready-check .check-copy>.button:focus-visible{outline:3px solid #fff;outline-offset:5px}
body.home-polish.home-compact #ready-check .check-copy>small{display:block;margin-top:18px;color:#d4ddf6;font-size:11px;line-height:1.7}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #ready-check .check-result-preview{padding:24px;margin:0;border:1px solid #ffffffb3;border-radius:20px;background:linear-gradient(145deg,#fff,#f7f8ff);box-shadow:inset 0 1px 0 #fff,0 3px 6px #0c0f3a1a,0 18px 26px -14px #11103b6b,0 34px 45px -25px #11103b8c;transform:translateY(-8px)}
body.home-polish.home-compact #ready-check .check-result-header{color:#2f3666;border-color:#dfe2f0}
body.home-compact #ready-check .check-example-label{border-color:#c9cce5;background:#f0f1fa;color:#525b7b}
body.home-compact #ready-check .v10-check-progress>div:last-child i{background:#aeb4ed}
body.home-compact #ready-check .v10-check-progress>div:last-child i:nth-child(2){background:#9099e4}
body.home-compact #ready-check .v10-check-progress>div:last-child i:nth-child(3){background:#7682da}
body.home-compact #ready-check .v10-check-progress>div:last-child i:nth-child(4){background:#5b6ccd}
body.home-compact #ready-check .v10-check-progress>div:last-child i:nth-child(5){background:#3e55bc}
body.home-polish.home-compact #ready-check .check-recommendation{border:1px solid #badbcf;border-radius:13px;background:radial-gradient(ellipse at 100% 0,#f4fff9,transparent 75%),linear-gradient(140deg,#e1f5eb,#f0f9f4);box-shadow:inset 0 1px 0 #fff,0 3px 8px #18452e05,0 10px 18px -16px #18452e40}
@media(max-width:1050px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #ready-check .check-card{padding:35px;gap:30px}body.home-polish.home-compact #ready-check .check-copy h2{font-size:37px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #ready-check .check-result-preview{padding:20px}}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #ready-check .check-card{grid-template-columns:1fr;padding:30px 24px;gap:34px;border-radius:25px;background:radial-gradient(ellipse at 100% 32%,#9c70ff55,transparent 60%),radial-gradient(ellipse at 0 0,#267cf066,transparent 65%),linear-gradient(160deg,#172c76,#383087 65%,#55409b)}body.home-polish.home-compact #ready-check .check-copy h2{font-size:34px}body.home-polish.home-compact #ready-check .check-copy>p{font-size:14px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #ready-check .check-result-preview{transform:none;padding:19px;margin:0 -6px;border-radius:16px}body.home-polish.home-compact #ready-check .check-copy>.button{width:100%;justify-content:space-between;margin-top:9px}body.home-polish.home-compact #ready-check .check-copy>small{font-size:11px;margin-top:16px}}
@media(max-width:370px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact #ready-check .check-card{padding:27px 21px}body.home-polish.home-compact #ready-check .check-copy h2{font-size:30px}body.home-polish.home-compact #ready-check .check-copy>.eyebrow{font-size:9px;letter-spacing:.065em}}
/* A small signature at the lower right of the portrait. */
body.home-compact #ueber .l-person-badge{right:6px;bottom:24px;min-width:208px;padding:16px 18px;border-radius:14px}
body.home-compact #ueber .l-person-label{font-size:10px;letter-spacing:.025em}
body.home-compact #ueber .l-person-label i{width:5px;height:5px}
body.home-polish.home-layering.home-compact #ueber .l-person-badge .signature{font-size:17px;margin-top:12px}
body.home-polish.home-layering.home-compact #ueber .l-person-badge .signature span{font-size:11px;margin-top:5px}
@media(max-width:760px){body.home-compact #ueber .l-person-badge{right:2px;bottom:24px;min-width:194px;padding:15px 17px}body.home-polish.home-layering.home-compact #ueber .l-person-badge .signature{font-size:16px;margin-top:10px}}


/* homepage-refinement.css */
/* Give the opening message a calm stage; reveal just the beginning of the workflow. */
body.sales-home.structure-v6.home-proof-v9.home-polish.home-refinement>main>.hero.hero-evolution{padding-top:0}
body.home-refinement .r-hero-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100svh - 161px);padding:84px 0 72px;box-sizing:border-box}
body.home-refinement .r-hero-intro>*{flex-shrink:0}
body.home-refinement .r-hero-intro>.hero-label{width:100%}
body.home-refinement .r-hero-intro>p{max-width:800px;font-size:16px;line-height:1.75;color:#435a6c;margin:0 auto}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-refinement .hero .v10-teaser{margin-top:0}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-refinement>main>.hero.hero-evolution{padding-top:0}body.home-refinement .r-hero-intro{min-height:0;padding:62px 0 38px}body.home-refinement .r-hero-intro>p{font-size:15px;line-height:1.75}body.home-refinement .r-hero-intro>.hero-label{max-width:320px}}
/* A focused expansion: existing copy paired with two tangible planning details. */
body.sales-home.structure-v6.home-proof-v9.home-polish.home-refinement #leistungen .sales-expansion{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:58px;margin-top:26px;padding:34px 38px;border:1px solid #cadbe5;border-radius:22px;background:radial-gradient(ellipse at 88% 14%,#e1e6fcaa,transparent 65%),radial-gradient(ellipse at 65% 100%,#dbefe7a3,transparent 60%),linear-gradient(120deg,#fff,#f2f7fb);box-shadow:inset 0 1px 0 #fff,0 3px 4px #21405f03,0 18px 32px -28px #21405f61;overflow:hidden}
body.home-refinement #leistungen .sales-expansion:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,#517b9c2c .8px,transparent 1px) 0 0/15px 15px;mask-image:linear-gradient(100deg,transparent 35%,#000 100%);pointer-events:none}
body.home-refinement .r-expansion-copy{min-width:0}
body.home-polish.home-refinement #leistungen .sales-expansion h3{font-size:29px;margin:11px 0 15px;line-height:1.2}
body.home-polish.home-refinement #leistungen .sales-expansion p{font-size:14px;line-height:1.8;margin:0;max-width:550px}
body.home-refinement #leistungen .r-expansion-copy>.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:0 15px;margin-top:19px;border:1px solid #c5d6e4;border-radius:8px;box-shadow:inset 0 1px 0 #fff,0 4px 8px #27496a06;background:#ffffffbd;font-size:12px}
body.home-refinement .r-prospect-visual{position:relative;min-width:0;padding:4px 0 9px}
.r-prospect-card{position:relative;max-width:350px;padding:21px 22px 23px;border:1px solid #d4dfeb;border-radius:14px;background:linear-gradient(130deg,#fff,#f8fbff);box-shadow:inset 0 1px 0 #fff,0 2px 3px #234d6d05,0 12px 22px -14px #2248663b,0 26px 32px -23px #22486638}
.r-prospect-label{display:block;color:#536b7e;font-size:10px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:17px}
.r-prospect-heading{display:flex;align-items:center;gap:11px}
.r-prospect-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #c8d9e8;border-radius:10px;background:linear-gradient(140deg,#eff6fe,#e1edf9);color:#355f8b;box-shadow:inset 0 1px 0 #fff}
.r-prospect-heading strong{display:block;color:#25445a;font-size:13px;font-weight:650}
.r-prospect-heading small{display:block;color:#5a7082;font-size:11px;margin-top:5px;line-height:1.5}
.r-prospect-check{display:grid;place-items:center;width:20px;height:20px;margin-left:auto;flex:none;border:1px solid #bedacb;border-radius:50%;color:#32664c;background:#e7f4ed;font-size:11px}
.r-prospect-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px;padding-left:51px}
.r-prospect-tags>span{border:1px solid #dce5ec;border-radius:5px;background:#f3f7fa;padding:5px 8px;color:#4d6679;font-size:10px}
.r-conversation-card{position:relative;display:flex;align-items:center;gap:12px;max-width:345px;margin:-10px 0 0 40px;padding:16px 18px;border:1px solid #c0d9ce;border-radius:12px;background:linear-gradient(120deg,#f4fff9,#e6f3ed);box-shadow:inset 0 1px 0 #fff,0 2px 4px #244d3c08,0 14px 22px -16px #244d3c6b}
.r-conversation-icon{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:9px;background:#d9ede2;color:#32664c}
.r-conversation-card strong{display:block;font-size:12px;font-weight:650;line-height:1.5;color:#2c5142}
.r-conversation-card small{display:block;margin-top:4px;font-size:10px;line-height:1.6;color:#4c6d5f}
@media(max-width:1050px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-refinement #leistungen .sales-expansion{gap:30px;padding:30px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.r-prospect-card{padding:18px}.r-conversation-card{margin-left:20px;padding:14px}.r-prospect-tags{padding-left:0}}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-refinement #leistungen .sales-expansion{grid-template-columns:1fr;padding:25px;gap:28px}body.home-polish.home-refinement #leistungen .sales-expansion h3{font-size:27px;overflow-wrap:anywhere}body.home-refinement #leistungen .sales-expansion:before{mask-image:linear-gradient(180deg,transparent 35%,#000)}body.home-refinement .r-prospect-visual{max-width:380px;width:100%;margin:auto}.r-prospect-card{margin-right:12px}.r-prospect-heading{gap:9px}.r-prospect-icon{width:34px;height:34px}.r-prospect-heading strong{font-size:12px}.r-conversation-card{margin-left:15px}.r-conversation-card small{font-size:11px}.r-prospect-label{font-size:10px}}
/* A shorter check banner, with the existing mascot appearing like a watermark. */
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #ready-check .check-card{padding:28px 38px;gap:48px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);overflow:hidden}
body.home-refinement #ready-check .r-check-mascot{position:absolute;left:34%;bottom:-28px;width:280px;height:320px;background:url('/ki-ready-check/mascot-cost-curious.webp') center bottom/contain no-repeat;filter:brightness(0) invert(1);opacity:.1;pointer-events:none;z-index:0}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #ready-check .check-card:after{content:'';display:block;position:absolute;inset:0;width:auto;height:auto;z-index:0;pointer-events:none;border:0;border-radius:inherit;transform:none;background:radial-gradient(circle,#fff .75px,transparent 1px) 0 0/17px 17px;opacity:.13;mask-image:linear-gradient(105deg,transparent 20%,#000 70%)}
body.home-polish.home-compact.home-refinement #ready-check .check-copy h2{font-size:40px;margin:17px 0 19px}
body.home-polish.home-compact.home-refinement #ready-check .check-copy>p{max-width:470px}
body.home-polish.home-compact.home-refinement #ready-check .check-copy>.eyebrow{padding:8px 11px}
body.home-polish.home-compact.home-refinement #ready-check .check-copy>.button{margin-top:17px}
body.home-polish.home-compact.home-refinement #ready-check .check-copy>small{margin-top:13px}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #ready-check .check-result-preview{position:relative;z-index:1;padding:20px;transform:none}
body.home-polish.home-compact.home-refinement #ready-check .check-result-header{padding-bottom:10px}
body.home-refinement #ready-check .v10-check-progress{padding:10px 0 12px}
body.home-refinement #ready-check .v10-check-small-label{margin-bottom:8px}
body.home-refinement #ready-check .v10-check-answers>div{padding:8px 0}
body.home-refinement #ready-check .v10-check-connector{display:none}
body.home-polish.home-compact.home-refinement #ready-check .check-recommendation{margin-top:13px;padding:16px 18px 0}
body.home-polish.home-compact.home-refinement #ready-check .check-recommendation h3{font-size:24px;line-height:1.18;margin:12px 0 10px}
body.home-refinement #ready-check .check-result-next{margin-top:13px;padding-top:12px;padding-bottom:12px}
@media(min-width:761px) and (max-width:1050px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #ready-check .check-card{padding:28px;gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}body.home-polish.home-compact.home-refinement #ready-check .check-copy h2{font-size:33px}body.home-polish.home-compact.home-refinement #ready-check .check-copy>p{font-size:14px}body.home-refinement #ready-check .v10-check-answers>div{display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px}body.home-refinement #ready-check .v10-check-status{grid-column:2;justify-self:start;margin-left:0}body.home-refinement #ready-check .v10-check-progress>div:first-child{flex-wrap:wrap;gap:6px}body.home-refinement #ready-check .check-recommendation h3{font-size:22px}}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #ready-check .check-card{grid-template-columns:1fr;padding:28px 24px;gap:27px}body.home-polish.home-compact.home-refinement #ready-check .check-copy h2{font-size:33px}body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #ready-check .check-result-preview{padding:17px;margin:0 -6px}body.home-refinement #ready-check .r-check-mascot{width:320px;height:320px;left:auto;right:-105px;bottom:auto;top:92px;opacity:.07}body.home-refinement #ready-check .check-card:after{opacity:.09;mask-image:linear-gradient(170deg,transparent 10%,#000 80%)}body.home-polish.home-compact.home-refinement #ready-check .check-recommendation{padding:15px 14px 0}body.home-refinement #ready-check .check-result-next{line-height:1.6}}
@media(max-width:370px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #ready-check .check-card{padding:25px 21px}body.home-polish.home-compact.home-refinement #ready-check .check-copy h2{font-size:30px}body.home-polish.home-compact.home-refinement #ready-check .check-recommendation h3{font-size:22px}}
@media(max-width:760px){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #ready-check .check-card:after{opacity:.09;mask-image:linear-gradient(170deg,transparent 10%,#000 80%)}}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #ready-check .check-card:after{aspect-ratio:auto}
.r-prospect-label,.r-prospect-tags>span,.r-conversation-card small{font-size:11px}
@media(max-width:760px){body.home-refinement #ready-check .r-check-mascot{width:210px;height:240px;right:-52px;top:130px;opacity:.08}}
/* On phones, the invitation and sample recommendation carry the message. */
@media(max-width:760px){body.home-refinement #ready-check .v10-check-answers{display:none}body.home-refinement #ready-check .check-recommendation{margin-top:4px}.r-prospect-tags{gap:5px}.r-prospect-tags>span{padding-inline:6px}.r-prospect-heading small,.r-conversation-card small,.r-prospect-check{display:none}}
/* Personal contact stays in the booking shortcut, not in a large founder section. */
body.home-refinement .contact-about-anchor {
  display: block;
  height: 0;
  scroll-margin-top: 110px;
}
body.home-refinement .contact-float {
  position: fixed;
  z-index: 45;
  right: max(24px, env(safe-area-inset-right));
  bottom: max(24px, env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  padding: 8px 20px 8px 9px;
  border: 1px solid #ffffff40;
  border-radius: 999px;
  background: linear-gradient(125deg, #235fd4, #1747ac);
  color: #fff;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
  text-decoration: none;
  box-shadow: inset 0 1px 0 #ffffff30, 0 3px 7px #183f7d18, 0 12px 30px #193b7033;
  transition: transform 180ms ease, box-shadow 180ms ease;
}
body.home-refinement .contact-float[hidden],
body.home-refinement:has(#we-consent:not([hidden])) .contact-float,
body.home-refinement:has(#mobile-toggle:checked) .contact-float {
  display: none;
}
body.home-refinement .contact-float:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 #ffffff40, 0 5px 10px #183f7d20, 0 16px 34px #193b7040;
}
body.home-refinement .contact-float:focus-visible {
  outline: 3px solid #172d42;
  outline-offset: 4px;
}
body.home-refinement .contact-float-photo {
  display: block;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 7px #102b6433;
  box-sizing: border-box;
}
body.home-refinement .contact-float-photo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  transform: scale(1.4);
  transform-origin: 50% 32%;
}
body.home-refinement .contact-float > svg { flex: 0 0 18px; }
@media (max-width: 760px) {
  body.home-refinement .contact-float {
    right: max(14px, env(safe-area-inset-right));
    bottom: calc(56px + env(safe-area-inset-bottom));
    min-height: 56px;
    gap: 9px;
    padding: 7px 14px 7px 7px;
    font-size: 12px;
  }
  body.home-refinement .contact-float-photo { flex-basis: 38px; width: 38px; height: 38px; }
  body.home-refinement .contact-float > svg { width: 16px; flex-basis: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body.home-refinement .contact-float { transition: none; }
  body.home-refinement .contact-float:hover { transform: none; }
}
@media print { body.home-refinement .contact-float { display: none; } }


/* homepage-journey.css */
/* The approved cards become a readable sequence. All content exists without JS. */
.journey-tools{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:22px 0 30px}.journey-route{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.journey-route a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#425e76;font-size:12px;min-height:42px;padding:6px 11px;border:1px solid #cbd9e8;border-radius:12px;background:#f7faff;box-shadow:inset 0 1px 0 #fff}.journey-route a>span{font-size:10px;font-weight:600;color:#57728d}.journey-route a[aria-current=step]{background:#e8efff;border-color:#87a9e4;color:#245bc4;box-shadow:0 6px 14px -9px #245fe566}.journey-toggle{font:inherit;font-size:11px;color:#435f78;background:none;border:0;border-bottom:1px solid #9bb0c7;padding:8px 0;cursor:pointer;white-space:nowrap;min-height:42px}.journey-toggle[hidden]{display:none}.journey-marker{display:none;height:0;position:relative;pointer-events:none}.journey-stack>.journey-marker{display:block}
body.sales-home.home-compact.home-refinement #systeme .b4-grid.journey-stack{display:block;padding-bottom:40px;overflow:visible}
body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #systeme .journey-stack>.b4-tile{position:sticky;top:calc(var(--journey-top,112px) + var(--journey-index,0)*12px);z-index:calc(2 + var(--journey-index,0));margin-bottom:70px;transform-origin:50% 0;transform:scale(var(--journey-scale,1));box-shadow:0 1px 2px #1d385512,0 12px 28px -18px #203e6955,0 34px 65px -44px #172d4280;will-change:transform}
body.home-refinement #systeme .journey-stack>.b4-tile:last-child{margin-bottom:0}
@media(max-width:1049px){.journey-tools{align-items:flex-start;flex-direction:column;gap:12px}.journey-route{gap:7px}.journey-route a{font-size:11px;padding:6px 8px}.journey-toggle{display:none}}
@media(prefers-reduced-motion:reduce){body.sales-home.structure-v6.home-proof-v9.home-polish.home-compact.home-refinement #systeme .journey-stack>.b4-tile{position:relative;top:auto;transform:none;will-change:auto;margin-bottom:24px}}


/* navigation-reveal.css */
/* Header stays in document flow and returns on upward scroll. */
body .site-header{position:sticky;top:0;z-index:110;transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease;background:#f8fbfdee;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body .site-header.header-is-away{transform:translateY(calc(-100% - 6px));pointer-events:none}
body .site-header.header-is-scrolled{box-shadow:0 4px 20px -12px #17354a55;border-bottom:1px solid #dbe5ed}
body .site-header:focus-within,body .site-header:has(.mobile-toggle:checked),body .site-header:has(.nav-trigger[aria-expanded=true]){transform:translateY(0);pointer-events:auto}
html{scroll-padding-top:110px}
@media(max-width:760px){html{scroll-padding-top:88px}}
@media(prefers-reduced-motion:reduce){body .site-header{transition:none}}