:root {
    --ink: #101a29;
    --ink-soft: #1b293c;
    --paper: #f6f4ef;
    --paper-deep: #e9e6df;
    --white: #ffffff;
    --text: #172235;
    --muted: #647084;
    --muted-light: #96a0af;
    --line: rgba(21, 35, 53, 0.14);
    --line-light: rgba(255, 255, 255, 0.14);
    --blue: #5b8cff;
    --blue-bright: #8badff;
    --mint: #b7f5e4;
    --red: #ff806f;
    --display: "Manrope", Arial, sans-serif;
    --mono: "DM Mono", "SFMono-Regular", monospace;
    --container: 1200px;
    --ease: 180ms cubic-bezier(.2,.8,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--text); font-family: var(--display); line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.nav-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.container { width: min(calc(100% - 48px), var(--container)); margin: 0 auto; }
.skip-link { position: fixed; left: 1.4rem; top: 1rem; z-index: 2000; transform: translateY(-170%); padding: .65rem .9rem; border-radius: 8px; background: var(--mint); color: var(--ink); font-weight: 800; transition: transform var(--ease); }
.skip-link:focus { transform: translateY(0); }

/* navigation */
.site-header { position: absolute; inset: 0 0 auto; z-index: 20; color: var(--white); }
.nav-shell { width: min(calc(100% - 48px), var(--container)); min-height: 88px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line-light); }
.brand { display: inline-flex; align-items: center; gap: .72rem; font-size: 1.02rem; font-weight: 800; letter-spacing: -.045em; }
.brand-dot { color: var(--blue-bright); }
.brand-mark { width: 25px; height: 25px; position: relative; display: inline-flex; align-items: flex-end; gap: 3px; padding: 4px; overflow: hidden; border-radius: 7px; background: linear-gradient(145deg, var(--blue-bright), #426de0); box-shadow: 0 4px 16px rgba(91, 140, 255, .32); }
.brand-mark span { width: 4px; display: block; background: #ecf7ff; border-radius: 2px; transform: skewY(-21deg); }
.brand-mark span:nth-child(1) { height: 8px; }.brand-mark span:nth-child(2) { height: 13px; }.brand-mark span:nth-child(3) { height: 18px; }
.nav-links { display: flex; align-items: center; gap: .15rem; }
.nav-links a, .nav-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 .78rem; color: rgba(255,255,255,.72); border: 0; background: transparent; font-size: .83rem; font-weight: 700; transition: color var(--ease), background var(--ease); }
.nav-links a:hover { color: var(--white); }
.nav-links .nav-cta { gap: .5rem; margin-left: .75rem; border: 1px solid rgba(255,255,255,.3); border-radius: 8px; color: var(--white); }
.nav-links .nav-cta:hover { border-color: var(--blue-bright); background: rgba(139,173,255,.12); }
.nav-toggle { display: none; color: var(--white); }

/* shared type */
.eyebrow { margin: 0 0 1.1rem; display: flex; align-items: center; gap: .5rem; color: var(--blue-bright); font-family: var(--mono); font-size: .69rem; font-weight: 500; letter-spacing: .07em; text-transform: uppercase; }
.eyebrow-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(183,245,228,.12); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.055em; line-height: 1.07; }
.section { padding: 8.25rem 0; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: .8rem; border: 1px solid transparent; border-radius: 8px; padding: 0 1.05rem; font-size: .84rem; font-weight: 800; transition: transform var(--ease), box-shadow var(--ease), background var(--ease), border-color var(--ease); }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--blue); color: var(--white); box-shadow: 0 10px 24px rgba(45, 92, 190, .25); }
.button-primary:hover { background: #4a7cf2; box-shadow: 0 14px 28px rgba(45, 92, 190, .35); }
.button-quiet { color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.27); background: rgba(255,255,255,.04); }
.button-quiet:hover { border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.09); }

