@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap');
:root{--paper:#080c12;--ink:#f5f7fb;--muted:#a4b2c5;--blue:#2fc2fa;--line:#253041;--dark:#101722;--display:'Barlow Condensed','Arial Narrow',Arial,sans-serif}
body{background:#080c12;color:#f5f7fb}.wrap{width:min(1240px,calc(100% - 96px))}.announcement{text-align:center;padding:10px 20px;background:linear-gradient(90deg,#071d2c,#104668,#071d2c);color:#c6ebfc;font-size:.73rem;letter-spacing:.04em}.site-header{min-height:100px;border-color:#233144}.brand{font-family:var(--sans);font-weight:700}.brand-mark{background:#25bcf5;color:#07121b}.brand-sub{font-size:.6rem;color:#859ab2;letter-spacing:.1em}.site-header nav{font-size:.8rem;gap:28px}.header-cta{background:#25bcf5;color:#07121b;border:0;border-radius:30px;padding:13px 21px;font-size:.78rem}.eyebrow{color:#39c3f8;font-size:.7rem;letter-spacing:.12em}
.hero{position:relative;display:block;padding-block:95px 90px;background:radial-gradient(ellipse at 95% 45%,#0c3554 0%,transparent 55%);isolation:isolate}.hero:after{content:'d.';position:absolute;right:2%;top:8%;font:800 clamp(14rem,29vw,26rem)/1 var(--sans);letter-spacing:-.1em;color:#24bbf508;z-index:-1;text-shadow:0 0 80px #25bcf510;pointer-events:none}.hero-copy{max-width:1000px}.hero h1{font:700 clamp(4.1rem,7.8vw,7.5rem)/.96 var(--display);letter-spacing:-.015em;margin:24px 0 30px;max-width:1000px}.hero h1 span{color:#2cc4fb}.hero-intro{max-width:620px;color:#b0bfd2;font-size:1.12rem;line-height:1.75}.hero-actions{gap:24px;margin-top:30px}.button{border-radius:30px;font-size:.87rem;padding:17px 23px;font-weight:650}.primary{color:#07121b;background:#2fc2fa}.primary:hover{background:#7fdcff}.hero-secondary{font-size:.85rem;color:#c0d7e8}.hero-note{font-size:.74rem;color:#8198b1;line-height:1.8;margin-top:24px}
.offer-hub{padding-block:60px 80px;text-align:center}.offer-hub h2,.faq h2{font:700 clamp(3rem,4.8vw,4.8rem)/1 var(--display);letter-spacing:-.01em;margin:15px 0 23px}.hub-intro{font-size:1rem;line-height:1.75;color:#94a7bf}.offer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:39px;text-align:left}.offer-card{grid-column:span 2;padding:28px 25px;border:1px solid #25374d;background:linear-gradient(140deg,#12273b,#0d141f 85%);border-radius:9px;display:flex;flex-direction:column;transition:border-color .2s}.offer-card.featured{grid-column:span 3;padding:34px;background:radial-gradient(ellipse at 95% 0,#125a7b80,transparent 70%),#102031}.offer-card:hover{border-color:#3f90bb}.offer-card>span{font-size:.61rem;letter-spacing:.09em;color:#5ec9f1}.offer-card h3{font:600 2.2rem/1.05 var(--display);letter-spacing:0;margin:25px 0 18px}.featured h3{font-size:3rem}.offer-card p{font-size:.86rem;line-height:1.75;color:#a0b2c8;max-width:400px}.offer-card a{font-size:.76rem;color:#d5eefc;padding-top:25px;margin-top:auto}.hub-note{font-size:.75rem;color:#6f88a2;margin-top:23px}
.agent-demo{background:#eef3f9;border-radius:14px;padding:28px;color:#172334;margin-bottom:65px;scroll-margin-top:25px}.demo-heading h2{font-family:'Manrope',Arial,sans-serif;font-size:1.65rem;font-weight:600;letter-spacing:-.035em;color:#172d47}.demo-heading .eyebrow{color:#436e9b;font-size:.63rem}.demo-heading>p{color:#718399;font-size:.8rem}.demo-shell{color:#142022;box-shadow:0 18px 45px -30px #1c335860}.demo-shell h3{font-family:'Manrope',Arial,sans-serif}.demo-wordmark{font-family:'Manrope',Arial,sans-serif}.demo-shell p{color:#52617c}.demo-note{color:#7e899b}.principles{border-color:#243246;background:#0e1825}.principles .wrap{font-size:.8rem;color:#8fa8c1}.principles span:before{color:#2cc4fb}.founder-note{padding-block:70px;grid-template-columns:1fr 2fr;border-color:#253447}.founder-note>p:last-child{color:#bac8d9;font-size:1.16rem;line-height:1.85}.section{padding-block:80px}.section-heading h2{font:700 clamp(2.8rem,4.6vw,4.5rem)/1 var(--display);letter-spacing:0}.section-heading>p{color:#8fa5bd;font-size:.94rem}.service-list{border-color:#35455a}.service{border-color:#233448}.service h3{font-family:var(--sans);font-size:1.4rem;letter-spacing:-.035em}.service p,.service ul{color:#92a8c1;font-size:.93rem}.service-example{background:#11283c;border:1px solid #234763}.service-example strong{color:#b9e9fa}.other-services{color:#7996b0}.approach{background:#101c2b;border-block:1px solid #25394e}.approach .eyebrow,.process-number{color:#38c2f7}.approach p{color:#9bafc5}.process-grid article{border-color:#34475d}.process-grid h3{font:600 1.24rem/1.3 var(--sans);letter-spacing:-.03em}.process-grid p{font-size:.9rem}
.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-block:85px}.faq-list details{border-bottom:1px solid #263b50;padding-block:20px}.faq-list details:first-child{border-top:1px solid #263b50}.faq-list summary{cursor:pointer;position:relative;list-style:none;padding-right:25px;font-size:.89rem;color:#d5e0ec}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;color:#2fc2fa}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin-top:14px;font-size:.86rem;line-height:1.8;color:#92a9c3}.faq summary:focus-visible{outline:2px solid #2fc2fa;outline-offset:5px}.contact{background:radial-gradient(ellipse at 80% 0,#10425d,#0b1b2b 80%);border-block:1px solid #2b4b63}.contact-inner{padding-block:76px;gap:40px}.contact h2{font:700 clamp(2.8rem,4.6vw,4.6rem)/1 var(--display);letter-spacing:0}.contact .eyebrow{color:#47c6f8}.contact p{color:#9fbbd0;font-size:.92rem}.contact .button{background:#2fc2fa;color:#07121b}.contact-action{min-width:280px;max-width:340px}.contact .contact-reply{font-size:.76rem;color:#799bb6}footer p,footer>a:last-child{color:#7590aa;font-size:.73rem}.footer-brand{color:#e0ebf5}.footer-brand span{color:#6f87a0}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.site-header nav{gap:18px}.hero h1{font-size:6rem}.offer-card{padding:22px}.featured h3{font-size:2.6rem}.faq{gap:35px}.contact-action{min-width:240px}.agent-demo{padding:23px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.announcement{font-size:.63rem}.site-header{padding-block:18px;gap:12px}.brand{font-size:1.25rem}.brand-sub{font-size:.53rem}.header-cta{padding:11px 16px;font-size:.72rem}.site-header nav{gap:24px;font-size:.74rem;white-space:nowrap;overflow-x:auto;padding-top:10px}.hero{padding-block:48px 50px}.hero h1{font-size:clamp(3.4rem,13vw,5.4rem);margin-block:22px}.hero:after{top:20%;font-size:16rem;right:0}.hero .eyebrow{font-size:.6rem;line-height:1.8}.hero-intro{font-size:.95rem}.hero-actions{gap:20px}.button{font-size:.8rem;padding:16px 20px}.hero-secondary{font-size:.78rem}.offer-hub{padding-block:40px 50px}.offer-hub h2,.faq h2{font-size:3rem}.hub-intro{font-size:.89rem}.offer-grid{grid-template-columns:1fr;gap:12px}.offer-card,.offer-card.featured{grid-column:auto;padding:26px}.offer-card h3,.featured h3{font-size:2.3rem;margin-block:20px 14px}.offer-card h3 br{display:none}.offer-card p{font-size:.87rem}.offer-card a{padding-top:20px}.agent-demo{padding:17px 10px;border-radius:10px;margin-bottom:42px}.demo-heading{padding:0 6px}.demo-heading h2{font-size:1.25rem}.demo-heading>p{font-size:.76rem}.principles .wrap{font-size:.74rem}.founder-note{grid-template-columns:1fr;padding-block:45px;gap:17px}.founder-note>p:last-child{font-size:1rem}.section{padding-block:52px}.section-heading h2{font-size:2.8rem}.service h3{font-size:1.22rem}.faq{grid-template-columns:1fr;gap:20px;padding-block:53px}.faq h2{margin-bottom:10px}.contact-inner{display:block;padding-block:52px}.contact h2{font-size:2.9rem}.contact-action{min-width:0;max-width:100%;margin-top:29px}.contact .button{max-width:380px}footer{flex-wrap:wrap}footer p{display:block;width:100%;order:3;border-top:1px solid #273b50;padding-top:15px}.footer-brand span{display:none}}
@media(prefers-reduced-motion:reduce){.offer-card{transition:none}}

/* Simplified workflow presentation, five scenarios. */
.agent-demo{padding:0!important;background:transparent!important;border-radius:0!important;margin-top:65px}
.workflow-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.workflow-label h2{font:600 1.15rem var(--sans);letter-spacing:-.02em;color:#f5f7fb;margin:0}
.workflow-label>span{font-size:.7rem;color:#8e9daa}
.demo-shell{position:relative}.demo-bottom{position:absolute;bottom:12px;right:12px;padding:0;border:0;background:none;z-index:12}.timeline-track{display:none}
.demo-pause{background:#ffffffeb;color:#52617c;padding:6px 12px;min-height:32px}
.agent-demo .agent-pointer{left:auto!important;right:18px!important;top:15px!important;pointer-events:none}
.agent-bubble{border-radius:7px;padding:8px 12px;background:#172c44;box-shadow:0 3px 12px #172c4418;gap:10px;border:1px solid #2e4c66}
.agent-action{font-size:.7rem;color:#fff}.activity-dots i{background:#2bc3ef}
.demo-stage{padding-bottom:40px}.team-handoff{bottom:46px}
@media(max-width:760px){.agent-demo{margin-top:42px}.workflow-label h2{font-size:1rem}.workflow-label>span{font-size:.6rem}.agent-demo .agent-pointer{top:9px!important;right:12px!important;left:auto!important}.agent-action{font-size:.59rem}.demo-stage{height:720px}.incoming,.client{top:58px}.quote{top:58px}.reply{top:354px}.team-handoff{bottom:48px}.agent-demo .agent-bubble{padding:6px 9px}.workspace-label{display:none}}

/* Approved Davenwick logo: original artwork, framed without alteration. */
.approved-brand{display:block;flex-shrink:0;line-height:0}.approved-logo{display:block;width:245px;height:auto;max-width:100%}.footer-brand .approved-logo{width:220px}
.hero:after{content:none}
@media(max-width:1050px){.site-header .approved-logo{width:205px}.site-header nav{gap:16px}}
@media(max-width:760px){.site-header .approved-logo{width:180px}.footer-brand .approved-logo{width:200px}}
@media(max-width:380px){.site-header .approved-logo{width:155px}.site-header .header-cta{padding:10px 12px}}

/* One shared stage, selected through descriptive service tabs. */
.workflow-showcase{margin-top:36px;scroll-margin-top:24px}.workflow-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}
.workflow-tab{font:inherit;text-align:left;cursor:pointer;background:#0e1722;color:#9caec0;border:1px solid #243346;border-radius:12px;padding:18px 16px;min-width:0;transition:background .2s,border-color .2s}
.workflow-tab:hover{background:#152333;border-color:#476079}.workflow-tab[aria-selected=true]{background:#112c3d;border-color:#35b8e6;box-shadow:inset 0 3px #35b8e6}.workflow-tab:focus-visible{outline:2px solid #84dfff;outline-offset:4px}
.tab-index{display:block;color:#7190a7;font-size:.65rem;letter-spacing:.1em;margin-bottom:18px}.workflow-tab strong{display:block;font-size:.88rem;color:#e0eaf4;line-height:1.35;min-height:2.7em}.tab-description{display:block;font-size:.72rem;line-height:1.65;margin:8px 0 18px}.tab-cue{display:block;font-size:.65rem;color:#70cbea}.workflow-tab[aria-selected=true] .tab-cue{color:#b0eafa}
.workflow-panels{border:1px solid #263b4d;border-radius:16px;background:#0c1722;overflow:hidden}.workflow-panels .agent-demo{width:100%;max-width:none;margin:0!important;padding:0!important}.workflow-panels [hidden]{display:none!important}
.workflow-label{padding:18px 22px;margin:0;border-bottom:1px solid #223346}.workflow-label h2{font-size:.92rem}.workflow-label>span{color:#91a8bd}.workflow-panels .demo-shell{border:0;border-radius:0;background:#0c1722;box-shadow:none;color:#dce7f2}.workflow-panels .demo-stage{background-color:#0c1722;background-image:radial-gradient(#2b415980 .8px,transparent .8px)}
.workflow-panels .demo-card{background:#142231;border-color:#304457;box-shadow:0 10px 25px #0002;color:#deebf5}.workflow-panels .demo-card h3,.workflow-panels .sender strong{color:#e5edf5}.workflow-panels .mini-bar{color:#a6bacd;border-color:#2a3d50}.workflow-panels .mini-icon{background:#213a50;color:#65c8ed}.workflow-panels .status.new-status{background:#193e55;color:#88d8f5}.workflow-panels .status.known{background:#233e35;color:#b1d5bb}.workflow-panels .status.draft{background:#3d3527;color:#e0c590}
.workflow-panels .sender small,.workflow-panels .client-name p,.workflow-panels .reply-to{color:#96adc1}.workflow-panels .email-copy p,.workflow-panels .typed-reply{color:#bbcede}.workflow-panels .avatar{background:#303550;color:#c5c5e7}.workflow-panels .company-avatar{background:#203e53;color:#8fd8ef}
.workflow-panels .history-panel{background:#232c43;border-color:#3a4562}.workflow-panels .tiny-label{color:#aab4d4}.workflow-panels .history-panel strong{color:#d1daef}.workflow-panels .history-panel small,.workflow-panels .history-link{color:#a9b8d2}.workflow-panels .field{border-color:#2a3d50}.workflow-panels .field>span{color:#95abc0}.workflow-panels .field strong{color:#c9dce9}
.workflow-panels .missing-panel{background:#352f23;border-color:#625235}.workflow-panels .missing-panel strong{color:#e7c892}.workflow-panels .missing-panel small{color:#c5b18d}.workflow-panels .missing-panel>span{color:#e6c17c;border-color:#af8f56}
.workflow-panels .quote-line,.workflow-panels .invoice-item,.workflow-panels .read-confirm{border-color:#2a3d50}.workflow-panels .quote-line small,.workflow-panels .quote-line em{color:#93aabd}.workflow-panels .quote-line em.amber{color:#d9bb80}.workflow-panels .quote-total{color:#afc5d8}.workflow-panels .read-confirm{color:#75c9e8}.workflow-panels .invoice-paper,.workflow-panels .invoice-item,.workflow-panels .invoice-total,.workflow-panels .invoice-supplier{color:#c7d9e6}
.workflow-panels .hl.lit{background:#22465b;box-shadow:none;color:#d8f0fc}.workflow-panels .history-hl.lit{background:#363c59}.workflow-panels .missing-hl.lit{background:#574728;color:#f3d59f}.workflow-panels .scan-line{background:linear-gradient(transparent,#39b8e61a);border-color:#58c5e859}.workflow-panels .wire{stroke:#4b87a7}.workflow-panels .flying-token{background:#28617d;color:#eefaff}.workflow-panels .typing-caret{background:#70caee}
.workflow-panels .agent-bubble{background:#203b50;border-color:#39627d;box-shadow:0 4px 12px #0002}.workflow-panels .agent-action{color:#c6e9f7}.workflow-panels .team-handoff{background:#20382e;border-color:#476a52;box-shadow:none}.workflow-panels .team-handoff strong{color:#c1dfc9}.workflow-panels .team-handoff div>span{color:#a0c2ac}.workflow-panels .team-avatar{background:#365940;color:#d8ebdc}.workflow-panels .handoff-check{color:#acd1b6}.workflow-panels .demo-pause{background:#1b2c3e;color:#b6ccdd;border-color:#3c5268}.workflow-panels .workspace-label{color:#7290a6}
@media(max-width:1050px){.workflow-tab{padding:14px 11px}.workflow-tab strong{font-size:.77rem}.tab-description{font-size:.67rem}}
@media(max-width:760px){.workflow-tabs{display:flex;overflow-x:auto;padding:4px 4px 12px;scroll-snap-type:x proximity}.workflow-tab{flex:0 0 165px;scroll-snap-align:start;padding:14px}.tab-index{margin-bottom:9px}.workflow-tab strong{min-height:0;font-size:.8rem}.tab-description{margin:7px 0 10px}.workflow-label{padding:16px}.workflow-label h2{font-size:.85rem}.workflow-label>span{font-size:.6rem}.workflow-panels{border-radius:12px}.workflow-showcase{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.workflow-tab{transition:none}}

/* Pointer-driven tile rail; native touch scrolling remains available. */
.workflow-tabs{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:none;scroll-behavior:auto;padding:4px 4px 8px}
.workflow-tabs::-webkit-scrollbar{display:none;width:0;height:0}
.workflow-tab{flex:1 0 190px}.workflow-tab strong{min-height:0}.tab-description{margin-top:10px}
@media(max-width:760px){.workflow-tab{flex:0 0 185px;scroll-snap-align:none}}
