/* UnderChat presentation visual system — shared by strategic landing pages */
:is(.auto-page,.team-page){--uc-navy:#061a3c;--uc-navy-2:#0a244d;--uc-blue:#0878f9;--uc-cyan:#10dac3;--uc-ink:#07152f;--uc-muted:#5e6e88;--uc-line:#dce6f2;--uc-paper:#f6f9fd;background:#fff;color:var(--uc-ink)}
:is(.auto-page,.team-page) .site-header{position:absolute;top:22px;right:0;left:0;z-index:40;background:transparent;box-shadow:none}
:is(.auto-page,.team-page) .nav-shell{min-height:80px;padding:12px 18px 12px 24px;border:1px solid rgba(255,255,255,.38);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 24px 65px rgba(2,17,42,.18);backdrop-filter:blur(18px)}
:is(.auto-page,.team-page) .brand{flex:0 0 170px}
:is(.auto-page,.team-page) .brand img{display:block;width:170px;height:auto}
:is(.auto-page,.team-page) .main-nav{flex:0 1 auto;min-width:0}
:is(.auto-page,.team-page) .nav-actions{flex:0 0 auto}
:is(.auto-page,.team-page) .main-nav a{color:#42536d;font-size:14px;font-weight:700}
:is(.auto-page,.team-page) .main-nav a:hover{color:var(--uc-blue)}
:is(.auto-page,.team-page) .nav-actions .login{border-color:#cbd9e9;color:#233652}
:is(.auto-page,.team-page) .nav-actions .button{border-color:#20c56c;background:#20c56c;box-shadow:0 12px 30px rgba(32,197,108,.2)}

/* Hero thesis */
:is(.auto-hero,.intent-hero,.team-hero){position:relative;min-height:900px;padding:158px 0 92px;overflow:hidden;color:#fff;background:radial-gradient(circle at 76% 16%,rgba(8,120,249,.5),transparent 37%),linear-gradient(145deg,#04132f 0%,#071d42 58%,#07326c 100%)}
:is(.auto-hero,.intent-hero,.team-hero):after{position:absolute;top:65px;right:-155px;width:610px;height:610px;border:1px solid rgba(16,218,195,.28);border-radius:50%;content:"";pointer-events:none}
:is(.auto-grid-bg,.intent-grid,.team-grid-bg){opacity:.12!important;background-size:48px 48px!important}
:is(.auto-hero-grid,.intent-hero-grid,.team-hero-grid){position:relative;z-index:2;gap:68px;align-items:center}
:is(.auto-breadcrumb,.team-breadcrumb){margin-bottom:30px;color:#89a3c2}
:is(.auto-breadcrumb,.team-breadcrumb) a{color:#65ead6}
:is(.auto-kicker,.team-kicker){color:var(--uc-cyan);letter-spacing:.14em}
:is(.auto-kicker,.team-kicker) i{background:var(--uc-cyan);box-shadow:0 0 0 7px rgba(16,218,195,.12)}
:is(.auto-hero,.intent-hero,.team-hero) h1{max-width:760px;margin:25px 0;font-size:clamp(54px,5.35vw,78px);line-height:.98;letter-spacing:-.055em;color:#fff}
:is(.auto-hero,.intent-hero,.team-hero) h1 em{color:var(--uc-cyan);font-style:normal;text-shadow:none}
:is(.auto-lead,.intent-lead,.team-lead){max-width:700px;color:#c4d4e8!important;font-size:19px;line-height:1.65}
:is(.auto-actions,.team-actions){margin-top:32px}
:is(.auto-actions,.team-actions) .button{border-color:var(--uc-cyan);background:var(--uc-cyan);color:var(--uc-ink);box-shadow:0 18px 42px rgba(16,218,195,.18)}
:is(.auto-actions,.team-actions)>a:not(.button){color:#fff}
:is(.auto-trust,.team-proof){color:#dce9f7}
:is(.auto-trust,.team-proof) li:before{color:var(--uc-cyan)}

/* Real product screens */
:is(.auto-hero-screen,.company-stage figure,.team-screen){overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:25px;background:#fff;box-shadow:0 45px 100px rgba(0,0,0,.34);transform:perspective(1200px) rotateY(-3deg)}
:is(.auto-hero-screen,.company-stage figure,.team-screen) img{display:block;width:100%;height:auto}
:is(.auto-time-pill,.company-status,.team-live){border-color:rgba(255,255,255,.2);background:rgba(5,21,49,.78);color:#fff;backdrop-filter:blur(14px)}
:is(.auto-event,.metric-card,.team-float){border:1px solid rgba(255,255,255,.45);box-shadow:0 20px 52px rgba(0,0,0,.24)}
.clock-stage{filter:drop-shadow(0 32px 50px rgba(0,0,0,.22))}
.clock-face{border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.97)!important;color:var(--uc-ink)!important}
.time-card{border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important}

/* Process rails encode the actual workflow */
:is(.auto-clock-strip,.team-command){position:relative;z-index:4;border:0;background:#03132f;color:#fff}
:is(.auto-clock-strip,.team-command) .container{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#071d42}
.auto-clock-strip .container>div>span,.team-command article>span{background:rgba(8,120,249,.22);color:#78baff}
.auto-clock-strip small,.team-command small{color:#7894b6}
.auto-clock-strip strong,.team-command strong{color:#fff}

/* Editorial rhythm */
:is(.auto-intro,.intent-intro,.team-story){padding:140px 0;background:#fff}
:is(.auto-intro,.intent-intro,.team-story) h2{font-size:clamp(44px,4.8vw,68px);line-height:1.02;letter-spacing:-.05em}
:is(.auto-intro,.intent-intro,.team-story) h2 em{color:var(--uc-blue);font-style:normal}
:is(.auto-intro,.intent-intro,.team-story) p{color:var(--uc-muted);font-size:18px;line-height:1.75}
:is(.auto-use-cases,.intent-cards,.team-scale,.team-faq,.auto-faq){padding:135px 0;background:var(--uc-paper)}
:is(.auto-section-head,.team-section-head) h2{letter-spacing:-.045em}
:is(.auto-section-head,.team-section-head) h2 em{color:var(--uc-blue);font-style:normal}
:is(.auto-use-grid,.intent-card-grid,.team-scale-grid) article{border-color:var(--uc-line);border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(6,26,60,.06);transition:transform .25s,box-shadow .25s,border-color .25s}
:is(.auto-use-grid,.intent-card-grid,.team-scale-grid) article:hover{border-color:#9ecaff;box-shadow:0 24px 55px rgba(6,26,60,.11);transform:translateY(-5px)}
:is(.auto-use-grid,.intent-card-grid,.team-scale-grid) article>span{color:#008f79}

/* Dark operation chapters */
:is(.auto-hours,.operations-section,.auto-handoff,.routine-section,.team-routing,.team-mobile){padding:145px 0;background:linear-gradient(150deg,#061a3c,#07346e);color:#fff}
:is(.auto-hours,.operations-section,.auto-handoff,.routine-section,.team-routing,.team-mobile) h2{color:#fff;letter-spacing:-.05em}
:is(.auto-hours,.operations-section,.auto-handoff,.routine-section,.team-routing,.team-mobile) h2 em{color:var(--uc-cyan);font-style:normal}
:is(.auto-hours,.operations-section,.auto-handoff,.routine-section,.team-routing,.team-mobile) p{color:#b7c9dc}
.operations-board{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.1)!important}
.operations-board article{background:var(--uc-navy-2)!important}
.operations-board article span{color:var(--uc-cyan)!important}
:is(.auto-schedule,.day-track,.auto-handoff-visual){border-color:rgba(255,255,255,.18)!important;background:#fff!important;color:var(--uc-ink);box-shadow:0 38px 85px rgba(0,0,0,.24)}
.routine-section .day-track{border:0!important;background:transparent!important;box-shadow:none;color:#fff}
.routine-section .day-track:before{background:linear-gradient(var(--uc-cyan),#4d88cf)}
.routine-section .day-track article{border-color:#31557f;background:#0a244d;box-shadow:0 16px 38px rgba(1,12,31,.18)}
.routine-section .day-track article.active{border-color:var(--uc-cyan);background:#0b3158;box-shadow:0 18px 45px rgba(16,218,195,.1)}
.routine-section .day-track article strong{color:#edf5ff}
.routine-section .day-track article small{color:var(--uc-cyan)}
.routine-section .day-track article time{color:#75b6ff}

/* Proof sections: make product evidence readable */
:is(.auto-scheduling,.company-proof,.team-mobile){position:relative}
.company-proof{padding:145px 0;background:#fff}
.company-proof figure{padding:18px;border:1px solid var(--uc-line);border-radius:28px;background:var(--uc-paper);box-shadow:0 32px 75px rgba(6,26,60,.13)}
.company-proof figure img{display:block;max-height:760px;margin:auto;border-radius:15px;object-fit:contain}
:is(.auto-scheduling,.company-proof) h2 em{color:var(--uc-blue);font-style:normal}
.team-mobile .team-device{border-color:rgba(255,255,255,.22);box-shadow:0 35px 80px rgba(0,0,0,.28)}

/* FAQ and finish */
:is(.auto-faq-list,.team-faq-list){border-top-color:var(--uc-ink)}
:is(.auto-faq-list,.team-faq-list) details{border-bottom-color:#cad8e7}
:is(.auto-faq-list,.team-faq-list) summary:after{color:var(--uc-blue)}
:is(.auto-final,.team-final){padding:135px 0;background:var(--uc-navy);color:#fff}
:is(.auto-final-card,.team-final-card){border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(135deg,#071b3e,#0b2d5d);box-shadow:0 30px 90px rgba(0,0,0,.22)}
:is(.auto-final,.team-final) h2{color:#fff}

/* Stable dark footer across all four pages */
:is(.auto-page,.team-page) footer{display:block!important;margin:0!important;padding:72px 0 26px!important;border:0!important;background:#03112a!important;color:#94a9c3!important}
:is(.auto-page,.team-page) .footer-grid{display:grid!important;grid-template-columns:1.7fr repeat(3,1fr)!important;gap:52px!important;align-items:start!important}
:is(.auto-page,.team-page) .footer-grid>div{display:block!important;width:auto!important;margin:0!important;padding:0!important}
:is(.auto-page,.team-page) .footer-grid img{display:block;margin:0 0 18px}
:is(.auto-page,.team-page) .footer-grid p{max-width:330px;margin:0;color:#91a5bd;font-size:14px}
:is(.auto-page,.team-page) .footer-grid b{display:block;margin-bottom:15px;color:#fff;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
:is(.auto-page,.team-page) .footer-grid a{display:block;padding:6px 0;color:#9eafc4;font-size:13px;text-decoration:none}
:is(.auto-page,.team-page) .footer-grid a:hover{color:var(--uc-cyan)}
:is(.auto-page,.team-page) .footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:50px!important;padding-top:22px!important;border-top:1px solid #20324b!important;color:#6f849f!important;font-size:11px!important}
:is(.auto-page,.team-page) .footer-legal{display:flex;gap:10px}
:is(.auto-page,.team-page) .footer-legal a{padding:8px 12px;border:1px solid #263b57;border-radius:8px;color:#a8b8ca;text-decoration:none}

@media(max-width:1100px){:is(.auto-hero,.intent-hero,.team-hero){min-height:auto}:is(.auto-hero-grid,.intent-hero-grid,.team-hero-grid){gap:55px}:is(.auto-hero-screen,.company-stage figure,.team-screen){transform:none}:is(.auto-page,.team-page) .main-nav{display:none}}
@media(max-width:760px){:is(.auto-page,.team-page){overflow-x:clip}:is(.auto-page,.team-page) .site-header{top:12px}:is(.auto-page,.team-page) .nav-shell{min-height:68px;padding:9px 14px;border-radius:16px}:is(.auto-page,.team-page) .brand img{width:146px}:is(.auto-hero,.intent-hero,.team-hero){padding:112px 0 72px}:is(.auto-hero,.intent-hero,.team-hero) h1{font-size:42px}:is(.auto-lead,.intent-lead,.team-lead){font-size:17px}:is(.auto-actions,.team-actions){align-items:stretch;flex-direction:column}:is(.auto-actions,.team-actions)>a{text-align:center}:is(.auto-intro,.intent-intro,.team-story,.auto-use-cases,.intent-cards,.team-scale,.team-faq,.auto-faq,.auto-hours,.operations-section,.auto-handoff,.routine-section,.team-routing,.team-mobile,.company-proof,:is(.auto-final,.team-final)){padding:86px 0}:is(.auto-page,.team-page) .footer-grid{grid-template-columns:1fr 1fr!important;gap:34px!important}:is(.auto-page,.team-page) .footer-grid>div:first-child{grid-column:1/-1}:is(.auto-page,.team-page) .footer-bottom{align-items:flex-start!important;flex-direction:column;gap:15px}:is(.auto-page,.team-page) .footer-legal{flex-wrap:wrap}.company-proof figure img{max-height:660px}}
@media(max-width:480px){:is(.auto-page,.team-page) .footer-grid{grid-template-columns:1fr!important}:is(.auto-page,.team-page) .footer-grid>div:first-child{grid-column:auto}:is(.auto-hero,.intent-hero,.team-hero) h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){:is(.auto-use-grid,.intent-card-grid,.team-scale-grid) article{transition:none}}