.acp-demo-page{--paper:#f7f4ed;--ink:#17140f;--muted:#6b6357;--rule:#ded7c9;--accent:#c43c16}
.acp-demo-page *{box-sizing:border-box}
.acp-demo-page{scroll-behavior:smooth;scroll-padding-top:100px}
.acp-demo-page{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans",Arial,sans-serif;font-size:16px;line-height:1.7}
.acp-demo-page a{color:inherit}
.acp-demo-page button{font:inherit}
.acp-demo-page img{display:block;max-width:100%;height:auto}
.acp-demo-page figure{margin:0}
.acp-demo-page p{margin:0 0 20px}
.acp-demo-page h1,.acp-demo-page h2,.acp-demo-page h3{margin:0;font-weight:400}
.acp-demo-page h1,.acp-demo-page h2{font-family:"Instrument Serif",Georgia,serif;line-height:1.07;letter-spacing:-.025em}
.acp-demo-page h1{font-size:clamp(46px,5.2vw,76px);margin:18px 0 26px}
.acp-demo-page h2{font-size:clamp(36px,4vw,54px);margin:14px 0 24px}
.acp-demo-page h3{font-family:"IBM Plex Sans",Arial,sans-serif;font-size:21px;font-weight:600;line-height:1.35;margin-bottom:14px}
.acp-demo-page .shell{max-width:1288px;margin:0 auto;padding-left:32px;padding-right:32px}
.acp-demo-page .site-header{background:rgba(247,244,237,.97);border-bottom:1px solid var(--rule)}
.acp-demo-page .header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.acp-demo-page .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:25px;font-weight:600;letter-spacing:-1px;white-space:nowrap}
.acp-demo-page .brand span span,.acp-demo-page .brand>span:last-child:not(:first-child){color:var(--accent)}
.acp-demo-page .brand>span:has(span){color:var(--ink)!important}
.acp-demo-page .page-nav{display:flex;gap:28px;font-size:14px}
.acp-demo-page .page-nav a,.acp-demo-page .languages a,.acp-demo-page .back-link,.acp-demo-page .text-link{text-decoration:none}
.acp-demo-page .page-nav a:hover,.acp-demo-page .text-link:hover,.acp-demo-page .site-footer a:hover{color:var(--accent)}
.acp-demo-page .languages{display:flex;gap:4px}
.acp-demo-page .languages a{font-size:12px;letter-spacing:.05em;padding:6px 8px;border-radius:5px}
.acp-demo-page .languages a[aria-current=page]{background:var(--ink);color:var(--paper)}
.acp-demo-page .back-link{display:inline-flex;gap:10px;margin:24px 0 0;font-size:13px;color:var(--muted)}
.acp-demo-page .back-link:hover{color:var(--accent)}
.acp-demo-page .hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;padding-top:46px;padding-bottom:76px}
.acp-demo-page .eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;color:var(--accent);margin-bottom:10px}
.acp-demo-page .lead{font-size:18px;line-height:1.7;color:#4a443b;max-width:580px}
.acp-demo-page .actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:28px 0 14px}
.acp-demo-page .actions form{margin:0}
.acp-demo-page .button{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;padding:15px 22px;border-radius:6px;border:1px solid transparent;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.acp-demo-page .button-primary{background:var(--accent);color:#fff}
.acp-demo-page .button-primary:hover{background:#a83212}
.acp-demo-page .button-primary:disabled{opacity:.7;cursor:wait}
.acp-demo-page .button-secondary{border-color:var(--rule);background:transparent;color:var(--paper)}
.acp-demo-page .button-secondary:hover{background:#ffffff12}
.acp-demo-page .ready{font-size:12px;color:var(--muted);margin-bottom:24px}
.acp-demo-page .ready span{color:#14453a;margin-right:5px}
.acp-demo-page .text-link{font-size:14px;border-bottom:1px solid var(--rule);padding-bottom:5px}
.acp-demo-page .hero-preview{border:1px solid var(--rule);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #17140f14;transform:rotate(1deg)}
.acp-demo-page .browser-bar{display:flex;align-items:center;justify-content:space-between;font-size:11px;background:#ede8dd;padding:12px 16px;color:#4a443b}
.acp-demo-page .browser-dots{color:#bfb5a3;font-size:10px;letter-spacing:3px}
.acp-demo-page .preview-tag{border:1px solid #bfb5a3;border-radius:3px;padding:2px 5px;margin-left:8px;font-size:9px}
.acp-demo-page .hero-preview figcaption,.acp-demo-page .ai-preview figcaption{font-size:12px;padding:14px 16px;color:var(--muted);border-top:1px solid var(--rule)}
.acp-demo-page .stats{display:grid;grid-template-columns:repeat(5,1fr);padding-top:28px;padding-bottom:28px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.acp-demo-page .stats>div{padding:4px 20px;border-right:1px solid var(--rule)}
.acp-demo-page .stats>div:first-child{padding-left:0}
.acp-demo-page .stats>div:last-child{border:0}
.acp-demo-page .stats strong{display:block;font-family:"Instrument Serif",Georgia,serif;font-size:48px;font-weight:400;line-height:1.2}
.acp-demo-page .stats span{display:block;font-size:13px;color:var(--muted);margin-top:7px}
.acp-demo-page .section{padding-top:100px;padding-bottom:100px}
.acp-demo-page .section-intro{max-width:760px;margin-bottom:42px}
.acp-demo-page .section-intro>p:last-child{color:#4a443b}
.acp-demo-page .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.acp-demo-page .feature-card{padding:30px;background:#fff;border:1px solid var(--rule);border-radius:8px}
.acp-demo-page .feature-card p{color:#4a443b;font-size:15px;margin-bottom:0}
.acp-demo-page .card-number{display:block;font-size:12px;letter-spacing:.1em;color:var(--accent);margin-bottom:28px}
.acp-demo-page .ai-section{background:#ede8dd;padding:80px 0}
.acp-demo-page .ai-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.acp-demo-page .ai-preview{background:#fff;border:1px solid var(--rule);border-radius:10px;overflow:hidden}
.acp-demo-page .ai-grid>div>p:not(.eyebrow){color:#4a443b}
.acp-demo-page .check-list{list-style:none;margin:24px 0 0;padding:0}
.acp-demo-page .check-list li{padding-left:25px;position:relative;margin:12px 0;font-size:15px}
.acp-demo-page .check-list li:before{content:"✓";position:absolute;left:0;color:var(--accent)}
.acp-demo-page .steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:0;margin:0;list-style:none}
.acp-demo-page .steps li{counter-increment:step;padding-top:18px;border-top:1px solid var(--rule)}
.acp-demo-page .steps li:before{content:"0" counter(step);display:block;color:var(--accent);font-size:12px;letter-spacing:.1em;margin-bottom:20px}
.acp-demo-page .steps p{color:#4a443b;font-size:15px}
.acp-demo-page .scope{background:#ede8dd;border:1px solid var(--rule);border-radius:10px;padding-top:44px;padding-bottom:28px;max-width:1224px}
.acp-demo-page .scope>h2{font-size:40px}
.acp-demo-page .scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.acp-demo-page .scope-grid>div:last-child{border-left:1px solid #cfc6b7;padding-left:40px}
.acp-demo-page .scope-grid h3{font-size:18px}
.acp-demo-page .scope-note{font-size:13px;color:#6b6357;border-top:1px solid #cfc6b7;padding-top:22px;margin-top:28px}
.acp-demo-page .faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.acp-demo-page .faq details{border-bottom:1px solid var(--rule);padding:22px 0}
.acp-demo-page .faq details:first-child{border-top:1px solid var(--rule)}
.acp-demo-page .faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:20px;list-style:none;font-weight:600;cursor:pointer;line-height:1.5}
.acp-demo-page .faq summary::-webkit-details-marker{display:none}
.acp-demo-page .faq summary>span{font-size:24px;color:var(--accent);font-weight:400}
.acp-demo-page .faq details[open] summary>span{transform:rotate(45deg)}
.acp-demo-page .faq details p{margin:18px 35px 0 0;color:#4a443b;font-size:15px}
.acp-demo-page .final-cta{padding:76px 0;background:var(--ink);color:var(--paper)}
.acp-demo-page .final-cta .eyebrow{color:#f2a083}
.acp-demo-page .final-cta h2{max-width:750px}
.acp-demo-page .final-cta p:not(.eyebrow){color:#d6ccbc;max-width:700px}
.acp-demo-page .site-footer{display:flex;justify-content:space-between;gap:36px;padding-top:46px;padding-bottom:46px}
.acp-demo-page .site-footer p{font-size:13px;color:var(--muted);margin-top:10px}
.acp-demo-page .site-footer nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:13px}
.acp-demo-page .site-footer nav a{text-decoration:none}
.acp-demo-page .loading-note{font-size:13px;color:#6b6357}
.acp-demo-page .status{margin-top:24px;border:1px solid var(--rule);padding:16px 20px;border-radius:8px;background:#ede8dd}
.acp-demo-page a:focus-visible,.acp-demo-page button:focus-visible,.acp-demo-page summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.acp-demo-page [hidden]{display:none!important}
@media (max-width:1000px){.acp-demo-page .hero{gap:30px}
.acp-demo-page .hero-preview{transform:none}
.acp-demo-page .ai-grid{gap:36px}
.acp-demo-page .page-nav{display:none}
.acp-demo-page .faq{gap:36px}
.acp-demo-page .feature-card{padding:22px}
.acp-demo-page .scope{margin-left:24px;margin-right:24px}
.acp-demo-page .site-footer{flex-direction:column}}
@media (max-width:760px){.acp-demo-page{scroll-padding-top:24px}
.acp-demo-page .shell{padding-left:22px;padding-right:22px}
.acp-demo-page .header-inner{min-height:76px;gap:12px}
.acp-demo-page .brand{font-size:22px}
.acp-demo-page .brand img{width:30px}
.acp-demo-page .languages{gap:0}
.acp-demo-page .languages a{padding:6px;font-size:11px}
.acp-demo-page .hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:44px;gap:34px}
.acp-demo-page .hero-copy{max-width:600px}
.acp-demo-page .hero h1{font-size:clamp(43px,10vw,64px)}
.acp-demo-page .hero .lead{font-size:17px}
.acp-demo-page .hero-preview{max-width:640px;width:100%}
.acp-demo-page .stats{grid-template-columns:repeat(3,1fr);gap:22px 0;padding-top:22px;padding-bottom:22px}
.acp-demo-page .stats>div{padding:0 16px}
.acp-demo-page .stats>div:nth-child(3){border-right:0}
.acp-demo-page .stats>div:nth-child(4){padding-left:0}
.acp-demo-page .stats strong{font-size:38px}
.acp-demo-page .stats span{font-size:12px}
.acp-demo-page .section{padding-top:64px;padding-bottom:64px}
.acp-demo-page .feature-grid,.acp-demo-page .steps,.acp-demo-page .ai-grid,.acp-demo-page .faq,.acp-demo-page .scope-grid{grid-template-columns:1fr}
.acp-demo-page .section-intro{margin-bottom:30px}
.acp-demo-page .feature-card{padding:26px}
.acp-demo-page .card-number{margin-bottom:14px}
.acp-demo-page .ai-section{padding:54px 0}
.acp-demo-page .ai-grid{gap:36px}
.acp-demo-page .ai-grid>div{grid-row:1}
.acp-demo-page .steps{gap:24px}
.acp-demo-page .scope{margin-left:16px;margin-right:16px;padding:28px 22px 12px}
.acp-demo-page .scope-grid{gap:24px}
.acp-demo-page .scope-grid>div:last-child{padding:22px 0 0;border-left:0;border-top:1px solid #cfc6b7}
.acp-demo-page .scope>h2{font-size:35px}
.acp-demo-page .faq{gap:0}
.acp-demo-page .final-cta{padding:56px 0}
.acp-demo-page .final-cta .actions{align-items:stretch;flex-direction:column}
.acp-demo-page .final-cta .button{width:100%}
.acp-demo-page .site-footer nav{align-items:flex-start;flex-direction:column;gap:14px}
.acp-demo-page .ready{font-size:11px}
.acp-demo-page .back-link{font-size:12px}
.acp-demo-page .button{font-size:14px;padding:15px 18px}}
@media (prefers-reduced-motion:reduce){.acp-demo-page{scroll-behavior:auto}
.acp-demo-page *{transition:none!important}}
.acp-demo-page .site-header{position:sticky;top:0;z-index:100;box-shadow:0 2px 16px #17140f08}
.acp-demo-page .hero-background{display:block;margin-top:24px;padding:0;background:linear-gradient(90deg,rgba(20,36,43,.92) 0%,rgba(20,36,43,.80) 45%,rgba(20,36,43,.32) 100%),url("https://app.adcompro.app/demo-assets/team-hero.webp") center/cover no-repeat;color:#fff}
.acp-demo-page .hero-inner{min-height:620px;display:flex;align-items:center;padding-top:64px;padding-bottom:64px}
.acp-demo-page .hero-background .hero-copy{max-width:690px}
.acp-demo-page .hero-background h1{font-size:clamp(46px,5.2vw,76px)}
.acp-demo-page .hero-background .eyebrow{color:#ffb29b}
.acp-demo-page .hero-background .lead{color:#f0eeea;max-width:640px}
.acp-demo-page .hero-background .ready,.acp-demo-page .hero-background .loading-note{color:#e9e5dd}
.acp-demo-page .hero-background .ready span{color:#c5e4d9}
.acp-demo-page .hero-background .text-link{color:#fff;border-color:#ffffff66}
.acp-demo-page .hero-background .text-link:hover{color:#ffb29b}
.acp-demo-page .product-preview{padding-top:48px;padding-bottom:56px}
.acp-demo-page .product-preview .hero-preview{max-width:960px;margin:auto;transform:none}
.acp-demo-page .feature-grid{grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){.acp-demo-page{scroll-padding-top:96px}
.acp-demo-page .hero-background{background-position:60% center}
.acp-demo-page .hero-inner{min-height:600px;padding-top:42px;padding-bottom:42px}
.acp-demo-page .hero-background h1{font-size:clamp(43px,10vw,64px)}
.acp-demo-page .product-preview{padding-top:30px;padding-bottom:36px}
.acp-demo-page .feature-grid{grid-template-columns:1fr}}
.acp-demo-page .personal-section{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;padding-top:90px}
.acp-demo-page .personal-photo{overflow:hidden;background:#ede8dd;border:1px solid var(--rule);border-radius:10px}
.acp-demo-page .personal-photo img{width:100%;height:auto}
.acp-demo-page .personal-photo figcaption{padding:18px 24px}
.acp-demo-page .personal-photo figcaption strong{display:block;font-size:17px;font-weight:600}
.acp-demo-page .personal-photo figcaption span{display:block;font-size:13px;color:var(--muted)}
.acp-demo-page .personal-copy>p:not(.eyebrow){color:#4a443b}
.acp-demo-page .personal-copy .text-link{display:inline-block;color:var(--accent)}
@media (max-width:760px){.acp-demo-page .personal-section{grid-template-columns:1fr;gap:30px;padding-top:64px}
.acp-demo-page .personal-photo{max-width:520px}
.acp-demo-page .personal-copy h2{font-size:38px}}
.acp-demo-page .demo-device-notice{display:none;box-sizing:border-box;max-width:760px;margin:24px auto;padding:28px;background:#f7f4ed;border:1px solid #ded7c9;border-top:4px solid #c43c16;border-radius:14px;color:#17140f;font:15px/1.65 system-ui,sans-serif}
.acp-demo-page .demo-device-notice h2{font-size:clamp(25px,5vw,36px);line-height:1.2;margin:10px 0 18px;letter-spacing:-.6px}
.acp-demo-page .demo-device-notice p{margin:12px 0}
.acp-demo-page .demo-device-eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#8d321b}
.acp-demo-page .demo-device-icon{display:block;width:48px;height:32px;border:2px solid #c43c16;border-radius:5px;color:transparent;margin-bottom:18px;box-shadow:0 9px 0 -6px #c43c16}
.acp-demo-page .demo-device-next{background:#fff;border:1px solid #ded7c9;border-radius:8px;padding:16px;margin-top:20px}
.acp-demo-page .demo-device-next p{margin:5px 0}
.acp-demo-page .demo-device-next a{color:#a83212;overflow-wrap:anywhere;text-decoration:underline}
.acp-demo-page .demo-device-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.acp-demo-page .demo-device-actions a{display:inline-block;padding:10px 14px;border:1px solid #ded7c9;border-radius:6px;color:#17140f;text-decoration:none;font-weight:600;font-size:13px}
.acp-demo-page .demo-device-actions a:first-child{background:#c43c16;color:#fff;border-color:#c43c16}
.acp-demo-page .demo-device-notice form{margin-top:16px}
.acp-demo-page .demo-device-notice button{font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;background:none;border:0;color:#6b6357}
.acp-demo-page .demo-device-notice :is(a,button):focus-visible{outline:2px solid #c43c16;outline-offset:3px}
.demo-mobile-device .acp-demo-page .demo-device-notice{display:block}
.demo-mobile-device .acp-demo-page .demo-desktop-action,.demo-mobile-device .acp-demo-page .ready,.demo-mobile-device .acp-demo-page .acp-demo>.min-h-screen,.demo-mobile-device .acp-demo-page .acp-demo>.skip-link{display:none!important}
@media (max-width:1023px){.acp-demo-page .demo-device-notice{display:block;margin:16px;padding:24px}
.acp-demo-page .demo-desktop-action,.acp-demo-page .ready,.acp-demo-page .acp-demo>.min-h-screen,.acp-demo-page .acp-demo>.skip-link{display:none!important}}
.acp-demo-page{width:100%;max-width:none!important;margin:0!important}.acp-demo-page .hero-background{margin-top:0}.acp-demo-page [id]{scroll-margin-top:160px}.acp-demo-page a:focus-visible{outline:3px solid #c43c16;outline-offset:4px}.acp-demo-page .button-primary{color:#fff}.acp-demo-page .demo-device-notice{margin:24px auto}.acp-demo-page .demo-device-notice h2{font-family:inherit}

.acp-demo-page{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.acp-demo-page .hero-background h1,.acp-demo-page .final-cta h2{color:#fff}