/* hero */
.hero { position: relative; isolation: isolate; overflow: hidden; min-height: 790px; padding: 174px 0 90px; background: radial-gradient(ellipse 65% 65% at 77% 49%, #264979 0%, #172a44 40%, var(--ink) 77%); color: var(--white); }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5; background-image: linear-gradient(rgba(194,218,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(194,218,255,.045) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, transparent 0, #000 42%, #000 100%); }
.hero-orb { position: absolute; z-index: -1; border-radius: 999px; filter: blur(20px); pointer-events: none; }.hero-orb-one { width: 26rem; height: 26rem; top: -12rem; right: 1%; background: rgba(91,140,255,.2); }.hero-orb-two { width: 14rem; height: 14rem; bottom: -4rem; left: 34%; background: rgba(183,245,228,.08); }
.hero-layout { display: grid; grid-template-columns: minmax(0, .96fr) minmax(420px, .8fr); align-items: center; gap: clamp(2.5rem, 7vw, 7.5rem); }
.hero-copy { max-width: 660px; }
.hero h1 { margin-bottom: 1.55rem; font-size: clamp(3.3rem, 6vw, 5.8rem); font-weight: 700; }
.hero h1 em { color: #bcd0ff; font-style: normal; }
.hero-lede { max-width: 565px; margin-bottom: 2.1rem; color: rgba(239,245,255,.71); font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 1rem 1.8rem; margin-top: 2.25rem; color: rgba(255,255,255,.68); font-size: .78rem; font-weight: 600; }
.hero-proof i { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; margin-right: .35rem; border-radius: 50%; background: rgba(183,245,228,.13); color: var(--mint); font-style: normal; font-size: .65rem; }

/* hero console */
.response-console { position: relative; overflow: hidden; max-width: 490px; justify-self: end; border: 1px solid rgba(192,218,255,.25); border-radius: 16px; background: linear-gradient(160deg, rgba(39,66,105,.88), rgba(19,32,50,.92)); box-shadow: 0 35px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12); }
.response-console::before { content:""; position:absolute; inset:0; opacity:.16; pointer-events:none; background: linear-gradient(145deg, rgba(255,255,255,.35), transparent 28%); }
.console-topbar, .console-footer { position: relative; display:flex; align-items:center; justify-content:space-between; padding: 15px 19px; border-bottom: 1px solid rgba(217,231,255,.13); }
.console-title { display:flex; align-items:center; gap:.55rem; font-family:var(--mono); font-size:.67rem; color:#e7efff; }.console-title small { margin-left:.35rem; color:rgba(232,240,255,.45); }.status-light { width:7px; height:7px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 4px rgba(183,245,228,.1); }.console-more { color:rgba(255,255,255,.6); letter-spacing:2px; }
.console-headline { padding: 22px 20px 14px; }.console-headline span { display:block; margin-bottom:.2rem; color:rgba(228,238,255,.5); font-size:.72rem; }.console-headline strong { color:#fff; font-size:1rem; letter-spacing:-.025em; }
.lead-card { display:flex; align-items:center; gap:.75rem; margin: 0 20px; padding:12px; border:1px solid rgba(230,240,255,.17); border-radius:10px; background:rgba(8,19,34,.28); }.lead-avatar { display:flex; align-items:center; justify-content:center; width:34px; height:34px; flex:0 0 auto; border-radius:50%; background:#d2e3ff; color:#294879; font-size:.65rem; font-weight:800; }.lead-details { min-width:0; display:grid; gap:.08rem; }.lead-details strong { font-size:.78rem; }.lead-details span, .lead-time { overflow:hidden; color:rgba(230,240,255,.55); font-size:.65rem; white-space:nowrap; text-overflow:ellipsis; }.lead-time { margin-left:auto; align-self:start; }
.flow-line { position:relative; height:23px; margin-left:37px; border-left:1px solid rgba(162,198,255,.3); }.flow-line span { position:absolute; bottom:-2px; left:-3px; width:5px; height:5px; border-radius:50%; background:var(--blue-bright); }
.console-steps { padding: 0 20px 11px; }.console-step { position:relative; display:grid; grid-template-columns: 28px 1fr auto; align-items:center; gap:.6rem; min-height:60px; color:rgba(255,255,255,.4); }.console-step::after { content:""; position:absolute; left:13px; top:45px; bottom:-14px; border-left:1px solid rgba(216,231,255,.13); }.console-step:last-child::after { display:none; }.step-icon { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:27px; height:27px; border:1px solid rgba(216,231,255,.2); border-radius:50%; background:#1d324e; font-family:var(--mono); font-size:.62rem; }.console-step strong { display:block; color:rgba(255,255,255,.65); font-size:.74rem; letter-spacing:-.01em; }.console-step small { display:block; margin-top:.04rem; color:rgba(233,241,255,.39); font-size:.62rem; }.console-step time { color:rgba(233,241,255,.36); font-family:var(--mono); font-size:.59rem; }.console-step.complete .step-icon { border-color:rgba(183,245,228,.45); background:rgba(183,245,228,.14); color:var(--mint); }.console-step.current .step-icon { border-color:var(--blue-bright); box-shadow:0 0 0 4px rgba(139,173,255,.11); }.console-step.current .step-icon i { width:6px; height:6px; border-radius:50%; background:var(--blue-bright); }.console-step.current strong { color:#fff; }.console-footer { border-top:1px solid rgba(217,231,255,.13); border-bottom:0; color:rgba(231,240,255,.5); font-size:.61rem; }.console-footer i { display:inline-block; width:6px; height:6px; margin-right:.3rem; border-radius:50%; background:var(--mint); }.console-footer strong { color:rgba(255,255,255,.8); font-weight:500; }

/* principles */
.principles { color:var(--ink); background:var(--mint); }.principles-grid { display:grid; grid-template-columns:repeat(3,1fr); }.principles-grid>div { min-height:170px; padding: 2rem 3rem 2rem 0; border-right:1px solid rgba(16,26,41,.18); }.principles-grid>div+div { padding-left:3rem; }.principles-grid>div:last-child { border:0; }.principles-grid span { display:block; margin-bottom:1.7rem; font-family:var(--mono); font-size:.68rem; color:rgba(16,26,41,.55); }.principles-grid p { max-width:250px; margin:0; font-size:1.03rem; line-height:1.45; letter-spacing:-.025em; }.principles-grid strong { font-weight:800; }

/* system */
.system-section { background:var(--paper); }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:3rem; margin-bottom:3.25rem; }.section-heading h2 { max-width:760px; margin:0; font-size:clamp(2.35rem,4.4vw,4.25rem); }.section-heading>p { max-width:335px; margin:0 0 .25rem; color:var(--muted); font-size:.97rem; line-height:1.7; }.system-grid { display:grid; grid-template-columns:1.22fr 1fr 1fr; gap:1rem; }.system-card { position:relative; min-height:392px; display:flex; flex-direction:column; align-items:flex-start; padding:1.6rem; overflow:hidden; border:1px solid var(--line); border-radius:13px; background:var(--white); transition:transform var(--ease), box-shadow var(--ease); }.system-card:hover { transform:translateY(-5px); box-shadow:0 20px 45px rgba(20,35,53,.1); }.system-card-featured { color:var(--white); border-color:transparent; background:linear-gradient(150deg,#1f3a5d,#10233e); }.system-card-featured::after { content:""; position:absolute; width:220px; height:220px; top:-72px; right:-75px; border:1px solid rgba(204,225,255,.16); border-radius:50%; box-shadow:0 0 0 36px rgba(204,225,255,.045),0 0 0 73px rgba(204,225,255,.025); }.card-number { margin-bottom:auto; color:var(--muted-light); font-family:var(--mono); font-size:.67rem; }.system-card-featured .card-number { color:#96b8ff; }.card-icon { position:relative; display:flex; align-items:center; justify-content:center; width:47px; height:47px; margin:2.3rem 0 1.4rem; border-radius:11px; background:#edf2f9; }.system-card-featured .card-icon { background:rgba(181,211,255,.13); }.card-icon span { position:absolute; display:block; }.card-icon-capture span { width:16px; height:13px; border:2px solid #2a6eeb; border-radius:3px; }.card-icon-capture span:nth-child(2) { width:7px; height:2px; transform:translateY(-3px); background:#2a6eeb; }.card-icon-capture span:nth-child(3) { width:7px; height:2px; transform:translateY(3px); background:#2a6eeb; }.system-card-featured .card-icon-capture span { border-color:#bcd1ff; }.system-card-featured .card-icon-capture span:not(:first-child) { background:#bcd1ff; }.card-icon-route span { width:20px; height:2px; background:#397bf0; }.card-icon-route span:nth-child(1){ transform:translate(-6px,-7px) rotate(36deg); width:12px; }.card-icon-route span:nth-child(2){ transform:translate(-6px,7px) rotate(-36deg); width:12px; }.card-icon-route span:nth-child(3){ transform:translate(7px,0); width:7px; height:7px; border-radius:50%; background:#397bf0; }.card-icon-follow span { width:17px; height:17px; border:2px solid #397bf0; border-radius:50%; }.card-icon-follow span:nth-child(2) { width:2px; height:8px; transform:translateY(-3px); background:#397bf0; }.card-icon-follow span:nth-child(3) { width:6px; height:2px; transform:translate(3px,4px); background:#397bf0; }.system-card h3 { margin:0 0 .65rem; font-size:1.38rem; }.system-card p { max-width:300px; margin:0; color:var(--muted); font-size:.89rem; line-height:1.65; }.system-card-featured p { color:rgba(232,241,255,.67); }.card-tag { margin-top:auto; padding-top:1.8rem; color:var(--muted); font-family:var(--mono); font-size:.62rem; }.system-card-featured .card-tag { color:#aac6ff; }

/* approach */
.approach-section { color:var(--white); background:var(--ink); }.approach-layout { display:grid; grid-template-columns:.85fr 1fr; gap:clamp(3.5rem,10vw,10rem); }.approach-copy h2 { margin-bottom:1.35rem; font-size:clamp(2.3rem,4.4vw,4.05rem); }.approach-copy>p:not(.eyebrow) { max-width:440px; color:rgba(236,243,255,.62); font-size:1rem; line-height:1.75; }.text-link { display:inline-flex; gap:.5rem; margin-top:1.15rem; padding-bottom:.18rem; border-bottom:1px solid rgba(183,245,228,.65); color:var(--mint); font-size:.85rem; font-weight:800; }.approach-list { margin:0; padding:0; list-style:none; border-top:1px solid var(--line-light); }.approach-list li { display:grid; grid-template-columns:66px 1fr; gap:1.1rem; padding:1.55rem 0; border-bottom:1px solid var(--line-light); }.approach-list span { color:var(--blue-bright); font-family:var(--mono); font-size:.7rem; }.approach-list h3 { margin:0 0 .35rem; font-size:1.22rem; }.approach-list p { max-width:460px; margin:0; color:rgba(236,243,255,.55); font-size:.88rem; }

/* audit */
.audit-section { background:var(--paper-deep); }.audit-panel { position:relative; display:grid; grid-template-columns:1fr .72fr; min-height:420px; overflow:hidden; border-radius:16px; color:var(--white); background:linear-gradient(130deg,#315b8b,#223d64 61%,#182d4c); }.audit-copy { position:relative; z-index:1; padding:clamp(2rem,5vw,5rem); }.audit-copy h2 { margin-bottom:1.2rem; font-size:clamp(2.4rem,4.2vw,4rem); }.audit-copy>p:not(.eyebrow) { max-width:510px; color:rgba(241,247,255,.7); font-size:.97rem; line-height:1.75; }.audit-points { display:flex; flex-wrap:wrap; gap:.7rem 1.15rem; margin-top:2rem; color:rgba(241,247,255,.72); font-size:.73rem; font-weight:700; }.audit-points i { color:var(--mint); font-family:var(--mono); font-style:normal; font-size:.61rem; }.audit-visual { position:relative; min-height:100%; overflow:hidden; }.audit-grid { position:absolute; inset:-10%; opacity:.32; background-image:linear-gradient(rgba(214,232,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(214,232,255,.26) 1px,transparent 1px); background-size:42px 42px; transform:perspective(350px) rotateY(-25deg) rotateX(8deg); }.audit-ring { position:absolute; width:310px; height:310px; top:50%; left:50%; border:1px solid rgba(196,221,255,.38); border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 35px rgba(191,218,255,.08),0 0 0 72px rgba(191,218,255,.045); }.audit-spot { position:absolute; z-index:1; width:10px; height:10px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 8px rgba(183,245,228,.14); }.spot-one { top:31%; left:23%; background:var(--red); box-shadow:0 0 0 8px rgba(255,128,111,.13); }.spot-two { bottom:30%; right:25%; }.audit-note { position:absolute; z-index:2; display:flex; align-items:center; gap:.45rem; padding:.58rem .7rem; border:1px solid rgba(223,236,255,.25); border-radius:7px; background:rgba(17,38,67,.76); box-shadow:0 10px 30px rgba(0,0,0,.12); font-family:var(--mono); font-size:.61rem; white-space:nowrap; }.audit-note span { width:6px; height:6px; border-radius:50%; background:var(--red); }.note-one { top:21%; left:32%; }.note-two { right:10%; bottom:22%; }.note-two span { background:var(--mint); }

/* contact */
.contact-section { padding-top:7.5rem; background:var(--white); }.contact-layout { display:grid; grid-template-columns:.79fr 1fr; gap:clamp(3rem,10vw,10rem); align-items:start; }.contact-copy h2 { margin-bottom:1.25rem; font-size:clamp(2.5rem,4.5vw,4.3rem); }.contact-copy>p:not(.eyebrow) { max-width:405px; color:var(--muted); font-size:1rem; line-height:1.7; }.contact-meta { display:grid; gap:.5rem; margin-top:2.2rem; font-size:.82rem; font-weight:700; }.contact-meta a { color:#2f68d5; }.contact-meta a:hover { text-decoration:underline; }.contact-meta span { color:var(--muted); }.contact-form { padding:clamp(1.3rem,3.2vw,2.4rem); border:1px solid var(--line); border-radius:13px; background:var(--paper); }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.form-grid label { display:grid; gap:.42rem; }.form-grid label.full { grid-column:1/-1; }.form-grid label>span { color:#445166; font-size:.74rem; font-weight:800; }.form-grid b { color:#4777df; }.form-grid em { color:#8c95a3; font-style:normal; font-weight:600; } input, textarea { width:100%; border:1px solid #cbd1da; border-radius:7px; outline:0; background:#fff; color:var(--text); padding:.74rem .8rem; font-size:.88rem; transition:border-color var(--ease), box-shadow var(--ease); } input { min-height:46px; } textarea { min-height:112px; resize:vertical; } input:focus, textarea:focus { border-color:var(--blue); box-shadow:0 0 0 4px rgba(91,140,255,.12); }.trap-field { position:absolute; left:-10000px; width:1px; height:1px; opacity:0; }.consent { display:flex; align-items:flex-start; gap:.55rem; margin:1.05rem 0 1.2rem; color:var(--muted); font-size:.69rem; line-height:1.5; }.consent input { width:15px; min-width:15px; height:15px; min-height:15px; margin-top:.1rem; accent-color:var(--blue); }.full-width { width:100%; }.form-message { display:none; margin-top:1rem; padding:.75rem .8rem; border-radius:7px; font-size:.8rem; font-weight:700; }.form-message.success { display:block; background:#dff8ee; color:#176244; }.form-message.error { display:block; background:#ffe4e0; color:#a3392c; }

/* footer and legal */
.site-footer { padding:4.2rem 0 1.8rem; color:rgba(235,243,255,.66); background:var(--ink); }.footer-grid { display:grid; grid-template-columns:1.7fr repeat(2,.6fr); gap:3rem; }.footer-brand { color:var(--white); margin-bottom:1rem; }.footer-grid p { max-width:210px; margin:0; font-size:.85rem; }.footer-grid h2 { margin:0 0 1rem; color:rgba(235,243,255,.42); font-family:var(--mono); font-size:.66rem; font-weight:500; letter-spacing:.06em; text-transform:uppercase; }.footer-grid a:not(.brand) { display:block; width:max-content; max-width:100%; margin:.45rem 0; font-size:.8rem; }.footer-grid a:not(.brand):hover { color:var(--white); }.footer-bottom { display:flex; justify-content:space-between; gap:1rem; margin-top:3.5rem; padding-top:1.4rem; border-top:1px solid var(--line-light); color:rgba(235,243,255,.38); font-family:var(--mono); font-size:.62rem; }
.legal-page { padding:10.5rem 0 6rem; background:var(--paper); }.legal-shell { width:min(calc(100% - 48px), 900px); margin:0 auto; }.legal-header { margin-bottom:3rem; }.legal-header h1 { margin-bottom:.8rem; color:var(--ink); font-size:clamp(3.1rem,6vw,5.5rem); }.legal-header>p:not(.eyebrow):not(.legal-updated) { max-width:700px; color:var(--muted); }.legal-updated { color:var(--muted); font-family:var(--mono); font-size:.65rem; }.legal-card { margin-bottom:.9rem; padding:clamp(1.2rem,2.8vw,2rem); border:1px solid var(--line); border-radius:11px; background:var(--white); }.legal-card h2 { margin-bottom:.75rem; font-size:1.2rem; }.legal-card p, .legal-list { color:var(--muted); font-size:.9rem; }.legal-card p:last-child, .legal-list:last-child { margin-bottom:0; }.legal-card a { color:#356bd1; text-decoration:underline; text-underline-offset:3px; }.legal-list { padding-left:1.2rem; }.legal-list li+li { margin-top:.38rem; }.legal-note { padding:.8rem 1rem; border-left:3px solid var(--blue); background:#f0f4ff; color:#4d5e78 !important; }

@media (max-width: 900px) {
    .hero-layout, .contact-layout { grid-template-columns:1fr; }.hero { min-height:unset; padding-bottom:72px; }.response-console { width:min(100%,530px); justify-self:start; }.hero-copy { max-width:720px; }.system-grid { grid-template-columns:1fr 1fr; }.system-card-featured { grid-column:span 2; min-height:330px; }.system-card { min-height:350px; }.approach-layout { gap:3.5rem; }.audit-panel { grid-template-columns:1fr .55fr; }.audit-visual { min-height:340px; }
}
@media (max-width: 700px) {
    .container, .nav-shell, .legal-shell { width:min(calc(100% - 32px),var(--container)); }.nav-shell { min-height:72px; }.nav-toggle { display:inline-flex; gap:.4rem; padding-right:0; }.nav-links { display:none; width:100%; padding:0 0 .8rem; flex-direction:column; align-items:stretch; }.nav-links a, .nav-links .nav-cta { justify-content:flex-start; margin:0; padding:0 .35rem; border:0; }.nav-links .nav-cta { color:var(--mint); }.nav-open .nav-shell { align-items:flex-start; padding-top:1.35rem; }.nav-open .nav-links { display:flex; }.nav-open .site-header { background:rgba(16,26,41,.98); }.hero { padding:132px 0 56px; }.hero h1 { font-size:clamp(2.85rem,13vw,4.1rem); }.hero-lede { font-size:.97rem; }.hero-actions, .hero-actions .button { width:100%; }.hero-proof { display:grid; gap:.6rem; }.response-console { margin-top:.5rem; }.principles-grid, .system-grid, .approach-layout, .audit-panel, .contact-layout, .footer-grid { grid-template-columns:1fr; }.principles-grid>div, .principles-grid>div+div { min-height:0; padding:1.35rem 0; border-right:0; border-bottom:1px solid rgba(16,26,41,.18); }.principles-grid>div:last-child { border-bottom:0; }.principles-grid span { margin-bottom:.65rem; }.section { padding:5.25rem 0; }.section-heading { display:block; margin-bottom:2.3rem; }.section-heading h2 { font-size:clamp(2.25rem,10vw,3.2rem); }.section-heading>p { margin-top:1.1rem; }.system-card-featured { grid-column:auto; }.system-card { min-height:310px; }.approach-copy h2, .audit-copy h2, .contact-copy h2 { font-size:clamp(2.35rem,10vw,3.2rem); }.approach-list li { grid-template-columns:43px 1fr; }.audit-panel { min-height:unset; }.audit-copy { padding:2rem 1.4rem 1.5rem; }.audit-visual { min-height:260px; }.form-grid { grid-template-columns:1fr; }.form-grid label.full { grid-column:auto; }.contact-section { padding-top:5.25rem; }.contact-form { padding:1.2rem; }.footer-grid { gap:2rem; }.footer-bottom { display:grid; margin-top:2.4rem; }.legal-page { padding:8rem 0 4rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; animation:none !important; } }

/* Refined motion system: depth and response cues, not dashboard decoration. */
.brand-mark { padding: 0; overflow: hidden; background: #050505; box-shadow: none; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: cover; }
.brand-mark span { display: none; }
.brand-dot { color: inherit; }

.hero-reimagined { min-height: 820px; padding-top: 170px; background: radial-gradient(55rem 43rem at 88% 35%, rgba(50, 101, 179, .34), transparent 58%), radial-gradient(35rem 31rem at 54% 115%, rgba(91, 140, 255, .16), transparent 70%), linear-gradient(132deg, #080f1c 0%, #0d1929 54%, #101f34 100%); }
.hero-reimagined::before { display: none; }
.hero-reimagined .hero-layout { grid-template-columns: minmax(0, 1.1fr) minmax(390px, .75fr); gap: clamp(2.5rem, 8vw, 9rem); }
.hero-ambient { position: absolute; z-index: -1; width: 24rem; height: 24rem; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.ambient-one { top: 7%; right: -10rem; border: 1px solid rgba(180, 210, 255, .12); box-shadow: 0 0 0 4rem rgba(159, 196, 255, .025), 0 0 0 9rem rgba(159, 196, 255, .018); animation: orbit-drift 12s ease-in-out infinite alternate; }
.ambient-two { bottom: -14rem; left: 34%; border: 1px solid rgba(183,245,228,.1); box-shadow: 0 0 0 3.6rem rgba(183,245,228,.018), 0 0 0 8rem rgba(183,245,228,.012); animation: orbit-drift 14s ease-in-out -4s infinite alternate-reverse; }
.hero-paths { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.hero-paths path { fill: none; stroke: rgba(177, 207, 255, .17); stroke-width: 1; stroke-dasharray: 3 12; animation: route-flow 14s linear infinite; }
.hero-paths path:last-child { stroke: rgba(183,245,228,.13); stroke-dasharray: 2 15; animation-duration: 19s; animation-direction: reverse; }
.hero-reimagined .hero-copy { max-width: 730px; }
.hero-reimagined h1 { margin-bottom: 1.45rem; font-size: clamp(3.45rem, 6.1vw, 6.25rem); letter-spacing: -.07em; }
.hero-reimagined h1 em { position: relative; color: #c7d7ff; text-shadow: 0 0 28px rgba(168,197,255,.2); }
.hero-reimagined h1 em::after { content:""; position: absolute; right: 0; bottom: .05em; left: .03em; height: .08em; border-radius: 99px; background: linear-gradient(90deg, rgba(139,173,255,.12), rgba(183,245,228,.85), rgba(139,173,255,.12)); transform-origin: left; animation: underline-in 1.1s .6s cubic-bezier(.2,.8,.2,1) both; }
.hero-reimagined .hero-lede { max-width: 570px; }
.hero-reimagined .hero-proof { margin-top: 2.3rem; }

.signal-stage { position: relative; width: min(100%, 470px); min-height: 510px; justify-self: end; overflow: hidden; padding: 1.3rem; border: 1px solid rgba(204,223,255,.2); border-radius: 24px; background: linear-gradient(150deg, rgba(36,63,100,.82), rgba(12,24,42,.86)); box-shadow: 0 42px 100px rgba(0,0,0,.33), inset 0 1px 0 rgba(255,255,255,.13); transform: perspective(1200px) rotateY(var(--tilt-y, 0deg)) rotateX(var(--tilt-x, 0deg)); transition: transform 300ms cubic-bezier(.2,.8,.2,1), border-color 300ms ease; }
.signal-stage:hover { border-color: rgba(183,218,255,.42); }
.signal-stage::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(122deg, rgba(255,255,255,.15), transparent 18% 68%, rgba(173,207,255,.07)); }
.stage-header, .stage-footer { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; color:rgba(231,240,255,.63); font-family:var(--mono); font-size:.64rem; letter-spacing:.035em; text-transform:uppercase; }
.stage-live { display:inline-flex; align-items:center; gap:.38rem; color:#d6fff0; }.stage-live i { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 0 rgba(183,245,228,.6); animation: live-pulse 2.4s infinite; }
.flow-picker { position:relative; z-index:2; display:flex; gap:.25rem; width:max-content; max-width:100%; margin:1.75rem 0 2.3rem; padding:.25rem; border:1px solid rgba(220,234,255,.1); border-radius:9px; background:rgba(0,8,19,.22); }
.flow-control { min-height:31px; border:0; border-radius:6px; padding:0 .58rem; background:transparent; color:rgba(225,237,255,.48); font-size:.66rem; font-weight:700; transition:color 180ms ease, background 180ms ease, box-shadow 180ms ease; }
.flow-control:hover { color:#fff; }.flow-control.active { background:rgba(156,190,255,.18); color:#eff5ff; box-shadow:inset 0 0 0 1px rgba(198,220,255,.14); }
.signal-card { position:relative; z-index:2; border:1px solid rgba(219,234,255,.16); border-radius:14px; padding:1.2rem; background:linear-gradient(135deg, rgba(29,50,80,.92), rgba(18,34,57,.8)); box-shadow:0 20px 36px rgba(0,0,0,.16); transition:transform 360ms cubic-bezier(.2,.8,.2,1), opacity 240ms ease; }
.signal-incoming { width:78%; transform:translateX(7%); animation: card-float 5.6s ease-in-out infinite; }.signal-action { width:83%; margin:1.3rem 0 0 auto; transform:translateX(-6%); background:linear-gradient(135deg, rgba(26,59,88,.9), rgba(18,47,67,.82)); animation: card-float 5.6s 1s ease-in-out infinite reverse; }
.signal-card-label { display:block; margin-bottom:.55rem; color:#9bbcff; font-family:var(--mono); font-size:.6rem; letter-spacing:.06em; text-transform:uppercase; }.signal-card strong { display:block; color:#f6f9ff; font-size:1rem; letter-spacing:-.03em; }.signal-card p { margin:.22rem 0 .8rem; color:rgba(230,239,255,.6); font-size:.71rem; }.signal-source, .signal-status { display:inline-flex; align-items:center; gap:.35rem; padding:.24rem .44rem; border-radius:5px; background:rgba(173,205,255,.09); color:rgba(219,233,255,.76); font-family:var(--mono); font-size:.57rem; }.signal-status { color:#c7ffeb; background:rgba(183,245,228,.09); }.signal-status i { width:5px; height:5px; border-radius:50%; background:var(--mint); }
.signal-thread { position:relative; z-index:1; width:1px; height:53px; margin:-1.1rem auto -1rem; background:linear-gradient(var(--blue-bright),rgba(183,245,228,.25)); }.signal-thread::before, .signal-thread::after { content:""; position:absolute; left:0; width:1px; height:25px; transform-origin:top; background:rgba(154,192,255,.28); }.signal-thread::before { transform:rotate(40deg); }.signal-thread::after { transform:rotate(-40deg); }.signal-thread i { position:absolute; top:42%; left:50%; width:8px; height:8px; border:2px solid #d3e2ff; border-radius:50%; background:var(--blue); box-shadow:0 0 0 6px rgba(91,140,255,.13); transform:translate(-50%,-50%); animation: node-ping 2.5s infinite; }
.stage-halo { position:absolute; width:380px; height:380px; right:-130px; bottom:-145px; border:1px solid rgba(159,193,255,.14); border-radius:50%; }.stage-halo span { position:absolute; border:1px solid rgba(159,193,255,.1); border-radius:50%; }.stage-halo span:nth-child(1) { inset:32px; }.stage-halo span:nth-child(2) { inset:74px; }.stage-halo span:nth-child(3) { inset:116px; background:rgba(176,211,255,.045); }.stage-footer { margin-top:1.35rem; padding-top:1rem; border-top:1px solid rgba(219,234,255,.1); }.stage-footer span:last-child { color:var(--mint); font-size:1rem; }
.signal-stage.is-changing .signal-card { opacity:.35; transform:translateY(7px) scale(.985); }

.audit-grid { display:none; }.audit-orbit { position:absolute; border:1px solid rgba(202,225,255,.16); border-radius:50%; }.orbit-one { width:450px; height:450px; top:50%; left:51%; transform:translate(-50%,-50%); animation:audit-drift 11s ease-in-out infinite alternate; }.orbit-two { width:280px; height:280px; top:50%; left:51%; transform:translate(-50%,-50%); border-style:dashed; animation:spin-slow 22s linear infinite; }.audit-ring { border-color:rgba(196,221,255,.28); }.audit-visual::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 60% 50%,rgba(189,221,255,.16),transparent 14%), radial-gradient(circle at 14% 40%,rgba(183,245,228,.12),transparent 12%); }

body.motion-ready [data-reveal] { opacity:0; transform:translateY(20px); transition:opacity 650ms cubic-bezier(.2,.8,.2,1), transform 650ms cubic-bezier(.2,.8,.2,1); }
body.motion-ready [data-reveal].is-visible { opacity:1; transform:none; }
body.motion-ready .system-card:nth-child(2) { transition-delay:100ms; } body.motion-ready .system-card:nth-child(3) { transition-delay:200ms; }
.magnetic { will-change:transform; }
@keyframes orbit-drift { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(-20px,17px,0) scale(1.08); } }
@keyframes audit-drift { from { transform:translate(-50%,-50%) scale(1); } to { transform:translate(calc(-50% - 14px),calc(-50% + 11px)) scale(1.06); } }
@keyframes route-flow { to { stroke-dashoffset:-160; } }
@keyframes underline-in { from { transform:scaleX(0); opacity:0; } to { transform:scaleX(1); opacity:1; } }
@keyframes live-pulse { 0%,100% { box-shadow:0 0 0 0 rgba(183,245,228,.55); } 55% { box-shadow:0 0 0 6px rgba(183,245,228,0); } }
@keyframes node-ping { 0%,100% { box-shadow:0 0 0 6px rgba(91,140,255,.13); } 55% { box-shadow:0 0 0 13px rgba(91,140,255,0); } }
@keyframes card-float { 0%,100% { translate:0 0; } 50% { translate:0 -7px; } }
@keyframes spin-slow { to { transform:translate(-50%,-50%) rotate(360deg); } }

@media (max-width: 900px) {
    .hero-reimagined .hero-layout { grid-template-columns:1fr; }.signal-stage { width:min(100%,500px); justify-self:start; }.hero-reimagined { min-height:unset; }.signal-stage { min-height:465px; }
}
@media (max-width: 700px) {
    .hero-reimagined { padding-top:128px; }.hero-reimagined h1 { font-size:clamp(2.9rem,12.5vw,4rem); }.hero-paths { opacity:.55; }.signal-stage { min-height:430px; padding:1rem; border-radius:18px; }.flow-picker { margin:1.2rem 0 1.75rem; }.flow-control { padding:0 .43rem; font-size:.59rem; }.signal-incoming { width:86%; transform:translateX(0); }.signal-action { width:89%; transform:translateX(0); }.signal-card { padding:1rem; }.stage-halo { right:-180px; bottom:-170px; }.audit-orbit.orbit-one { width:320px; height:320px; }.orbit-two { width:205px; height:205px; }
}
@media (prefers-reduced-motion: reduce) { .hero-paths path, .ambient-one, .ambient-two, .signal-card, .stage-live i, .signal-thread i, .orbit-one, .orbit-two { animation:none !important; } body.motion-ready [data-reveal] { opacity:1; transform:none; } }

/* Monochrome refinement: white carries hierarchy; green only signals live system state. */
:root { --ink:#0a0a0a; --ink-soft:#171717; --paper:#f2f2ef; --paper-deep:#e7e7e2; --white:#fff; --text:#111; --muted:#676767; --muted-light:#999; --line:rgba(0,0,0,.14); --line-light:rgba(255,255,255,.18); --blue:#fff; --blue-bright:#fff; --mint:#a3e635; --red:#d4d4d4; }
body { background:var(--paper); color:var(--text); }
:focus-visible { outline-color:var(--mint); }
.skip-link { background:var(--white); color:var(--ink); }
.nav-links .nav-cta:hover { border-color:var(--white); background:rgba(255,255,255,.11); }
.eyebrow { color:var(--text); }.hero-reimagined .eyebrow, .approach-section .eyebrow, .audit-panel .eyebrow { color:rgba(255,255,255,.68); }.eyebrow-pulse { background:var(--mint); box-shadow:0 0 0 5px rgba(163,230,53,.13); }
.button-primary { background:var(--white); color:var(--ink); box-shadow:0 10px 24px rgba(0,0,0,.2); }.button-primary:hover { background:#e9e9e9; box-shadow:0 14px 28px rgba(0,0,0,.28); }
.hero-reimagined { background:radial-gradient(43rem 36rem at 88% 35%, rgba(255,255,255,.09), transparent 61%), radial-gradient(31rem 25rem at 54% 115%, rgba(255,255,255,.05), transparent 72%), linear-gradient(132deg,#050505 0%,#111 56%,#090909 100%); }
.ambient-one { border-color:rgba(255,255,255,.1); box-shadow:0 0 0 4rem rgba(255,255,255,.018),0 0 0 9rem rgba(255,255,255,.01); }.ambient-two { border-color:rgba(163,230,53,.12); box-shadow:0 0 0 3.6rem rgba(163,230,53,.012),0 0 0 8rem rgba(163,230,53,.007); }
.hero-paths path { stroke:rgba(255,255,255,.14); }.hero-paths path:last-child { stroke:rgba(163,230,53,.18); }.hero-reimagined h1 em { color:#fff; text-shadow:none; }.hero-reimagined h1 em::after { background:linear-gradient(90deg,transparent,rgba(163,230,53,.94),transparent); }
.hero-proof i { color:var(--ink); background:var(--mint); }
.signal-stage { border-color:rgba(255,255,255,.2); background:linear-gradient(150deg,rgba(42,42,42,.92),rgba(14,14,14,.92)); box-shadow:0 42px 100px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12); }.signal-stage:hover { border-color:rgba(255,255,255,.55); }.signal-stage::before { background:linear-gradient(122deg,rgba(255,255,255,.11),transparent 18% 68%,rgba(255,255,255,.03)); }.stage-header,.stage-footer { color:rgba(255,255,255,.6); }.stage-live { color:#e9ffd0; }.stage-live i { background:var(--mint); box-shadow:0 0 0 0 rgba(163,230,53,.6); }.flow-picker { border-color:rgba(255,255,255,.13); background:rgba(0,0,0,.3); }.flow-control { color:rgba(255,255,255,.48); }.flow-control.active { color:#111; background:var(--white); box-shadow:none; }.signal-card { border-color:rgba(255,255,255,.16); background:linear-gradient(135deg,rgba(42,42,42,.96),rgba(24,24,24,.92)); }.signal-action { background:linear-gradient(135deg,rgba(47,47,47,.94),rgba(25,25,25,.92)); }.signal-card-label { color:rgba(255,255,255,.55); }.signal-source { color:rgba(255,255,255,.72); background:rgba(255,255,255,.09); }.signal-status { color:#eaffcf; background:rgba(163,230,53,.11); }.signal-status i { background:var(--mint); }.signal-thread { background:linear-gradient(#fff,rgba(163,230,53,.22)); }.signal-thread::before,.signal-thread::after { background:rgba(255,255,255,.28); }.signal-thread i { border-color:#fff; background:var(--mint); box-shadow:0 0 0 6px rgba(163,230,53,.13); }.stage-halo,.stage-halo span { border-color:rgba(255,255,255,.11); }.stage-halo span:nth-child(3) { background:rgba(255,255,255,.025); }.stage-footer span:last-child { color:var(--mint); }
.principles { background:var(--white); color:var(--ink); }.principles-grid>div { border-color:rgba(0,0,0,.15); }.principles-grid span { color:rgba(0,0,0,.48); }
.system-card-featured { background:linear-gradient(150deg,#171717,#030303); }.system-card-featured::after { border-color:rgba(255,255,255,.18); box-shadow:0 0 0 36px rgba(255,255,255,.035),0 0 0 73px rgba(255,255,255,.02); }.system-card-featured .card-number,.system-card-featured .card-tag { color:rgba(255,255,255,.5); }.card-icon { background:#ececec; }.system-card-featured .card-icon { background:rgba(255,255,255,.12); }.card-icon-capture span,.card-icon-route span,.card-icon-follow span { border-color:#111; background-color:#111; }.system-card-featured .card-icon-capture span { border-color:#fff; }.system-card-featured .card-icon-capture span:not(:first-child) { background:#fff; }
.approach-list span { color:var(--mint); }.text-link { color:var(--white); border-color:var(--mint); }
.audit-panel { background:linear-gradient(130deg,#1c1c1c,#090909 62%,#151515); }.audit-points i { color:var(--mint); }.audit-orbit,.audit-ring { border-color:rgba(255,255,255,.16); }.audit-ring { box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 72px rgba(255,255,255,.02); }.audit-visual::before { background:radial-gradient(circle at 60% 50%,rgba(255,255,255,.12),transparent 14%),radial-gradient(circle at 14% 40%,rgba(163,230,53,.1),transparent 12%); }.audit-note { border-color:rgba(255,255,255,.24); background:rgba(13,13,13,.78); }.audit-note span,.spot-one { background:#fff; box-shadow:0 0 0 8px rgba(255,255,255,.1); }.spot-two,.note-two span { background:var(--mint); }
.contact-meta a,.legal-card a { color:#111; }.form-grid b { color:#111; } input:focus,textarea:focus { border-color:#111; box-shadow:0 0 0 4px rgba(0,0,0,.1); }.consent input { accent-color:#111; }.legal-note { border-color:#111; background:#ecece8; color:#444 !important; }
@keyframes live-pulse { 0%,100% { box-shadow:0 0 0 0 rgba(163,230,53,.55); } 55% { box-shadow:0 0 0 6px rgba(163,230,53,0); } }
@keyframes node-ping { 0%,100% { box-shadow:0 0 0 6px rgba(163,230,53,.13); } 55% { box-shadow:0 0 0 13px rgba(163,230,53,0); } }

/* Information architecture: persistent orientation, explorable workflow, explicit trust. */
.site-header { position:fixed; transition:background 220ms ease,box-shadow 220ms ease; }.site-header.is-scrolled { background:rgba(10,10,10,.92); box-shadow:0 8px 30px rgba(0,0,0,.2); backdrop-filter:blur(16px); }.site-header.is-scrolled .nav-shell { border-color:transparent; }.nav-links a.active:not(.nav-cta) { color:#fff; }.nav-links a.active:not(.nav-cta)::after { content:""; width:4px; height:4px; margin-left:.45rem; border-radius:50%; background:var(--mint); }
.journey-section { background:var(--white); }.journey-heading { margin-bottom:3.25rem; }.journey-shell { display:grid; grid-template-columns:300px minmax(0,1fr); overflow:hidden; border:1px solid rgba(0,0,0,.18); border-radius:16px; background:#f6f6f3; box-shadow:0 26px 55px rgba(0,0,0,.09); }.journey-tabs { display:grid; align-content:start; padding:1rem; border-right:1px solid rgba(0,0,0,.14); }.journey-tab { display:flex; align-items:center; gap:.75rem; min-height:62px; border:0; border-radius:9px; padding:.75rem; background:transparent; color:#666; text-align:left; font-size:.82rem; font-weight:800; transition:background 180ms ease,color 180ms ease,transform 180ms ease; }.journey-tab:hover { color:#111; background:#ecece9; }.journey-tab.active { color:#111; background:#e7e7e2; }.journey-tab span { color:#999; font-family:var(--mono); font-size:.62rem; }.journey-tab.active span { color:#111; }.journey-panel { min-height:410px; display:grid; grid-template-columns:minmax(0,.88fr) minmax(330px,.86fr); gap:2rem; align-items:center; padding:clamp(1.7rem,4vw,4rem); color:#fff; background:radial-gradient(circle at 78% 32%,rgba(255,255,255,.13),transparent 23%),linear-gradient(135deg,#222 0%,#0a0a0a 72%); }.journey-kicker { display:block; margin-bottom:1rem; color:var(--mint); font-family:var(--mono); font-size:.64rem; letter-spacing:.08em; text-transform:uppercase; }.journey-panel h3 { max-width:490px; margin:0 0 1rem; font-size:clamp(2rem,3.5vw,3.5rem); }.journey-panel-copy>p { max-width:460px; color:rgba(255,255,255,.65); font-size:.96rem; line-height:1.75; }.journey-link { color:#fff; border-color:var(--mint); }.journey-visual { position:relative; min-height:300px; }.journey-window { position:relative; z-index:2; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:13px; background:rgba(35,35,35,.88); box-shadow:0 30px 50px rgba(0,0,0,.32); }.journey-window-bar { display:flex; align-items:center; gap:5px; min-height:42px; padding:0 14px; border-bottom:1px solid rgba(255,255,255,.12); }.journey-window-bar i { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.32); }.journey-window-bar span { margin-left:.35rem; color:rgba(255,255,255,.55); font-family:var(--mono); font-size:.61rem; }.journey-event { display:grid; grid-template-columns:38px 1fr auto; gap:.75rem; align-items:center; padding:1.25rem; }.journey-event-icon { display:flex; align-items:center; justify-content:center; width:35px; height:35px; border-radius:50%; color:#111; background:var(--mint); font-size:.95rem; }.journey-event small { display:block; margin-bottom:.13rem; color:rgba(255,255,255,.45); font-size:.63rem; }.journey-event strong { display:block; font-size:.82rem; }.journey-event time { color:rgba(255,255,255,.44); font-family:var(--mono); font-size:.6rem; }.journey-rule { display:flex; align-items:center; gap:.65rem; margin:0 1.25rem; padding:.8rem 0; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.67); font-family:var(--mono); font-size:.61rem; }.journey-rule span:first-child { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 4px rgba(163,230,53,.13); }.journey-owner { display:flex; align-items:center; gap:.5rem; padding:1.05rem 1.25rem; }.journey-owner span { color:rgba(255,255,255,.45); font-size:.64rem; }.journey-owner strong { margin-right:auto; font-size:.72rem; }.journey-owner i { border:1px solid rgba(255,255,255,.14); border-radius:5px; padding:.22rem .35rem; color:rgba(255,255,255,.6); font-family:var(--mono); font-size:.55rem; font-style:normal; }.journey-orbit { position:absolute; right:-70px; bottom:-85px; width:240px; height:240px; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 31px rgba(255,255,255,.03),0 0 0 65px rgba(255,255,255,.018); animation:orbit-sweep 10s ease-in-out infinite alternate; }
.trust-section { color:#fff; background:#0a0a0a; }.trust-layout { display:grid; grid-template-columns:.86fr 1.14fr; gap:clamp(3rem,9vw,9rem); align-items:start; }.trust-intro h2 { max-width:530px; margin-bottom:1.25rem; font-size:clamp(2.5rem,4.2vw,4rem); }.trust-intro>p:not(.eyebrow) { max-width:485px; color:rgba(255,255,255,.62); font-size:.98rem; line-height:1.75; }.trust-grid { display:grid; gap:.75rem; }.trust-card { position:relative; min-height:150px; padding:1.35rem 1.4rem; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:11px; background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(255,255,255,.015)); transition:transform 200ms ease,border-color 200ms ease,background 200ms ease; }.trust-card:hover { transform:translateX(5px); border-color:rgba(255,255,255,.32); background:linear-gradient(110deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); }.trust-card-number { display:block; margin-bottom:.75rem; color:var(--mint); font-family:var(--mono); font-size:.63rem; }.trust-card h3 { margin:0 0 .35rem; font-size:1.1rem; }.trust-card p { max-width:530px; margin:0; color:rgba(255,255,255,.59); font-size:.83rem; line-height:1.6; }.trust-card-note { position:absolute; right:1.4rem; bottom:1.25rem; color:rgba(255,255,255,.38); font-family:var(--mono); font-size:.56rem; }
.contact-assurance { display:flex; flex-wrap:wrap; gap:.45rem 1rem; margin-top:1.25rem; color:#737373; font-family:var(--mono); font-size:.58rem; }.contact-assurance i { color:#111; font-style:normal; font-weight:700; }
@keyframes orbit-sweep { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(-11px,-13px,0) scale(1.07); } }
@media (max-width:900px) { .journey-shell { grid-template-columns:1fr; }.journey-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); gap:.35rem; border-right:0; border-bottom:1px solid rgba(0,0,0,.14); }.journey-tab { min-height:50px; display:grid; gap:.2rem; padding:.55rem; font-size:.7rem; }.journey-panel { grid-template-columns:1fr; }.trust-layout { grid-template-columns:1fr; gap:3rem; } }
@media (max-width:700px) { .site-header.is-scrolled .nav-shell { min-height:64px; }.journey-heading { margin-bottom:2.25rem; }.journey-tabs { grid-template-columns:1fr 1fr; padding:.65rem; }.journey-tab { display:flex; min-height:43px; font-size:.67rem; }.journey-panel { min-height:0; padding:1.4rem; }.journey-panel h3 { font-size:2.1rem; }.journey-visual { min-height:245px; }.journey-event { grid-template-columns:34px 1fr; }.journey-event time { display:none; }.trust-card { min-height:175px; }.trust-card-note { position:static; display:block; margin-top:1rem; }.contact-assurance { display:grid; gap:.35rem; } }
@media (prefers-reduced-motion:reduce) { .journey-orbit { animation:none; } }
.journey-panel.is-changing .journey-panel-copy,.journey-panel.is-changing .journey-window { opacity:.32; transform:translateY(5px); }.journey-panel-copy,.journey-window { transition:opacity 160ms ease,transform 160ms ease; }

/* Signature phone demo: original phone-inspired interface, ready to sync to the supplied recording. */
.journey-section { background:linear-gradient(180deg,#fff,#f2f2ef); }.call-demo { display:grid; grid-template-columns:minmax(0,.8fr) 326px minmax(0,.85fr); gap:clamp(1.5rem,4vw,4.5rem); align-items:center; padding:clamp(1.25rem,3vw,3rem); overflow:hidden; border:1px solid rgba(0,0,0,.14); border-radius:20px; background:radial-gradient(circle at 49% 45%,rgba(163,230,53,.12),transparent 19%),#f8f8f6; box-shadow:0 30px 65px rgba(0,0,0,.1); }.call-context { padding:1rem 0; }.call-context-kicker { display:block; margin-bottom:1rem; color:#555; font-family:var(--mono); font-size:.62rem; letter-spacing:.07em; text-transform:uppercase; }.call-context h3 { max-width:380px; margin:0 0 1rem; font-size:clamp(1.85rem,3vw,3rem); }.call-context>p { max-width:390px; color:#666; font-size:.9rem; line-height:1.7; }.call-context-points { display:grid; gap:.62rem; margin:1.6rem 0; color:#252525; font-size:.76rem; font-weight:800; }.call-context-points i { display:inline-block; width:22px; color:#777; font-family:var(--mono); font-size:.57rem; font-style:normal; }.phone-demo-shell { display:flex; justify-content:center; }.phone-demo { position:relative; width:318px; height:640px; padding:7px; border:1px solid #363636; border-radius:48px; background:linear-gradient(135deg,#383838,#090909 40%,#2e2e2e); box-shadow:0 38px 50px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.16); }.phone-side-button { position:absolute; left:-3px; width:3px; border-radius:3px 0 0 3px; background:#3d3d3d; }.side-one { top:126px; height:32px; }.side-two { top:178px; height:59px; }.phone-screen { position:relative; height:100%; overflow:hidden; border-radius:41px; color:#fff; background:radial-gradient(circle at 46% 20%,rgba(255,255,255,.14),transparent 24%),radial-gradient(circle at 63% 76%,rgba(163,230,53,.13),transparent 21%),linear-gradient(155deg,#242424,#070707 66%); }.phone-status { position:absolute; z-index:4; top:0; right:0; left:0; display:flex; align-items:center; justify-content:space-between; height:40px; padding:0 22px; color:#fff; font-size:.64rem; font-weight:800; }.phone-island { position:absolute; top:8px; left:50%; width:91px; height:23px; border-radius:99px; background:#000; transform:translateX(-50%); }.call-incoming,.call-live { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; padding:72px 20px 22px; transition:opacity 300ms ease,transform 300ms ease; }.call-incoming { text-align:center; }.call-screen-label { margin:0 0 1.4rem; color:rgba(255,255,255,.57); font-size:.73rem; }.call-avatar { display:flex; align-items:center; justify-content:center; width:90px; height:90px; margin-bottom:1.15rem; border:1px solid rgba(255,255,255,.23); border-radius:50%; background:linear-gradient(145deg,#343434,#181818); box-shadow:0 0 0 8px rgba(255,255,255,.035),0 16px 35px rgba(0,0,0,.25); }.call-avatar span { color:#fff; font-size:1rem; font-weight:800; letter-spacing:-.08em; }.call-incoming h3 { margin:0; font-size:1.55rem; letter-spacing:-.05em; }.call-subtitle { margin:.3rem 0 1.3rem; color:rgba(255,255,255,.55); font-size:.74rem; }.call-availability { display:inline-flex; align-items:center; gap:.38rem; margin-bottom:1.7rem; padding:.3rem .55rem; border-radius:99px; background:rgba(163,230,53,.11); color:#e7ffc9; font-family:var(--mono); font-size:.56rem; }.call-availability i { width:5px; height:5px; border-radius:50%; background:var(--mint); }.call-incoming-message { width:100%; margin-top:auto; margin-bottom:1.05rem; padding:1rem; border:1px solid rgba(255,255,255,.15); border-radius:14px; background:rgba(255,255,255,.06); text-align:left; }.call-incoming-message span { display:block; margin-bottom:.2rem; color:rgba(255,255,255,.47); font-size:.64rem; }.call-incoming-message strong { font-size:.77rem; }.call-accept { width:100%; min-height:52px; display:flex; align-items:center; justify-content:center; gap:.55rem; border:0; border-radius:15px; background:#fff; color:#111; font-size:.84rem; font-weight:900; transition:transform 180ms ease,box-shadow 180ms ease; }.call-accept:hover { transform:translateY(-2px); box-shadow:0 10px 22px rgba(255,255,255,.16); }.accept-icon { display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--mint); font-size:.82rem; transform:rotate(-28deg); }.call-hint { margin:.75rem 0 0; color:rgba(255,255,255,.4); font-size:.58rem; }.call-live { align-items:stretch; opacity:0; pointer-events:none; transform:translateY(12px); }.call-demo.is-live .call-incoming { opacity:0; pointer-events:none; transform:scale(.97); }.call-demo.is-live .call-live { opacity:1; pointer-events:auto; transform:none; }.call-live-top { display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.66); font-family:var(--mono); font-size:.59rem; }.call-live-top span { display:flex; align-items:center; gap:.35rem; }.call-live-top i { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 4px rgba(163,230,53,.13); }.call-live-person { display:flex; align-items:center; justify-content:center; gap:.7rem; margin:1.35rem 0 .9rem; text-align:left; }.call-avatar.mini { width:38px; height:38px; flex:0 0 auto; margin:0; box-shadow:none; }.call-avatar.mini span { font-size:.58rem; }.call-live-person strong,.call-live-person span { display:block; }.call-live-person strong { font-size:.77rem; }.call-live-person span { color:rgba(255,255,255,.48); font-size:.61rem; }.call-wave { display:flex; align-items:center; justify-content:center; gap:4px; height:39px; margin-bottom:1rem; }.call-wave i { width:3px; height:8px; border-radius:99px; background:rgba(255,255,255,.27); }.call-demo.is-live .call-wave i { background:var(--mint); animation:call-wave 850ms ease-in-out infinite alternate; }.call-demo.is-live .call-wave i:nth-child(2n) { animation-delay:-230ms; }.call-demo.is-live .call-wave i:nth-child(3n) { animation-delay:-520ms; }.call-now { padding:.8rem; border:1px solid rgba(255,255,255,.12); border-radius:11px; background:rgba(255,255,255,.055); text-align:center; }.call-now span { display:block; margin-bottom:.2rem; color:var(--mint); font-family:var(--mono); font-size:.56rem; text-transform:uppercase; }.call-now strong { display:block; font-size:.68rem; line-height:1.45; }.call-transcript { display:grid; gap:.55rem; min-height:150px; max-height:150px; margin:1rem -.1rem .7rem; padding:0 .1rem; overflow:auto; scrollbar-width:none; }.call-transcript::-webkit-scrollbar { display:none; }.call-transcript-line { padding:.55rem .62rem; border-left:2px solid rgba(255,255,255,.18); border-radius:0 7px 7px 0; background:rgba(255,255,255,.045); animation:transcript-in 300ms cubic-bezier(.2,.8,.2,1) both; }.call-transcript-line.caller { border-color:var(--mint); background:rgba(163,230,53,.075); }.call-transcript-line span { display:block; margin-bottom:.12rem; color:rgba(255,255,255,.48); font-family:var(--mono); font-size:.52rem; }.call-transcript-line.caller span { color:#e3ffc1; }.call-transcript-line p { margin:0; color:rgba(255,255,255,.82); font-size:.61rem; line-height:1.45; }.call-live-footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; color:rgba(255,255,255,.4); font-family:var(--mono); font-size:.55rem; }.call-replay { border:1px solid rgba(255,255,255,.2); border-radius:6px; padding:.32rem .48rem; background:transparent; color:#fff; font-size:.57rem; font-weight:700; }.call-replay:hover { border-color:#fff; }.call-actions { align-self:center; }.call-actions-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:.8rem; border-bottom:1px solid rgba(0,0,0,.14); color:#555; font-family:var(--mono); font-size:.61rem; letter-spacing:.06em; text-transform:uppercase; }.call-actions-head i { width:7px; height:7px; border-radius:50%; background:#bdbdbd; }.call-demo.is-live .call-actions-head i { background:var(--mint); box-shadow:0 0 0 5px rgba(163,230,53,.13); }.call-actions ol { margin:0; padding:0; list-style:none; }.call-actions li { display:grid; grid-template-columns:28px 1fr auto; gap:.55rem; align-items:center; padding:1rem 0; border-bottom:1px solid rgba(0,0,0,.12); opacity:.45; transition:opacity 220ms ease,transform 220ms ease; }.call-actions li[data-state="active"],.call-actions li[data-state="complete"] { opacity:1; }.call-actions li[data-state="active"] { transform:translateX(4px); }.call-actions li>span { color:#777; font-family:var(--mono); font-size:.59rem; }.call-actions strong { display:block; font-size:.77rem; }.call-actions p { margin:.12rem 0 0; color:#747474; font-size:.64rem; line-height:1.4; }.call-actions li>i { border:1px solid rgba(0,0,0,.13); border-radius:5px; padding:.22rem .34rem; color:#777; font-family:var(--mono); font-size:.53rem; font-style:normal; }.call-actions li[data-state="active"]>i { border-color:rgba(163,230,53,.7); color:#385600; background:rgba(163,230,53,.17); }.call-actions li[data-state="complete"]>i { border-color:#111; color:#fff; background:#111; }.call-actions-note { margin:1rem 0 0; color:#777; font-size:.7rem; line-height:1.55; }
@keyframes call-wave { from { height:6px; opacity:.38; } to { height:28px; opacity:1; } } @keyframes transcript-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@media (max-width:1060px) { .call-demo { grid-template-columns:minmax(0,1fr) 310px; }.call-actions { grid-column:1/-1; }.call-actions ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }.call-actions li { grid-template-columns:1fr; align-items:start; }.call-actions li>i { width:max-content; }.call-actions-note { display:none; } }
@media (max-width:700px) { .call-demo { grid-template-columns:1fr; padding:1.1rem; }.call-context { padding:.5rem 0 1rem; }.phone-demo { width:min(100%,312px); height:610px; }.call-actions { grid-column:auto; }.call-actions ol { grid-template-columns:1fr 1fr; gap:0 1rem; }.call-actions li { min-height:103px; }.call-actions-note { display:block; }.call-context-points { grid-template-columns:1fr 1fr; gap:.5rem; }.call-context-points span:last-child { grid-column:1/-1; } }
@media (prefers-reduced-motion:reduce) { .call-demo.is-live .call-wave i { animation:none; height:14px; } }
.call-incoming { padding:49px 16px 18px; }.call-lock-clock { margin-bottom:.75rem; color:#fff; text-align:center; }.call-lock-clock strong,.call-lock-clock span { display:block; }.call-lock-clock strong { font-size:1.65rem; letter-spacing:-.07em; line-height:1; }.call-lock-clock span { margin-top:.2rem; color:rgba(255,255,255,.48); font-size:.58rem; }.call-notification { width:100%; display:grid; grid-template-columns:31px 1fr auto; gap:.5rem; align-items:center; margin-bottom:1.15rem; padding:.65rem; border:1px solid rgba(255,255,255,.16); border-radius:13px; background:rgba(255,255,255,.15); box-shadow:0 10px 24px rgba(0,0,0,.18); text-align:left; backdrop-filter:blur(14px); }.call-notification-mark { display:flex; align-items:center; justify-content:center; width:31px; height:31px; border-radius:9px; background:#fff; color:#111; font-size:.48rem; font-weight:900; letter-spacing:-.08em; }.call-notification small,.call-notification strong,.call-notification p { display:block; }.call-notification small { margin-bottom:.05rem; color:rgba(255,255,255,.5); font-family:var(--mono); font-size:.43rem; letter-spacing:.04em; }.call-notification strong { font-size:.63rem; }.call-notification p { margin:.07rem 0 0; color:rgba(255,255,255,.58); font-size:.5rem; }.call-notification time { align-self:start; color:rgba(255,255,255,.5); font-size:.48rem; }.call-incoming .call-avatar { width:72px; height:72px; margin-bottom:.72rem; }.call-incoming h3 { font-size:1.35rem; }.call-subtitle { margin:.24rem 0 .8rem; }.call-availability { margin-bottom:.8rem; }.call-sound-toggle { width:100%; min-height:34px; margin-bottom:.55rem; border:1px solid rgba(255,255,255,.22); border-radius:10px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.76); font-size:.62rem; font-weight:800; transition:background 180ms ease,border-color 180ms ease,color 180ms ease; }.call-sound-toggle:hover { border-color:rgba(255,255,255,.6); color:#fff; }.call-sound-toggle span { margin-right:.3rem; color:var(--mint); }.call-demo.sound-on .call-sound-toggle { border-color:rgba(163,230,53,.6); background:rgba(163,230,53,.12); color:#edffda; }.call-incoming-message { padding:.75rem .85rem; margin-bottom:.65rem; }.call-demo.is-ringing .phone-demo { animation:phone-ring 3s ease-in-out infinite; }.call-demo.is-ringing .call-avatar { position:relative; }.call-demo.is-ringing .call-avatar::before { content:""; position:absolute; inset:-11px; border:1px solid rgba(163,230,53,.55); border-radius:50%; animation:ring-ripple 1.7s ease-out infinite; }.call-demo.is-ringing .call-notification { animation:notification-breathe 1.55s ease-in-out infinite alternate; }.call-demo.is-ringing .call-notification-mark { animation:notification-flash 1.55s ease-in-out infinite alternate; }
@keyframes phone-ring { 0%,100% { transform:translateX(0) rotate(0); } 3% { transform:translateX(-1px) rotate(-.12deg); } 6% { transform:translateX(1px) rotate(.12deg); } 9% { transform:translateX(0) rotate(0); } } @keyframes ring-ripple { 0% { transform:scale(.84); opacity:.78; } 100% { transform:scale(1.4); opacity:0; } } @keyframes notification-breathe { from { background:rgba(255,255,255,.13); border-color:rgba(255,255,255,.16); } to { background:rgba(255,255,255,.23); border-color:rgba(255,255,255,.34); } } @keyframes notification-flash { to { box-shadow:0 0 0 5px rgba(163,230,53,.12); } }
@media (max-width:700px) { .call-lock-clock { margin-bottom:.55rem; }.call-notification { margin-bottom:.9rem; }.call-incoming .call-avatar { width:67px; height:67px; }.call-incoming-message { margin-top:auto; } }
@media (prefers-reduced-motion:reduce) { .call-demo.is-ringing .phone-demo,.call-demo.is-ringing .call-avatar::before,.call-demo.is-ringing .call-notification,.call-demo.is-ringing .call-notification-mark { animation:none; } }