/* Customer-facing ADDA website: white, blue, and selective pink accents. */
:root{--ink:#193451;--plum:#183f75;--purple:#245da7;--paper:#fff;--blush:#ff9bce;--lavender:#edf4fc;--line:#dce4ee;--muted:#56667a;--pink:#ed4b9c;--blue:#245fab}
body{background:#fff;color:var(--ink)}
.site-header{background:rgba(255,255,255,.98);border-bottom-color:#dfe6ef;padding-block:20px}
.brand-name{border-color:#cbd8e8}
.private-bar{display:none}
.hero{padding-block:76px 70px;gap:54px}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,6vw,80px);line-height:1.05;letter-spacing:-.05em;color:#183f75}
.hero h1 em{color:#245fab;font-style:normal}
.hero-tagline{font-size:12px;letter-spacing:.08em;font-weight:600;color:#a42367;margin-bottom:23px}
.hero-description{font-size:19px;line-height:1.65;max-width:460px}
.hero-support{font-size:14px;max-width:440px}
.hero .eyebrow{color:#245fab;letter-spacing:.12em}
.header-stage{border:1px solid #dde5ef;box-shadow:0 18px 35px #173b6810;border-radius:14px}
.image-note{font-size:8px;color:#697789}
.hero-footnote{font-size:12px}
.button{background:#245fab;border-color:#245fab;color:#fff;min-height:50px}
.button:hover{background:#194b8d;border-color:#194b8d}
.button.secondary{background:#fff;color:#245fab;border-color:#9eb9db}
.button.secondary:hover{background:#eef5fe;border-color:#245fab}
.button.light{background:#ff9bce;border-color:#ff9bce;color:#173d70}
.button.light:hover{background:#ffb6dc;border-color:#ffb6dc}
.text-link{color:#245fab}
.value-strip{background:#f1f6fc;border-block:1px solid #e2eaf4}
.value-inner{padding-block:24px;gap:30px}
.value-inner>span{font-size:13px;color:#52677f}
.value-inner b{color:#214d87;font-size:17px;font-weight:600;margin-right:8px}
.section{padding-block:88px}
.section-intro{font-size:14px;line-height:1.8;max-width:390px}
.eyebrow{color:#245fab}
.desk-card{background:#fff;border-color:#d9e3ee;box-shadow:0 4px 16px #17416d05}
.desk-card:hover{border-color:#90b2df;box-shadow:0 14px 30px #204a7912}
.desk-card .desk-icon{background:#fff0f7;color:#245fab}
.desk-card:nth-child(even) .desk-icon{background:#edf4fd;color:#245fab}
.desk-index{font-size:9px;color:#617591;letter-spacing:.08em}
.desk-card h3{font-size:24px;line-height:1.2}
.desk-card>p{font-size:14px;line-height:1.7;margin-bottom:25px}
.desk-card .desk-bottom{border-color:#e5ebf3;font-size:12px}
.desk-bottom strong{color:#183f75}
.desk-bottom span:last-child{color:#245fab}
.filter.active,.pass-choices button.active{background:#245fab;color:#fff}
.filter:hover:not(.active){background:#eef5fd}
.filter{font-size:12px}
.search{border-color:#a9bad0}.search input{font-size:13px}
.desk-guidance{border-bottom:1px solid #e4eaf2;padding-bottom:24px;gap:24px}
.desk-guidance>div{font-size:13px}
.workflow{background:#edf4fc;border-color:#dce7f4}
.steps li{border-color:#a8c1e1}
.steps p{font-size:13px;line-height:1.85;color:#4e6480}
.scope-note{background:#fff;border-color:#cfdded;border-left:3px solid #f17db5}
.scope-note p{font-size:12px}
.plan-card{background:#fff;border-color:#d5e0ee;box-shadow:0 4px 20px #1c426b06}
.plan-card.featured{background:#f0f6ff;border-color:#9dbbe2;border-top:3px solid #ed66a7}
.plan-tag{background:#245fab;color:#fff}
.plan-card>p:not(.plan-kicker):not(.plan-price){font-size:13px}
.plan-card ul{font-size:12px}
.plan-card .button{font-size:12px}
.pass-choices{border-color:#d7e1ee}
.about-section{background:#f5f8fc}
.about-art{background:linear-gradient(145deg,#183d70,#2a66ac)}
.art-letters>span{color:#ffa4d2}.art-label,.art-base{color:#edf5ff}
.about-copy>p:not(.eyebrow):not(.large-copy){font-size:14px;color:#53667e}
.faq-list summary{font-size:14px}
.faq-list p{font-size:13px;line-height:1.85}
.contact-section{background:#193f74}
.contact-section em{color:#ffa4d2}
.contact-section p:not(.eyebrow),.contact-actions>a{color:#e0ecfb}
.site-footer{background:#fff}
.site-footer p{font-size:10px}
dialog{background:#fff;border-color:#bed0e7}
.close-dialog{background:#eef5fd;border-color:#dce6f3;color:#214e8c}
.close-dialog:hover{background:#dbeaff}
.detail-output,.request-selection,.bundle-total{background:#edf4fc}
form input,form textarea,form select{border-color:#b7c9df;background:#fff}
.request-summary{background:#f8fbff;border-color:#d5e2f2}
.empty-state{background:#f4f8fd}
.breadcrumb{font-size:12px;color:#61738b;display:flex;gap:12px;padding-top:35px;flex-wrap:wrap}
.breadcrumb a{color:#245fab}.breadcrumb a:hover{text-decoration:underline}
.service-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:48px 70px}
.service-hero h1{font:500 clamp(44px,4.7vw,66px)/1.07 Georgia,serif;color:#183f75;letter-spacing:-.04em;margin:0 0 24px}
.service-lead{font-size:20px;line-height:1.6;max-width:480px}
.service-price{display:flex;gap:15px;align-items:baseline;margin-bottom:25px}
.service-price strong{font-size:34px;color:#245fab;line-height:1}
.service-price span{font-size:12px;color:#63758c}
.service-image{margin:0}.service-image img{width:100%;border-radius:14px;aspect-ratio:3/2;object-fit:contain}
.service-image figcaption{font-size:9px;color:#758297;margin-top:11px}
.service-scope{font-size:11px;line-height:1.8;color:#62758e;margin:20px 0 0;max-width:470px}
.service-content{background:#f4f8fd;padding-block:68px}
.service-content-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}
.service-content h2{font-size:36px;line-height:1.15}
.service-list{list-style:none;margin:24px 0 0;padding:0}
.service-list li{padding:17px 0;border-bottom:1px solid #dce6f3;font-size:15px;line-height:1.7;display:flex;gap:12px}
.service-list li:before{content:'✓';color:#245fab}
.deliverable-box{padding:30px;background:#fff;border:1px solid #dce6f3;border-top:3px solid #f382b9;border-radius:10px}
.deliverable-box h3{font:500 26px/1.2 Georgia,serif;color:#183f75;margin-bottom:18px}
.deliverable-box p{font-size:15px;line-height:1.8;margin:0;color:#536780}
.service-fit{font-size:13px;line-height:1.8;color:#5d7088;margin-top:23px}
.service-prep{padding-block:65px}
.prep-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.prep-layout h2{font-size:36px}.prep-layout p{font-size:14px;color:#62738b;line-height:1.8}
.service-cta{border-radius:12px;background:#edf4fc;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.service-cta h3{font-size:25px;margin:0 0 8px}.service-cta p{font-size:13px;margin:0;color:#65768d}
.more-services{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px;color:#61738b}
.more-services a{border:1px solid #cfdeef;border-radius:20px;padding:9px 15px;color:#245fab;background:white}
.more-services a:hover{background:#edf4fc}
.plan-price-label{font-size:27px;letter-spacing:-.02em;line-height:1.4}
.desk-price-list{margin:0 0 20px;border-top:1px solid #dce6f3}
.desk-price-list>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #e5edf6;font-size:11px;line-height:1.5}
.desk-price-list b{color:#245fab;font-weight:600}
.site-header{padding-block:10px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#245fab 0 58%,#ed5aa2 58% 86%,#c7a258 86%) 1}
.logo-window{display:block;position:relative;width:238px;height:84px;overflow:hidden;flex-shrink:0}
.logo-window img{display:block;width:238px;max-width:none;height:119px;transform:translateY(-21px);object-fit:contain}
.brand{flex-shrink:0}.site-header nav{gap:23px}
.footer-logo{display:inline-block}.footer-logo .logo-window{width:260px;height:94px}
.footer-logo .logo-window img{width:260px;height:130px;transform:translateY(-23px)}
.website-home .hero-tagline{color:#a1286c}.website-home .about-section{background:#fff4f9;border-block:1px solid #f4d5e5}
.website-home .value-strip{border-top:3px solid #f28cbd}
.digital-page.accent-pink main{background:linear-gradient(180deg,#fff8fc 0,#fff 650px)}
.digital-page.accent-blue main{background:linear-gradient(180deg,#f3f8ff 0,#fff 650px)}
.digital-page.accent-pink .digital-desk{background:#fff2f8;border-color:#f0c9dd}
.digital-page.accent-blue .digital-desk{background:#edf5ff;border-color:#c9def8}
.digital-page.accent-pink .digital-session[open]{border-color:#e79cc1;border-left:4px solid #ec67a8}
.digital-page.accent-blue .digital-session[open]{border-left:4px solid #3d80ce}
.digital-page.accent-pink .session-number{background:#ffe1f0;color:#87335e}
.digital-page.accent-blue .session-number{background:#dcecff;color:#245fab}
.digital-page .service-price{padding-left:14px;border-left:3px solid #f17bb4}
.digital-page .service-cta{background:#1b487e;border-top:3px solid #f17bb4;color:white}
.digital-page .service-cta p{color:#dcecff}
.digital-page .service-cta .button{background:#ff9bce;border-color:#ff9bce;color:#163b68}
.digital-page .service-cta .button:hover{background:#ffb2d9;border-color:#ffb2d9}
.digital-page .more-services a:nth-of-type(even){border-color:#edb6d1;background:#fff7fb}
@media(max-width:1100px){.logo-window{width:208px;height:76px}.logo-window img{width:208px;height:104px;transform:translateY(-18px)}.site-header nav{gap:16px;font-size:11px}.site-header nav .button{padding-inline:14px}}
@media(max-width:800px){.site-header{padding-block:8px}.logo-window{width:205px;height:74px}.logo-window img{width:205px;height:102.5px;transform:translateY(-18px)}}
@media(max-width:560px){.logo-window{width:204px;height:72px}.logo-window img{width:204px;height:102px;transform:translateY(-18px)}.footer-logo .logo-window{width:238px;height:84px}.footer-logo .logo-window img{width:238px;height:119px;transform:translateY(-21px)}}
@media(max-width:380px){.site-header{gap:12px}.logo-window{width:165px;height:61px}.logo-window img{width:165px;height:82.5px;transform:translateY(-14px)}}
.session-badge{display:inline-block;border-radius:22px;background:#fff0f7;border:1px solid #f4c8df;padding:8px 15px;font-size:12px;font-weight:600;color:#8e2961;margin-bottom:24px}
.digital-desk{padding:65px 0;background:#f2f7fd;border-block:1px solid #dce7f4;scroll-margin-top:100px}
.digital-desk-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px}
.digital-desk-heading h2{font-size:40px;line-height:1.15;margin:0;max-width:580px}
.digital-desk-heading>p{font-size:13px;color:#61738b;line-height:1.8;max-width:330px;margin:0}
.digital-session{border:1px solid #cfdded;border-radius:12px;background:white;margin-bottom:15px;overflow:hidden}
.digital-session[open]{border-color:#94b6e2;box-shadow:0 8px 22px #214d7b08}
.digital-session>summary{padding:24px;display:flex;align-items:center;gap:20px;list-style:none}
.digital-session>summary:after{display:none}
.session-number{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;flex-shrink:0;background:#eef5fe;color:#245fab;font-size:12px}
.session-name{font-size:18px;line-height:1.4;flex:1;font-weight:500;letter-spacing:-.02em}
.session-name small{font-size:11px;font-weight:400;color:#647790;display:block;margin-top:5px;letter-spacing:0}
.digital-session>summary>strong{font-size:25px;color:#245fab;font-weight:600;white-space:nowrap;letter-spacing:-.03em}
.session-toggle{font-size:26px;line-height:1;color:#557599;font-weight:400;width:20px;text-align:center}
.digital-session[open] .session-toggle{font-size:0}.digital-session[open] .session-toggle:before{content:'−';font-size:26px}
.session-body{padding:0 30px 30px;border-top:1px solid #e3ebf5}
.session-scope{font-size:14px;line-height:1.8;background:#f2f7fe;padding:16px 19px;border-radius:7px;margin:23px 0}
.session-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.session-columns h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#245fab;margin:0}
.session-columns .service-list{margin-top:10px}
.session-columns .service-list li{font-size:13px;padding:11px 0}
.session-deliverable{padding:18px 0 22px;font-size:13px;line-height:1.8;color:#566b85}
.session-deliverable>b{color:#183f75}.session-deliverable p{margin:5px 0 0}
.session-body .button{font-size:12px}
.desk-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:40px}
.desk-periods>div{border-top:2px solid #d6e4f5;padding-top:22px}
.desk-periods>div>span{font-size:9px;font-weight:600;letter-spacing:.1em;color:#245fab}
.desk-periods h3{font-size:20px;line-height:1.3;margin:14px 0 13px}
.desk-periods p{font-size:13px;line-height:1.8;color:#61738b;margin:0}
@media(max-width:800px){.digital-desk-heading{display:block}.digital-desk-heading>p{margin-top:18px;max-width:100%}.digital-desk-heading h2{font-size:35px}.desk-periods{gap:24px}.desk-periods h3{font-size:18px}}
@media(max-width:560px){.digital-desk{padding-block:45px}.digital-desk-heading h2{font-size:31px}.digital-session>summary{padding:19px 16px;gap:11px}.session-number{width:28px;height:28px;font-size:10px}.session-name{font-size:16px}.session-name small{font-size:10px}.digital-session>summary>strong{font-size:21px}.session-body{padding:0 19px 22px}.session-columns{grid-template-columns:1fr;gap:25px}.session-scope{font-size:12px;padding:14px}.session-body .button{width:100%;font-size:11px;padding-inline:16px;gap:10px}.desk-periods{grid-template-columns:1fr;gap:26px}.desk-periods h3{font-size:21px}.session-badge{font-size:11px}.plan-price-label{font-size:28px}}
@media(max-width:1000px){.service-hero{gap:35px}.service-content-grid{gap:40px}.prep-layout{gap:40px}}
@media(max-width:800px){.site-header nav{background:#fff}.menu-toggle{background:#f2f7fd;border-color:#d1deee;color:#214e8c}.hero{padding-block:44px 48px}.hero h1{font-size:65px}.service-hero{grid-template-columns:1fr;gap:34px}.service-image{max-width:650px}.service-hero h1{font-size:54px}.service-content-grid,.prep-layout{grid-template-columns:1fr;gap:35px}.service-cta{align-items:flex-start;flex-direction:column}.value-inner>span{font-size:11px}.value-inner b{font-size:16px;display:block}.section{padding-block:64px}}
@media(max-width:560px){.site-header{padding-block:16px}.hero{padding-block:35px 40px}.hero h1{font-size:58px}.hero-description{font-size:18px}.hero-support{font-size:13px}.hero-tagline{font-size:10px;letter-spacing:.06em}.value-inner{gap:14px}.value-inner>span{font-size:9px}.value-inner b{font-size:14px}.section{padding-block:53px}.section-intro{font-size:13px}.desk-card h3{font-size:25px}.desk-card>p{font-size:14px}.service-hero{padding-block:35px 48px}.service-hero h1{font-size:44px}.service-lead{font-size:18px}.service-hero .button-row{gap:20px}.service-content{padding-block:48px}.service-content h2,.prep-layout h2{font-size:31px}.service-list li{font-size:14px}.deliverable-box{padding:23px}.service-prep{padding-block:46px}.service-cta{padding:24px}.service-cta .button{width:100%}.breadcrumb{padding-top:25px;font-size:11px}.about-copy>p:not(.eyebrow):not(.large-copy){font-size:13px}}
/* Keep hash navigation and keyboard focus predictable on long service pages. */
html{scroll-behavior:auto}
/* Bay Bridge mark: allow its taller tower to remain visible. */
.logo-window{height:90px}.logo-window img{transform:translateY(-14px)}
.footer-logo .logo-window{height:98px}.footer-logo .logo-window img{transform:translateY(-15px)}
@media(max-width:1100px){.logo-window{height:79px}.logo-window img{transform:translateY(-12px)}}
@media(max-width:800px){.logo-window{height:78px}.logo-window img{transform:translateY(-12px)}}
@media(max-width:560px){.footer-logo .logo-window{height:90px}.footer-logo .logo-window img{transform:translateY(-14px)}}
@media(max-width:380px){.logo-window{height:62px}.logo-window img{transform:translateY(-9px)}}
/* Service countdown and quality-first intake. */
.timer-section{background:#f4f8fd;border-block:1px solid #d9e4f0;scroll-margin-top:120px}
.timer-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:start}
.timer-controls{min-width:0}.timer-picker{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;margin:0 0 18px}
.timer-picker select,.timer-picker input{width:100%;padding:13px 12px;border:1px solid #b8cbe0;background:#fff;color:#193451;border-radius:7px;font-size:13px;min-width:0}
.timer-picker small{font-weight:400;color:#5d6e83;font-size:11px;line-height:1.6}
.timer-manual-note,.timer-message{font-size:12px;line-height:1.8;color:#566b83;margin:20px 0}
.timer-controls fieldset{border:1px solid #cddded;border-radius:9px;padding:17px 18px 5px;margin:20px 0;background:#fff}
.timer-controls legend{font-size:12px;font-weight:600;color:#245fab;padding:0 7px}
.timer-controls .check-row{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;font-weight:400;margin-bottom:14px}
.timer-controls .check-row input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;padding:0;accent-color:#245fab}
.timer-board{padding:32px;border:1px solid #cbdced;border-top:4px solid #ffc5de;border-radius:16px;background:white;box-shadow:0 12px 35px #20456908;min-width:0;position:sticky;top:125px}
.timer-board-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px;font-size:11px;color:#245fab;flex-wrap:wrap}
#timer-phase{background:#edf4fc;border-radius:30px;padding:7px 12px;font-weight:600}
.timer-board h3{font:500 25px/1.35 Georgia,serif;color:#183f75;letter-spacing:-.02em}
#timer-countdown{display:block;font-size:clamp(42px,5.2vw,70px);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.3;color:#183f75;letter-spacing:.025em;margin:25px 0 22px}
#timer-progress{display:block;width:100%;height:8px;accent-color:#245fab;margin-bottom:22px;border:0;border-radius:8px;overflow:hidden}
#timer-progress::-webkit-progress-bar{background:#eaf0f8}#timer-progress::-webkit-progress-value{background:#245fab}
#timer-stage{font-size:13px;line-height:1.8;color:#4d6580}
.timer-deadline{font-size:11px;line-height:1.8;color:#586d86;border-block:1px solid #e0e8f3;padding-block:15px;overflow-wrap:anywhere}
.timer-task-list{list-style:none;padding:0;margin:16px 0;font-size:12px;color:#526b87;line-height:1.8}.timer-task-list li{padding:9px 0;border-bottom:1px solid #edf1f7}
.timer-storage-note{font-size:10px;line-height:1.8;color:#687b92;margin-bottom:0}
.timer-board[data-phase="overdue"]{border-top-color:#bd4242}.timer-board[data-phase="overdue"] #timer-phase{background:#fff0f0;color:#a43333}
.timer-board[data-phase="delivered"] #timer-phase{background:#edf6f2;color:#276245}
.timer-capacity{background:#fff4fa;border:1px solid #f0c3d8;border-radius:8px;padding:15px;margin-bottom:20px;font-size:12px;line-height:1.8}
.timer-reset{font-size:11px;color:#65768d;margin-top:20px}.timer-reset summary{cursor:pointer;padding:8px 0}.timer-reset p{font-size:11px;line-height:1.8}
.timer-controls button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.request-timer-link{margin:-7px 0 23px;font-size:12px}
.packet-size-actions{display:flex;gap:25px;flex-wrap:wrap;margin:0 0 22px}.packet-size-actions .text-link{font-size:12px}
.service-quality{border:1px solid #d7e2f1;border-radius:8px;padding:17px 20px;margin:0 0 23px;background:#f9fbff}
.service-quality h3{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#245fab;margin:0}.service-quality .service-list{margin-top:7px}.service-quality .service-list li{font-size:12px;padding:10px 0}.service-quality .service-list li:last-child{border-bottom:0}
.session-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.session-actions .text-link{font-size:12px}
@media(max-width:800px){.timer-layout{grid-template-columns:1fr;gap:28px}.timer-board{position:static}#timer-countdown{font-size:64px}.timer-board{grid-row:1}}
@media(max-width:560px){.timer-board{padding:24px 20px}#timer-countdown{font-size:48px}.timer-board h3{font-size:22px}.timer-board-top{font-size:10px}.timer-section{scroll-margin-top:100px}.session-actions{gap:18px}.session-actions .text-link{font-size:11px}}

/* Hosted Stripe checkout preview */
.checkout-panel{margin-top:30px;padding:23px;border:1px solid #d7dfeb;background:#f3f7fc;border-radius:12px}
.checkout-panel h3{font-size:24px;color:#173b68;margin-bottom:12px}
.checkout-panel p{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.checkout-panel .checkout-badge{display:inline-block;background:#ffe3ee;color:#74405b;padding:5px 9px;font-size:9px;letter-spacing:.07em;font-weight:700;border-radius:4px}
.checkout-confirm{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;margin:18px 0;cursor:pointer}
.checkout-confirm input{width:18px;height:18px;flex:0 0 18px;accent-color:#173f75;margin:1px 0 0}
#stripe-checkout[aria-disabled="true"]{opacity:.48;cursor:default;transform:none}
.checkout-panel .form-note{margin:14px 0 0;font-size:10px}
