:root{--navy:#092d45;--purple:#8158d6;--gold:#c5a16b;--pale:#f0f4f7;--line:#d9e2ea;--muted:#617184}*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:var(--navy);font-family:Inter,Arial,sans-serif;line-height:1.55}.tb-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.tb-brand{font:700 20px Georgia,serif;color:var(--navy);text-decoration:none}.tb-header nav{display:flex;gap:28px}.tb-header nav a{font-size:14px;color:var(--navy);text-decoration:none}.tb-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-size:14px;font-weight:700}.tb-hero{position:relative;overflow:hidden;min-height:700px;display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.8fr);gap:48px;align-items:center;padding:clamp(72px,10vw,150px) max(5vw,30px);color:#fff;background:linear-gradient(135deg,#072840,#387b9b)}.tb-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;mix-blend-mode:screen}.tb-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,29,47,.95),rgba(5,46,71,.72) 57%,rgba(179,151,106,.35));z-index:0}.tb-hero-copy,.tb-hero-device{position:relative;z-index:1}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--purple)}.tb-hero .eyebrow{color:#e1c895}.tb-hero h1,.section h2{font:400 clamp(42px,5.7vw,84px)/.98 Georgia,serif;letter-spacing:-.055em;margin:0}.tb-hero h1 em{font-style:italic;color:#e1c895}.tb-hero h2{font:600 23px/1.2 Inter,Arial,sans-serif;margin:24px 0 0}.lede{max-width:580px;color:#dbe9f2;font-size:19px;line-height:1.55;margin:28px 0 42px}.meta{display:flex;flex-wrap:wrap;gap:26px;margin:0}.meta div{min-width:110px}.meta dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#b7d2de}.meta dd{font-size:14px;margin:5px 0 0}.tb-hero-device{padding:14px;border:1px solid rgba(255,255,255,.4);border-radius:30px;background:linear-gradient(145deg,rgba(241,249,255,.78),rgba(110,177,207,.26));box-shadow:0 35px 85px rgba(0,0,0,.34)}.tb-hero-device img{display:block;width:100%;aspect-ratio:.75;object-fit:contain;border-radius:18px;filter:drop-shadow(0 30px 26px rgba(0,0,0,.28))}.section{padding:clamp(78px,10vw,150px) max(5vw,30px)}.section-intro{max-width:780px;margin-bottom:44px}.section h2{font-size:clamp(38px,4.6vw,68px)}.section-intro>p:not(.eyebrow){max-width:700px;margin:24px 0 0;color:var(--muted);font-size:17px}.overview{background:#fff}.cards{display:grid;gap:18px}.cards.two{grid-template-columns:1fr 1fr}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article,.persona-grid article,.feature-copy article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 16px 35px rgba(9,45,69,.07)}.cards h3,.persona-grid h3,.feature-copy h3{font-size:20px;margin:0 0 16px}.cards p,.cards li,.persona-grid p,.feature-copy p{color:var(--muted);font-size:14px}.cards ul{margin:0;padding-left:19px}.cards li{margin:10px 0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tags span{padding:7px 10px;border-radius:5px;background:#f0effb;color:#6751aa;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.challenge,.mobile-flow.pale{background:var(--pale)}.metrics article{min-height:170px;display:flex;flex-direction:column;justify-content:space-between}.metrics strong{font:400 54px Georgia,serif;color:var(--purple)}.metrics span{color:var(--muted);font-size:14px}.research{background:#fff}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.persona-grid article>span,.feature-copy article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1edff;color:var(--purple);font-size:12px;font-weight:800}.persona-grid h3{margin-top:22px}.insight{margin-top:20px;padding:22px 28px;background:var(--navy);border-radius:18px;color:#fff}.insight strong{color:#e1c895;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.insight p{margin:8px 0 0;color:#d5e7ee}.mobile-flow,.support{background:#fff}.screen-grid{display:grid;gap:16px}.screen-grid.four{grid-template-columns:repeat(4,1fr)}.screen-grid.three{grid-template-columns:repeat(3,1fr)}figure{margin:0;padding:12px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 24px 52px rgba(9,45,69,.11)}figure img{display:block;width:100%;height:440px;object-fit:contain;border-radius:14px;background:linear-gradient(155deg,#f9fbfe,#e8eef3)}figcaption{padding:14px 5px 4px;font-size:12px;font-weight:700;color:var(--navy)}.dashboard{background:linear-gradient(135deg,#ecf5fb,#fff)}.feature-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.screen-card{padding:14px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 28px 65px rgba(9,45,69,.12)}.screen-card img{display:block;width:100%;aspect-ratio:1.6;object-fit:contain;background:#f3f7fa;border-radius:15px}.feature-copy{display:grid;gap:15px}.feature-copy article{padding:23px}.feature-copy h3{margin-top:14px}.reflection{background:var(--navy);color:#fff}.reflection .eyebrow{color:#e1c895}.reflection .section-intro>p:not(.eyebrow){color:#cce0e8}.closing-card{max-width:980px;padding:40px;border-radius:22px;background:#fff;color:var(--navy);box-shadow:0 28px 60px rgba(0,0,0,.14)}.closing-card h3{font:400 42px Georgia,serif;margin:0}.closing-card p{color:var(--muted);max-width:700px}.closing-card .tb-cta{margin-top:16px}footer{display:flex;justify-content:space-between;gap:18px;padding:25px 5vw;background:#061e31;color:#c9dce6;font-size:13px}@media(max-width:780px){.tb-header{height:66px;padding:0 20px}.tb-header nav{display:none}.tb-header .tb-cta{padding:9px 13px;font-size:12px}.tb-hero{grid-template-columns:1fr;padding:78px 24px 55px;min-height:0;gap:42px}.tb-hero h1{font-size:48px}.lede{font-size:17px}.section{padding-left:24px;padding-right:24px}.cards.two,.cards.three,.persona-grid,.feature-layout,.screen-grid.four,.screen-grid.three{grid-template-columns:1fr}.metrics article{min-height:130px}figure img{height:470px}.feature-layout{gap:26px}.closing-card{padding:26px}.closing-card h3{font-size:34px}footer{flex-direction:column;padding:22px 24px}}
.closing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.closing-actions .primary{background:var(--purple)}