/* Public landing page — imported only by src/app/page.tsx.
   Ported VERBATIM from Claude Design "Atlenza Landing v19.dc.html" (<helmet> style
   block). Do not hand-edit visual values here; edit the design and re-port.
   The landing deliberately uses its own fonts/palette, not the app's MD3 tokens. */

  *{box-sizing:border-box}
  html,body{margin:0}
  body{background:#F7F2E9;font-family:'Sora',system-ui,sans-serif;color:#1E3438;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  ::selection{background:#1E3438;color:#FCF9F1}
  a{color:#1E3438;text-decoration:none}
  a:hover{color:#9C4A2F}
  [data-reveal="0"]{opacity:1;transform:none}
  html[data-reveal-js] [data-reveal="0"]{opacity:0;transform:translateY(24px)}
  html[data-reveal-off] [data-reveal]{opacity:1 !important;transform:none !important;transition:none !important}
  html[data-reveal-off] .rfp-row,html[data-reveal-off] .ink-mark,html[data-reveal-off] .rl,html[data-reveal-off] .rl-snap,html[data-reveal-off] .rl-stamp{opacity:1 !important;animation:none !important}
  html[data-reveal-off] .rl-scan{opacity:0 !important;animation:none !important}
  html[data-reveal-off] .rl-sq{animation:none !important}
  html[data-reveal-off] .rpstage *{animation:none !important}
  html[data-reveal-off] .rpscan,html[data-reveal-off] .rpd1,html[data-reveal-off] .rpd2,html[data-reveal-off] .rcdl{opacity:0 !important}
  [data-reveal]{transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}
  @keyframes tl-beam{0%{transform:translateY(-140%)}100%{transform:translateY(140%)}}
  @keyframes tl-flow{0%,100%{opacity:.2}50%{opacity:1}}
  @keyframes tl-ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
  @keyframes tl-ring{0%{transform:scale(.7);opacity:.55}100%{transform:scale(1.9);opacity:0}}
  @keyframes tl-snap{0%{transform:translate(var(--fx,0px),var(--fy,14px)) rotate(var(--fr,0deg));opacity:0}55%{opacity:1}100%{transform:translate(0,0) rotate(0deg);opacity:1}}
  @keyframes tl-mark{0%{clip-path:inset(0 100% 0 0);opacity:0}12%{opacity:1}100%{clip-path:inset(0 0 0 0);opacity:1}}
  @keyframes tl-bob{0%{transform:translateY(-3px)}100%{transform:translateY(4px)}}
  @keyframes tl-run{0%{left:12%;opacity:0}12%{opacity:1}86%{opacity:1}100%{left:82%;opacity:0}}
  @keyframes tl-floor{0%{background-position:0 0}100%{background-position:0 26px}}
  @keyframes tl-pop{0%{opacity:0;transform:translateY(8px)}10%,78%{opacity:1;transform:translateY(0)}92%,100%{opacity:0;transform:translateY(-4px)}}
  @keyframes tl-rise{0%{opacity:0;transform:translateY(26px)}14%,80%{opacity:1;transform:translateY(0)}94%,100%{opacity:0;transform:translateY(-8px)}}
  @keyframes tl-rot{to{transform:rotate(360deg)}}
  @keyframes hw-brL{0%,100%{transform:perspective(380px) rotateY(60deg) scaleX(1)}50%{transform:perspective(380px) rotateY(55deg) scaleX(1.28)}}
  @keyframes hw-brR{0%,100%{transform:perspective(380px) rotateY(-60deg) scaleX(1)}50%{transform:perspective(380px) rotateY(-55deg) scaleX(1.28)}}
  @keyframes hw-pin{0%,86%,100%{opacity:1}90%,96%{opacity:.15}}
  @keyframes hw-spoke{0%,6%{transform:rotate(var(--a,0deg)) scaleX(0);opacity:0}14%,68%{transform:rotate(var(--a,0deg)) scaleX(1);opacity:1}80%,100%{transform:rotate(var(--a,0deg)) scaleX(1);opacity:0}}
  @keyframes hw-node{0%,100%{opacity:.25}50%{opacity:1}}
  @keyframes hw-slidein{0%{opacity:0;transform:translateX(-70px)}8%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateX(8px)}}
  @keyframes hw-sig{0%,12%{left:0;opacity:0}16%,36%{opacity:1}42%,100%{left:calc(100% - 5px);opacity:0}}
  @keyframes hw-plane{0%,100%{transform:perspective(300px) rotateX(var(--rx,58deg)) scale(1);opacity:.35}50%{transform:perspective(300px) rotateX(var(--rx,58deg)) scale(1.18);opacity:.6}}
  @keyframes hw-torus{0%,44%{opacity:0;transform:translate(-50%,-50%) scale(.45)}58%,88%{opacity:1;transform:translate(-50%,-50%) scale(1)}96%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}
  html[data-reveal-off] .hiwp *{animation:none !important}
  @media(prefers-reduced-motion:reduce){.hiwp *,.hostticker div{animation:none !important}}
  html[data-reveal-off] .hostticker div{animation:none !important}
  @media(max-width:760px){.hoststage{padding:64px 18px 230px !important}}
  @media(min-width:1080px) and (max-width:1330px){.hiwp span[style*="font-size:9.5px"]{font-size:8.5px !important;padding:3px 5px !important}}
  .ink-mark{opacity:0}
  figure[data-reveal="1"] .ink-mark{animation:tl-mark .5s ease-out .45s both}
  #rfpBuild .rfp-row{opacity:0}
  #rfpBuild[data-reveal="1"] .rfp-row{animation:tl-snap .6s cubic-bezier(.22,.61,.36,1) both}
  @keyframes rl-pop{0%{opacity:0;transform:translateY(12px)}5%,84%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-5px)}}
  @keyframes rl-snap{0%{opacity:0;transform:translate(var(--fx,0px),-12px) rotate(var(--fr,0deg))}8%,84%{opacity:1;transform:translate(0,0) rotate(0deg)}92%,100%{opacity:0;transform:translate(0,0) rotate(0deg)}}
  @keyframes rl-stamp{0%,56%{opacity:0;transform:scale(1.9) rotate(-10deg)}62%{opacity:1;transform:scale(.94) rotate(-3deg)}66%{transform:scale(1.05) rotate(-3deg)}70%,86%{opacity:1;transform:scale(1) rotate(-3deg)}93%,100%{opacity:0;transform:scale(1) rotate(-3deg)}}
  @keyframes rl-scan{0%,8%{transform:translateY(0);opacity:0}12%,32%{opacity:.9}38%,100%{transform:translateY(116px);opacity:0}}
  @keyframes rl-drift{0%,100%{transform:translate(0,-4px)}50%{transform:translate(2px,5px)}}
  .rl,.rl-snap,.rl-stamp,.rl-scan{opacity:0}
  .rl{animation:rl-pop 9s cubic-bezier(.22,.61,.36,1) var(--d,0s) infinite}
  .rl-snap{animation:rl-snap 9s cubic-bezier(.22,.61,.36,1) var(--d,0s) infinite}
  .rl-stamp{animation:rl-stamp 9s ease-out infinite}
  .rl-scan{animation:rl-scan 9s linear infinite}
  .rl-sq{animation:rl-drift 4.5s ease-in-out var(--d,0s) infinite}
  @keyframes rp-pdf{0%{opacity:0;transform:translateY(-16px)}3%{opacity:1;transform:none}95%{opacity:1}100%{opacity:0}}
  @keyframes rp-scan{0%,4%{transform:translateY(-28px);opacity:0}6%{opacity:1}13%{opacity:1;transform:translateY(86px)}14%,100%{opacity:0;transform:translateY(86px)}}
  @keyframes rp-meta{0%,13%{opacity:0;transform:translateY(6px)}16%{opacity:1;transform:none}95%{opacity:1}100%{opacity:0}}
  @keyframes rp-d1{0%,15%{left:4px;opacity:0}17%{opacity:1}25%{opacity:1}27%,100%{left:32px;opacity:0}}
  @keyframes rp-d2{0%,44%{left:4px;opacity:0}46%{opacity:1}55%{opacity:1}57%,100%{left:32px;opacity:0}}
  @keyframes rp-row{0%,19%{opacity:0;transform:translateY(8px)}22%{opacity:1;transform:none}94%{opacity:1}98%,100%{opacity:0}}
  @keyframes rp-knob{0%,38%{left:2px}41%,100%{left:17px}}
  @keyframes rp-lbla{0%,38%{opacity:1}41%,100%{opacity:.35}}
  @keyframes rp-lblb{0%,38%{opacity:.3}41%,100%{opacity:1}}
  @keyframes rp-bid{0%,56%{opacity:0;transform:translateY(12px)}60%{opacity:1;transform:none}95%{opacity:1}100%{opacity:0}}
  @keyframes rp-type{0%,60%{max-width:0%}72%,100%{max-width:100%}}
  @keyframes rp-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
  @keyframes rp-bar{0%,66%{width:0%}76%,100%{width:100%}}
  @keyframes rp-ok{0%,76%{opacity:0}79%,100%{opacity:1}}
  @keyframes rp-docx{0%,72%{opacity:0;transform:translateX(-12px)}76%{opacity:1;transform:none}95%{opacity:1}100%{opacity:0}}
  @keyframes rp-stamp{0%,84%{opacity:0;transform:scale(1.8) rotate(-8deg)}87%{opacity:1;transform:scale(.95) rotate(-3deg)}89%{transform:scale(1.05) rotate(-3deg)}91%,96%{opacity:1;transform:scale(1) rotate(-3deg)}99%,100%{opacity:0}}
  @keyframes rp-pp1{0%,28%{background-color:#D9D2C3;color:#1E3438;border-color:#D9D2C3}32%,100%{background-color:rgba(0,0,0,0);color:#A5B2AF;border-color:rgba(217,210,195,.35)}}
  @keyframes rp-pp2{0%,30%{background-color:rgba(0,0,0,0);color:#A5B2AF;border-color:rgba(217,210,195,.35)}34%,60%{background-color:#D9D2C3;color:#1E3438;border-color:#D9D2C3}64%,100%{background-color:rgba(0,0,0,0);color:#A5B2AF;border-color:rgba(217,210,195,.35)}}
  @keyframes rp-pp3{0%,62%{background-color:rgba(0,0,0,0);color:#A5B2AF;border-color:rgba(217,210,195,.35)}66%,94%{background-color:#56B08C;color:#12241D;border-color:#56B08C}98%,100%{background-color:rgba(0,0,0,0);color:#A5B2AF;border-color:rgba(217,210,195,.35)}}
  .rp-pdfc{animation:rp-pdf 16s ease infinite}
  .rpscan{opacity:0;animation:rp-scan 16s linear infinite}
  .rpmeta{animation:rp-meta 16s ease infinite}
  .rpd1{opacity:0;animation:rp-d1 16s linear infinite}
  .rpd2{opacity:0;animation:rp-d2 16s linear infinite}
  .rpr{animation:rp-row 16s ease var(--d,0s) infinite}
  .rpknob{animation:rp-knob 16s ease infinite}
  .rplA{animation:rp-lbla 16s ease infinite}
  .rplB{animation:rp-lblb 16s ease infinite}
  .rpbid{animation:rp-bid 16s ease infinite}
  .rptype{animation:rp-type 16s ease infinite}
  .rpcaret{animation:rp-caret .9s steps(1,end) infinite}
  .rpbar{animation:rp-bar 16s ease infinite}
  .rpok{animation:rp-ok 16s ease infinite}
  .rpdocx{animation:rp-docx 16s ease infinite}
  .rpstamp{animation:rp-stamp 16s ease infinite}
  .rpp1{animation:rp-pp1 16s linear infinite}
  .rpp2{animation:rp-pp2 16s linear infinite}
  .rpp3{animation:rp-pp3 16s linear infinite}
  @keyframes rc-dl{0%,15%{left:32px;opacity:0}17%{opacity:1}25%{opacity:1}27%,100%{left:4px;opacity:0}}
  @keyframes rc-p1{0%,28%{background-color:#1E3438;color:#FCF9F1;border-color:#1E3438}32%,100%{background-color:rgba(0,0,0,0);color:#7C8A89;border-color:rgba(30,52,56,.25)}}
  @keyframes rc-p2{0%,30%{background-color:rgba(0,0,0,0);color:#7C8A89;border-color:rgba(30,52,56,.25)}34%,60%{background-color:#1E3438;color:#FCF9F1;border-color:#1E3438}64%,100%{background-color:rgba(0,0,0,0);color:#7C8A89;border-color:rgba(30,52,56,.25)}}
  @keyframes rc-p3{0%,62%{background-color:rgba(0,0,0,0);color:#7C8A89;border-color:rgba(30,52,56,.25)}66%,94%{background-color:#56B08C;color:#12241D;border-color:#56B08C}98%,100%{background-color:rgba(0,0,0,0);color:#7C8A89;border-color:rgba(30,52,56,.25)}}
  .rcdl{opacity:0;animation:rc-dl 16s linear infinite}
  .rcp1{animation:rc-p1 16s linear infinite}
  .rcp2{animation:rc-p2 16s linear infinite}
  .rcp3{animation:rc-p3 16s linear infinite}
  .rpstage:hover *{animation-play-state:paused}
  @media(max-width:1080px){.rpgrid{grid-template-columns:1fr !important;gap:16px}.rpconn{display:none !important}}
  @media(prefers-reduced-motion:reduce){[data-reveal="0"]{opacity:1;transform:none}.rfp-row,.ink-mark,.rl,.rl-snap,.rl-stamp{opacity:1 !important;animation:none !important}.rl-scan{opacity:0 !important;animation:none !important}.rl-sq{animation:none !important}.rpstage *{animation:none !important}.rpscan,.rpd1,.rpd2,.rcdl{opacity:0 !important}}
  @keyframes h-scan{0%{transform:translateY(0)}100%{transform:translateY(86px)}}
  @keyframes h-drop{0%{opacity:0;transform:translateY(-20px)}70%{opacity:1;transform:translateY(3px)}100%{opacity:1;transform:none}}
  @keyframes h-blob{0%{opacity:0;transform:translateX(46px)}14%{opacity:1}72%{opacity:1;transform:none}100%{opacity:0;transform:none}}
  .hb{opacity:0;transform:translateY(16px);transition:opacity .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1)}
  .hb[data-on="1"]{opacity:1;transform:none}
  .hrail:hover .hb[data-live="1"]{transform:scale(1.02)}
  .hb.hbdrop[data-on="1"]{animation:h-drop .6s cubic-bezier(.22,.61,.36,1) both}
  .hsub{opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out}
  .hsub[data-on="1"]{opacity:1;transform:none}
  .hscan{opacity:0}
  .hscan[data-live="1"]{opacity:1;animation:h-scan 1.5s cubic-bezier(.45,0,.55,1) infinite alternate}
  .hline{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset .7s ease-out}
  .hline[data-on="1"]{stroke-dashoffset:0}
  .hnode{opacity:0;transition:opacity .35s ease-out}
  .hnode[data-on="1"]{opacity:1}
  .hblob{opacity:0}
  .hblob[data-on="1"]{animation:h-blob .85s ease-out both}
  .hbid{opacity:0;transition:opacity .45s ease-out}
  .hbid[data-on="1"]{opacity:1}
  .hdim{transition:opacity .5s ease-out}
  .hdim[data-dim="1"]{opacity:.35}
  .hstep{transition:color .4s ease-out,border-color .4s ease-out,background .4s ease-out}
  .hstep[data-on="1"]{color:#9C4A2F !important;border-color:#9C4A2F !important;background:rgba(156,74,47,.08)}
  .hrailbody{transition:opacity .4s ease-out}
  .hrule{transform-origin:top;transform:scaleY(0);transition:transform .9s cubic-bezier(.22,.61,.36,1)}
  .hdrift{transform-box:fill-box;transform-origin:100% 50%}
  .hstrand{transition:transform .55s cubic-bezier(.22,.61,.36,1)}
  @keyframes tl-flip{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
  @keyframes tl-hop{0%{transform:translateY(0)}35%{transform:translateY(-6px)}70%{transform:translateY(1px)}100%{transform:translateY(0)}}
  @keyframes hs-drift{from{transform:rotate(-.3deg)}to{transform:rotate(.3deg)}}
  @media(max-width:1024px){.herogrid{grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto auto !important;min-height:0 !important;padding:32px 24px 42px !important}.heyebrow{grid-column:1 / -1 !important;grid-row:1 !important;align-self:center !important;padding-bottom:0 !important}.heroC{grid-column:1 / -1 !important;grid-row:2 !important;padding-bottom:10px !important}.hheadL{grid-column:1 !important;grid-row:3 !important}.hheadR{grid-column:2 !important;grid-row:3 !important}.hartL,.hartR{display:none !important}.hband{display:block !important}}
  @media(max-width:768px){.herogrid{grid-template-columns:1fr !important;padding:28px 22px 34px !important}.heroC{grid-column:1 !important;grid-row:2 !important}.hheadL,.hheadR{grid-column:1 !important;grid-row:3 !important;font-size:9px !important;letter-spacing:.12em !important;border-bottom:0 !important;padding-bottom:0 !important}.hheadL{justify-self:start !important}.hheadR{justify-self:end !important}}
  @media(prefers-reduced-motion:reduce){.hdrift{animation:none !important}.hstrand{transition:none !important}.hb,.hsub,.hbid,.hnode{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important}.hline{stroke-dashoffset:0 !important;transition:none !important}.hscan,.hblob{display:none !important}.hrule{transform:none !important;transition:none !important}}
  @media(max-width:1080px){.g4{grid-template-columns:repeat(2,1fr) !important}.g5{grid-template-columns:repeat(2,1fr) !important}.g5>*:last-child{grid-column:1 / -1 !important}.ldg{grid-template-columns:1fr !important}.g3{grid-template-columns:1fr !important}.g2{grid-template-columns:1fr !important}.navlinks{display:none !important}}
  @media(max-width:820px){.g4{grid-template-columns:1fr !important}.stat3{grid-template-columns:1fr !important}.portalgrid{grid-template-columns:repeat(2,1fr) !important}.proofgrid{grid-template-columns:repeat(2,1fr) !important}}
  .hwf-pill{display:inline-flex;align-items:center;background:#1E3438;border:1px solid #1E3438;color:#FCF9F1;padding:7px 11px;position:relative;z-index:1;font-family:'Spline Sans Mono',monospace;font-size:10px;letter-spacing:.14em;white-space:nowrap;transition:background .45s ease,color .45s ease,border-color .45s ease,opacity .45s ease}
  .hwf-dot{width:7px;height:7px;flex:none;background:currentColor}
  .hwf-lbl{display:block;overflow:hidden;max-width:180px;opacity:1;padding-left:8px;transition:max-width .55s cubic-bezier(.16,1,.3,1),opacity .4s ease,padding-left .55s cubic-bezier(.16,1,.3,1)}
  html[data-hwf] .hwf-pill{background:#FCF9F1;border-color:rgba(30,52,56,.35);color:#7C8A89}
  html[data-hwf] .hwf-pill[data-st="on"]{background:#9C4A2F;border-color:#9C4A2F;color:#FCF9F1}
  html[data-hwf] .hwf-pill[data-st="done"]{background:#1E3438;border-color:#1E3438;color:#FCF9F1;opacity:.72}
  html[data-hwf] .hwf-pill:not([data-st]) .hwf-lbl{max-width:0;opacity:0;padding-left:0}
  .hwf-line{transform-origin:0 50%;transition:transform .85s cubic-bezier(.16,1,.3,1)}
  html[data-hwf] .hwf-line{transform:scaleX(0)}
  .hwf-art{opacity:0;pointer-events:none}
  .hwf-art[data-i="3"]{opacity:1}
  html[data-hwf] .hwf-art{opacity:0;transform:translateY(14px);filter:blur(7px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1),filter .5s ease}
  html[data-hwf] .hwf-art[data-on]{opacity:1;transform:none;filter:none}
  html[data-hwf] .hwf-art[data-out]{opacity:0;transform:translateY(16px);filter:blur(4px);transition-duration:.32s}
  .hwf-row{transition:opacity .38s ease,transform .38s cubic-bezier(.16,1,.3,1),filter .38s ease}
  html[data-hwf] .hwf-row{opacity:0;transform:translateY(7px);filter:blur(3px)}
  html[data-hwf] .hwf-row[data-on]{opacity:1;transform:none;filter:none}
  html[data-reveal-js] .hlin{animation:hl-in .68s cubic-bezier(.16,1,.3,1) both}
  html[data-reveal-js] .hfade{animation:hf-in .6s cubic-bezier(.16,1,.3,1) both}
  @keyframes hl-in{from{transform:translateY(108%) rotate(1.2deg)}to{transform:none}}
  @keyframes hf-in{from{opacity:0;transform:translateY(10px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
  @media(max-width:840px){.hwf-stage{height:196px !important}.hwf-lbl{font-size:9px}.hwf-pill{padding:6px 9px !important}}
  @media(prefers-reduced-motion:reduce){.hlin,.hfade{animation:none !important}html[data-hwf] .hwf-pill{background:#1E3438;border-color:#1E3438;color:#FCF9F1;opacity:1}html[data-hwf] .hwf-line{transform:none}html[data-hwf] .hwf-art[data-i="3"]{opacity:1;transform:none;filter:none}html[data-hwf] .hwf-row{opacity:1;transform:none;filter:none}html[data-hwf] .hwf-pill .hwf-lbl{max-width:180px;opacity:1;padding-left:8px}}
  .jseg{will-change:transform}
  html[data-reveal-off] .jseg{transform:none !important}
  @media(prefers-reduced-motion:reduce){.jseg{transform:none !important}}
  @media(max-width:960px){.jconn{display:none !important}.jb,.jend{margin-top:56px !important}.jb{grid-template-columns:1fr !important;gap:28px !important}.jb .jpill{margin-bottom:2px}.jrow0{margin-top:44px !important}.jstats{grid-template-columns:1fr !important}}
  .jpill{transition:background .4s ease-out,color .4s ease-out,border-color .4s ease-out,box-shadow .4s ease-out}
  .jpill[data-lit="1"],html[data-reveal-off] .jpill{background:#9C4A2F !important;color:#FCF9F1 !important;border-color:#9C4A2F !important;box-shadow:0 22px 40px -22px rgba(156,74,47,.9) !important}
  @media(max-width:960px){.jpill{background:#9C4A2F !important;color:#FCF9F1 !important;border-color:#9C4A2F !important}}
  @media(prefers-reduced-motion:reduce){.jpill{background:#9C4A2F !important;color:#FCF9F1 !important;border-color:#9C4A2F !important}}

/* style-hover conversions (dc runtime hover styles; !important to beat inline styles) */
.shv0:hover{background:#F7F2E9 !important}
.shv1:hover{background:rgba(156,74,47,.12) !important}
.shv2:hover{background:rgba(30,52,56,.045) !important}
.shv3:hover{background:#2A4A52 !important}
.shv4:hover{background:rgba(30,52,56,.07) !important}
.shv5:hover{background:#FCF9F1 !important}
.shv6:hover{background:#FEFCF6 !important}

/* Host-app neutralization: the root layout's Tailwind preflight sets
   html{line-height:1.5}; the design was authored against the browser default. */
html:has(body > .atlenza-landing-root) { line-height: normal; }