:root {
  --landing-bg:#0c1120;
  --landing-surface:rgba(20,29,48,.72);
  --landing-surface-elevated:rgba(30,42,67,.72);
  --landing-line:rgba(226,232,240,.12);
  --landing-line-strong:rgba(255,255,255,.19);
  --landing-text:#f8fafc;
  --landing-lead:#e2e8f0;
  --landing-muted:#a7b4c8;
  --landing-dim:#71809a;
  --landing-accent:#5b86ff;
  --landing-accent-bright:#83a6ff;
  --landing-danger:#ff7883;
  --landing-positive:#65d6ac;
}

* { box-sizing:border-box; }
html { background:var(--landing-bg); scroll-behavior:smooth; }
body.landing-preview {
  min-width:0;
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(880px 600px at 80% 18%, rgba(62,87,210,.20), transparent 66%),
    radial-gradient(680px 520px at 17% 66%, rgba(111,61,184,.13), transparent 70%),
    var(--landing-bg);
  color:var(--landing-text);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:18px;
  line-height:1.55;
}
body.landing-preview::before {
  position:fixed;
  z-index:-1;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:72px 72px;
  content:"";
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 78%);
}
button,a { font:inherit; } a { color:inherit; } button { cursor:pointer; }
:focus-visible { outline:2px solid var(--landing-accent-bright); outline-offset:4px; }
.landing-eyebrow,.landing-step-number,.dashboard-label,.privacy-caption { margin:0 0 12px; }
.landing-skip { position:fixed; z-index:20; top:8px; left:8px; padding:8px 12px; transform:translateY(-150%); border-radius:7px; background:#fff; color:#0b1020; font-size:14px; }.landing-skip:focus { transform:none; }

.landing-header { position:absolute; z-index:3; top:0; right:0; left:0; display:flex; justify-content:space-between; align-items:center; max-width:1520px; margin:auto; padding:28px 48px; font-size:12px; letter-spacing:.1em; }
.landing-brand { font-weight:800; letter-spacing:.08em; text-decoration:none; }.landing-brand span { color:var(--landing-accent-bright); }
.landing-login { padding:8px 14px; border:1px solid var(--landing-line); border-radius:8px; color:var(--landing-lead); font-size:13px; font-weight:600; letter-spacing:0; text-decoration:none; transition:border-color .2s ease,background .2s ease; }.landing-login:hover { border-color:var(--landing-line-strong); background:rgba(255,255,255,.055); }

.landing-hero { display:grid; grid-template-columns:minmax(330px,40%) minmax(0,60%); align-items:center; min-height:92vh; max-width:1520px; margin:auto; padding:118px 48px 76px; gap:30px; }
.landing-eyebrow,.landing-step-number,.dashboard-label,.privacy-caption { color:var(--landing-accent-bright); font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.landing-hero h1 { max-width:575px; margin:0; font-size:clamp(45px,4.25vw,62px); font-weight:600; line-height:1.15; letter-spacing:-.03em; }
.landing-lead { max-width:530px; margin:26px 0 30px; color:var(--landing-lead); font-size:18px; line-height:1.6; }
.landing-actions { display:flex; flex-wrap:wrap; gap:12px; }.landing-button { min-height:42px; padding:9px 16px; border:1px solid var(--landing-line); border-radius:8px; text-decoration:none; font-size:14px; font-weight:650; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease; }.landing-button:hover { transform:translateY(-1px); border-color:var(--landing-line-strong); }.landing-button--primary { position:relative; overflow:hidden; border-color:rgba(150,177,255,.6); background:linear-gradient(135deg,#4d79ff,#3263ef); color:#fff; box-shadow:0 9px 25px rgba(47,105,255,.23); }.landing-button--primary::after { position:absolute; top:0; right:-45%; bottom:0; left:-45%; background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.26) 50%,transparent 65%); content:""; transform:translateX(-55%); transition:transform .5s ease; }.landing-button--primary:hover::after { transform:translateX(55%); }.landing-button--secondary { background:rgba(255,255,255,.025); color:var(--landing-text); }

.hero-dashboard { position:relative; min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:linear-gradient(145deg,rgba(31,44,72,.72),rgba(13,20,36,.78)); box-shadow:0 35px 80px rgba(0,0,0,.38),0 28px 86px rgba(47,105,255,.13),inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(20px) saturate(120%); font-size:11px; transform:perspective(1500px) rotateY(-1.2deg) rotateX(1deg); }
.hero-dashboard::before { position:absolute; top:-35%; right:-12%; width:54%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(105,135,255,.20),transparent 67%); content:""; filter:blur(14px); pointer-events:none; }
.dashboard-topline { position:relative; display:flex; justify-content:space-between; gap:8px; padding:11px 15px; border-bottom:1px solid var(--landing-line); color:var(--landing-dim); font:10px "JetBrains Mono",monospace; }.dashboard-shell { position:relative; display:grid; grid-template-columns:92px minmax(0,1fr) 162px; min-height:398px; }.dashboard-nav { display:flex; flex-direction:column; gap:7px; padding:15px 10px; border-right:1px solid var(--landing-line); color:var(--landing-muted); }.dashboard-nav-logo { margin-bottom:12px; color:var(--landing-text); font-weight:800; }.dashboard-nav-item { padding:7px 8px; border-radius:5px; }.dashboard-nav-item.is-active { border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.07); color:var(--landing-text); }
.dashboard-main { min-width:0; padding:19px; }.dashboard-client { display:flex; justify-content:space-between; gap:12px; align-items:start; }.dashboard-client strong { display:block; font-size:20px; letter-spacing:-.04em; }.dashboard-client small,.dashboard-inspector-copy { color:var(--landing-muted); }.dashboard-status { padding:4px 6px; border:1px solid rgba(101,214,172,.36); border-radius:4px; background:rgba(101,214,172,.08); color:var(--landing-positive); font:9px "JetBrains Mono",monospace; }
.dashboard-ratings { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:18px 0; }.dashboard-rating { min-width:0; padding:11px; border:1px solid rgba(255,255,255,.12); border-radius:8px; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.022)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }.dashboard-rating span,.dashboard-kpis span { color:var(--landing-dim); font-size:9px; letter-spacing:.07em; }.dashboard-rating strong { display:block; margin:5px 0 2px; color:#f8fbff; font:700 26px "JetBrains Mono",monospace; letter-spacing:-.06em; }.dashboard-rating small { color:var(--landing-muted); font-size:9px; }
.dashboard-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--landing-line); border-bottom:1px solid var(--landing-line); }.dashboard-kpis div { min-width:0; padding:10px 8px; border-right:1px solid var(--landing-line); }.dashboard-kpis div:first-child { padding-left:0; }.dashboard-kpis div:last-child { border:0; }.dashboard-kpis strong { display:block; overflow:hidden; margin-top:3px; color:var(--landing-lead); font:600 12px "JetBrains Mono",monospace; text-overflow:ellipsis; white-space:nowrap; }.is-positive { color:var(--landing-positive)!important; }
.dashboard-timeline { margin-top:18px; }.dashboard-section-title { margin-bottom:10px; font-weight:650; }.dashboard-section-title span { float:right; color:var(--landing-dim); font:10px "JetBrains Mono",monospace; }.dashboard-axis { display:flex; justify-content:space-between; border-top:1px solid var(--landing-line); }.dashboard-axis i { height:5px; border-left:1px solid var(--landing-line); }.dashboard-track { display:grid; grid-template-columns:90px 1fr; align-items:center; height:31px; color:var(--landing-muted); }.dashboard-track b { position:relative; height:2px; margin-right:10%; border-radius:4px; background:linear-gradient(90deg,rgba(79,123,255,.58),var(--landing-accent-bright)); box-shadow:0 0 12px rgba(91,134,255,.38); }.dashboard-track b::before { position:absolute; inset:2px 0 auto; height:12px; background:linear-gradient(to bottom,rgba(91,134,255,.13),transparent); content:""; }.dashboard-track b::after { position:absolute; top:50%; right:-3px; width:6px; height:6px; border:1px solid #dbe7ff; border-radius:50%; background:var(--landing-accent-bright); box-shadow:0 0 11px 3px rgba(91,134,255,.65); content:""; transform:translateY(-50%); }
.dashboard-inspector { padding:19px 13px; border-left:1px solid var(--landing-line); background:linear-gradient(180deg,rgba(8,14,27,.46),rgba(23,32,52,.32)); }.dashboard-inspector strong { display:block; margin:9px 0 5px; font-size:12px; }.dashboard-inspector-copy { margin:0 0 15px; font-size:10px; line-height:1.45; }.dashboard-tags { display:flex; flex-wrap:wrap; gap:6px; }.dashboard-tag { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:5px 6px; border:1px solid rgba(174,191,222,.15); border-radius:4px; background:rgba(174,191,222,.07); color:#c9d5ea; font:9px "JetBrains Mono",monospace; }.dashboard-tag--focus { border-color:rgba(101,214,172,.28); background:rgba(101,214,172,.09); color:var(--landing-positive); }

.landing-story { display:grid; grid-template-columns:minmax(250px,40%) minmax(0,60%); min-height:320vh; max-width:1520px; margin:auto; padding:0 48px; }.landing-story-copy { display:grid; grid-template-rows:repeat(3,1fr); padding:11vh 10% 11vh 0; }.story-step { align-self:center; max-width:430px; opacity:.38; }.story-step h2 { margin:0; font-size:clamp(30px,3vw,46px); line-height:1.08; letter-spacing:-.045em; }.story-step p:last-child { color:var(--landing-muted); font-size:17px; }.landing-scene-wrap { min-width:0; }.landing-scene { position:sticky; top:12vh; height:74vh; min-height:520px; }.scene { position:absolute; inset:0; display:grid; align-content:center; padding:clamp(22px,4vw,58px); border:1px solid rgba(255,255,255,.12); border-radius:14px; background:linear-gradient(145deg,rgba(25,36,59,.84),rgba(12,19,34,.88)); box-shadow:0 30px 70px rgba(0,0,0,.24),0 20px 70px rgba(47,105,255,.09),inset 0 1px 0 rgba(255,255,255,.07); overflow:hidden; }.scene-title { position:absolute; top:24px; left:28px; color:var(--landing-muted); font-size:13px; }.scene:not(.scene-ratings) { opacity:0; pointer-events:none; }.scene-guides { position:absolute; inset:22% 12% auto; display:flex; justify-content:space-around; height:160px; border-top:1px solid var(--landing-line); }.scene-guides i { border-left:1px dashed var(--landing-line); }.scene-rating-cards { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.scene-rating-card { min-width:0; padding:20px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(37,52,82,.65); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }.scene-rating-card span,.scene-rating-card small { display:block; color:var(--landing-muted); font-size:12px; }.scene-rating-card strong { display:block; margin:10px 0; font:700 clamp(32px,4vw,55px) "JetBrains Mono",monospace; }.scene-note { position:absolute; bottom:25px; left:28px; margin:0; color:var(--landing-dim); font-size:13px; }.scene-years { display:flex; justify-content:space-between; margin:0 0 8px 140px; color:var(--landing-dim); font:12px "JetBrains Mono",monospace; }.scene-timeline-line { margin-left:140px; border-top:1px solid var(--landing-line); }.scene-contract { display:grid; grid-template-columns:130px 1fr; align-items:center; min-height:62px; color:var(--landing-muted); }.contract-bar { height:10px; border-radius:3px; background:rgba(91,134,255,.72); }.contract-bar--one { margin-right:16%; }.contract-bar--two { margin-left:19%; margin-right:29%; }.contract-bar--three { margin-left:39%; margin-right:8%; }.overdue { justify-self:start; margin:0; padding:3px 6px; border:1px solid rgba(255,120,131,.6); border-radius:4px; color:var(--landing-danger); font:10px "JetBrains Mono",monospace; }.overdue--one { margin-left:-47%; }.overdue--two { margin-left:-35%; }.inquiry-impulses { position:relative; height:65px; margin:16px 0 0 130px; border-top:1px solid var(--landing-line); }.inquiry-impulses i { position:absolute; bottom:18px; width:2px; height:20px; background:var(--landing-muted); }.inquiry-impulses i:nth-child(1){left:36%;}.inquiry-impulses i:nth-child(2){left:61%;height:31px;}.inquiry-impulses i:nth-child(3){left:77%;height:14px;}.inquiry-impulses span { position:absolute; bottom:0; color:var(--landing-dim); font-size:12px; }
.scene-privacy { grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr); gap:16px; align-items:center; }.privacy-contour { padding:18px; border:1px solid var(--landing-line); border-radius:10px; background:rgba(37,52,82,.58); }.privacy-caption { display:block; }.privacy-contour dl { margin:0; }.privacy-contour dl div { padding:8px 0; border-bottom:1px solid var(--landing-line); }.privacy-contour dl div:last-child { border:0; }.privacy-contour dt { color:var(--landing-dim); font-size:11px; }.privacy-contour dd { margin:2px 0 0; font:12px "JetBrains Mono",monospace; }.privacy-boundary { text-align:center; color:var(--landing-dim); font:9px "JetBrains Mono",monospace; }.privacy-boundary svg { display:block; width:100%; margin-bottom:8px; fill:none; stroke:var(--landing-accent-bright); stroke-width:1.5; }.privacy-return { position:absolute; right:36px; bottom:100px; color:var(--landing-muted); font-size:12px; }.privacy-operator { position:absolute; right:36px; bottom:28px; color:var(--landing-muted); font-size:12px; }.privacy-operator span { color:var(--landing-dim); font:10px "JetBrains Mono",monospace; }

@media (max-width: 900px) { .landing-hero { grid-template-columns:1fr; padding-top:110px; }.landing-hero-copy { max-width:680px; }.hero-dashboard { max-width:860px; width:100%; }.landing-story { padding:0 28px; }.dashboard-shell { grid-template-columns:70px minmax(0,1fr); }.dashboard-inspector { display:none; } }
@media (max-width: 767px) { body.landing-preview { font-size:16px; }.landing-header { padding:20px; }.landing-hero { min-height:auto; padding:104px 20px 56px; gap:36px; }.landing-hero h1 { font-size:clamp(39px,11vw,51px); }.landing-lead { font-size:16px; }.landing-actions { display:grid; grid-template-columns:1fr; }.landing-button { text-align:center; }.hero-dashboard { border-radius:12px; transform:none; }.dashboard-shell { grid-template-columns:minmax(0,1fr); }.dashboard-nav { display:none; }.dashboard-main { padding:14px; }.dashboard-ratings,.dashboard-kpis { gap:5px; }.dashboard-rating { padding:7px; }.dashboard-rating strong { font-size:20px; }.dashboard-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-kpis div { padding:8px; }.dashboard-timeline { display:none; }.landing-story { display:block; min-height:0; padding:0 20px 60px; }.landing-story-copy { display:block; padding:0; }.story-step { max-width:none; padding:72px 0 24px; opacity:1; }.story-step h2 { font-size:32px; }.landing-scene-wrap,.landing-scene { position:static; height:auto; min-height:0; }.landing-scene { display:block; }.scene { position:relative; display:grid; min-height:390px; margin:0 0 34px; padding:65px 18px 28px; opacity:1 !important; pointer-events:auto; }.scene:not(.scene-ratings) { opacity:1; }.scene-guides { inset:18% 10% auto; }.scene-rating-cards { gap:7px; }.scene-rating-card { padding:10px; }.scene-rating-card strong { font-size:26px; }.scene-years { margin-left:80px; font-size:9px; }.scene-timeline-line { margin-left:80px; }.scene-contract { grid-template-columns:75px 1fr; font-size:11px; }.inquiry-impulses { margin-left:80px; }.scene-privacy { grid-template-columns:1fr; gap:10px; }.privacy-boundary { transform:rotate(90deg); margin:14px 0; }.privacy-return { position:static; margin:16px 0 0; }.privacy-operator { position:static; margin-top:22px; }.scene-privacy { min-height:660px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.landing-scene { position:static; height:auto; }.scene { position:relative; min-height:500px; margin-bottom:28px; opacity:1 !important; pointer-events:auto; }.landing-story { min-height:0; }.landing-story-copy { display:block; }.story-step { padding:64px 0 20px; opacity:1; } }

/* Presentation palette: the interactive story stays geometrically identical,
   while the product is presented in the same calm light language as FinRestore. */
:root {
  --landing-bg:#f6f8fc;
  --landing-surface:rgba(255,255,255,.88);
  --landing-surface-elevated:#edf3fb;
  --landing-line:#dce4ef;
  --landing-line-strong:#c5d2e1;
  --landing-text:#142033;
  --landing-lead:#51637b;
  --landing-muted:#667991;
  --landing-dim:#8392a7;
  --landing-accent:#2563eb;
  --landing-accent-bright:#2563eb;
  --landing-danger:#d24e58;
  --landing-positive:#16825c;
}
html { background:var(--landing-bg); }
body.landing-preview {
  background:radial-gradient(880px 560px at 79% 7%,rgba(107,151,255,.20),transparent 65%),radial-gradient(620px 480px at 10% 44%,rgba(184,207,255,.26),transparent 72%),var(--landing-bg);
}
body.landing-preview::before { background-image:linear-gradient(rgba(47,82,132,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(47,82,132,.035) 1px,transparent 1px); }
.landing-skip { background:#142033; color:#fff; }
.landing-login { background:rgba(255,255,255,.72); color:var(--landing-text); }
.landing-login:hover { background:#fff; border-color:var(--landing-line-strong); }
.landing-button--secondary { background:rgba(255,255,255,.86); color:var(--landing-text); }
.landing-button--primary { border-color:#2563eb; background:linear-gradient(135deg,#316fed,#2458d4); box-shadow:0 10px 25px rgba(37,99,235,.20); }
.hero-dashboard { border-color:#cbd8e7; background:rgba(255,255,255,.82); box-shadow:0 30px 70px rgba(50,77,117,.16),0 16px 46px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.9); }
.hero-dashboard::before { background:radial-gradient(circle,rgba(80,125,237,.16),transparent 67%); }
.dashboard-topline { background:rgba(244,248,253,.72); }
.dashboard-nav,.dashboard-inspector { background:rgba(249,251,254,.84); }
.dashboard-nav-item.is-active { border-color:#dce6f2; background:#eaf1fb; color:var(--landing-text); }
.dashboard-rating { border-color:#d9e3f0; background:linear-gradient(145deg,#fff,#f5f8fc); box-shadow:inset 0 1px 0 #fff; }
.dashboard-rating strong { color:var(--landing-text); }
.dashboard-inspector { background:linear-gradient(180deg,#f9fbfe,#f1f5fa); }
.dashboard-tag { border-color:#d6e0ec; background:#f4f7fb; color:#4e6179; }
.dashboard-tag--focus { border-color:rgba(22,130,92,.32); background:rgba(22,130,92,.08); color:var(--landing-positive); }
.dashboard-track b { background:linear-gradient(90deg,rgba(37,99,235,.58),#4f83ef); box-shadow:0 0 10px rgba(37,99,235,.24); }
.dashboard-track b::before { background:linear-gradient(to bottom,rgba(37,99,235,.12),transparent); }
.dashboard-track b::after { border-color:#e6efff; background:#4f83ef; box-shadow:0 0 9px 2px rgba(37,99,235,.36); }
.scene { border-color:#cfdaea; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,244,251,.94)); box-shadow:0 28px 68px rgba(43,72,111,.14),0 12px 40px rgba(37,99,235,.08),inset 0 1px 0 #fff; }
.scene-rating-card,.privacy-contour { border-color:#d5e0ed; background:rgba(255,255,255,.82); box-shadow:inset 0 1px 0 #fff; }
.contract-bar { background:rgba(66,115,229,.72); }

.landing-wide { width:min(1320px,calc(100vw - 96px)); margin:auto; }
.landing-hero-copy,.hero-dashboard,.dashboard-main,.dashboard-ratings,.dashboard-rating { min-width:0; }
.landing-hero h1 { max-width:540px; font-size:clamp(40px,3.45vw,50px); line-height:1.1; overflow-wrap:anywhere; }
.landing-lead { overflow-wrap:anywhere; }
.landing-button { min-width:0; max-width:100%; }
.dashboard-topline span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.story-step h2 { font-size:clamp(28px,2.55vw,39px); line-height:1.12; }
.landing-proof,.landing-architecture,.landing-workflow,.landing-deliverables,.landing-final { position:relative; padding:112px 0; }
.landing-proof { border-top:1px solid rgba(205,218,235,.72); background:rgba(255,255,255,.46); }
.presentation-heading { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,.72fr); gap:42px; align-items:end; margin-bottom:46px; }
.presentation-heading .landing-eyebrow { grid-column:1 / -1; width:max-content; }
.presentation-heading h2,.workflow-copy h2,.landing-final h2 { max-width:760px; margin:0; color:var(--landing-text); font-size:clamp(31px,3.25vw,45px); font-weight:600; line-height:1.12; letter-spacing:-.04em; }
.presentation-heading > p:last-child,.workflow-copy > p:last-child,.landing-final p { margin:0; color:var(--landing-lead); font-size:18px; line-height:1.65; }
.proof-grid,.deliverable-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--landing-line); border-left:1px solid var(--landing-line); }
.proof-grid article { min-height:235px; padding:27px; border-right:1px solid var(--landing-line); border-bottom:1px solid var(--landing-line); background:rgba(255,255,255,.56); }
.proof-grid span,.workflow-list b { color:var(--landing-accent); font:600 12px "JetBrains Mono",monospace; letter-spacing:.08em; }
.proof-grid h3,.deliverable-grid h3 { margin:37px 0 10px; color:var(--landing-text); font-size:20px; letter-spacing:-.025em; }
.proof-grid p,.deliverable-grid p { margin:0; color:var(--landing-muted); font-size:15px; line-height:1.6; }
.landing-architecture { border-top:1px solid var(--landing-line); background:#f8faff; }
.architecture-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:12px; align-items:stretch; }
.architecture-flow article { min-height:188px; padding:22px; border:1px solid var(--landing-line); border-radius:10px; background:#fff; }
.architecture-flow article span { display:block; color:var(--landing-accent); font:600 11px "JetBrains Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.architecture-flow article strong { display:block; margin:28px 0 8px; color:var(--landing-text); font-size:18px; line-height:1.2; }
.architecture-flow article p { margin:0; color:var(--landing-muted); font-size:14px; line-height:1.55; }
.architecture-flow > i { align-self:center; color:#9aabc2; font-size:22px; font-style:normal; }
.architecture-flow .architecture-core { border-color:#b9cdec; background:#eef5ff; }
.architecture-notes { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }
.architecture-notes p { margin:0; padding:16px 18px; border-left:2px solid #87a9e9; color:var(--landing-muted); font-size:15px; line-height:1.58; }
.architecture-notes strong { color:var(--landing-text); }
.landing-workflow { background:#edf3fb; }
.workflow-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); gap:84px; align-items:start; }
.workflow-copy .landing-eyebrow { width:max-content; }
.workflow-copy h2 { margin:18px 0; }
.workflow-list { display:grid; gap:0; margin:0; padding:0; list-style:none; border-top:1px solid var(--landing-line-strong); }
.workflow-list li { display:grid; grid-template-columns:64px 1fr; gap:18px; padding:24px 0; border-bottom:1px solid var(--landing-line-strong); }
.workflow-list strong,.workflow-list span { display:block; }.workflow-list strong { color:var(--landing-text); font-size:18px; }.workflow-list span { margin-top:5px; color:var(--landing-muted); font-size:15px; line-height:1.55; }
.presentation-heading--compact { display:block; max-width:820px; }.presentation-heading--compact h2 { margin-top:16px; }
.deliverable-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.deliverable-grid article { min-height:220px; padding:25px; border-right:1px solid var(--landing-line); border-bottom:1px solid var(--landing-line); background:#fff; }.deliverable-grid h3 { margin-top:30px; }
.deliverable-icon { display:grid; width:34px; height:34px; place-items:center; border:1px solid #bed0ec; border-radius:8px; background:#edf4ff; color:var(--landing-accent); font-size:19px; }
.landing-final { padding-bottom:140px; }.landing-final-inner { display:flex; justify-content:space-between; align-items:end; gap:46px; padding:48px; border:1px solid #cbd9ec; border-radius:16px; background:linear-gradient(130deg,#eaf2ff,#f7faff 60%,#edf3fb); box-shadow:0 22px 58px rgba(44,77,128,.10); }.landing-final .landing-eyebrow { width:max-content; }.landing-final h2 { max-width:790px; margin:17px 0 12px; font-size:clamp(30px,3.4vw,46px); }.landing-final p { max-width:720px; font-size:16px; }.landing-final .landing-actions { flex:none; margin:0; }

@media (max-width: 900px) { .landing-wide { width:min(100% - 56px,1320px); }.presentation-heading,.workflow-grid { grid-template-columns:1fr; gap:26px; }.proof-grid { grid-template-columns:1fr; }.architecture-flow { grid-template-columns:1fr; gap:10px; }.architecture-flow > i { display:none; }.architecture-flow article { min-height:0; }.architecture-notes { grid-template-columns:1fr; gap:0; }.deliverable-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.landing-final-inner { display:block; }.landing-final .landing-actions { margin-top:28px; } }
@media (max-width: 767px) { .landing-wide { width:calc(100% - 40px); }.landing-proof,.landing-architecture,.landing-workflow,.landing-deliverables,.landing-final { padding:74px 0; }.landing-hero h1 { font-size:31px; letter-spacing:-.04em; overflow-wrap:normal; }.presentation-heading h2,.workflow-copy h2,.landing-final h2 { font-size:31px; }.presentation-heading > p:last-child,.workflow-copy > p:last-child { font-size:16px; }.proof-grid article,.deliverable-grid article { min-height:0; padding:22px; }.proof-grid h3,.deliverable-grid h3 { margin-top:24px; }.deliverable-grid { grid-template-columns:1fr; }.architecture-flow article strong { margin-top:18px; }.workflow-list li { grid-template-columns:45px 1fr; gap:12px; }.landing-final { padding-bottom:88px; }.landing-final-inner { padding:28px 22px; }.landing-final .landing-actions { display:grid; }.landing-final .landing-button { width:100%; } }