/* Landing-specific layout using the shared DeepNeon design system. */
body.dn-page{background:#fff;color:#0e1020;font-family:Onest,Arial,sans-serif}
.dn-page .content{max-width:1232px;margin:0 auto;padding:0 28px}
.dn-page .top{background:#05050a;color:#fff;overflow:hidden}
.dn-page .top-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:610px;gap:40px;align-items:center}
.dn-page .top-content{padding:85px 0}
.dn-page .top .eyeline{font:500 11px/1.5 'JetBrains Mono',monospace;letter-spacing:.06em;color:#bdbdce;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.dn-page .top .eyeline:before{content:"";width:7px;height:7px;border-radius:50%;background:#8cf5a8;box-shadow:0 0 15px #8cf5a8}
.dn-page .top h1{font:500 clamp(36px,4.3vw,67px)/1.12 Unbounded,sans-serif;letter-spacing:-.06em;margin:24px 0 24px;max-width:780px}
.dn-page .top .intro{color:#bfc1ce;font:400 17px/1.7 Onest,sans-serif;max-width:750px}
.dn-page .top-visual{position:relative;min-width:0;padding:25px 0}
.dn-page .top-visual:before{content:"";position:absolute;inset:15% 6%;background:radial-gradient(ellipse,rgba(106,92,255,.32),transparent 70%);filter:blur(20px)}
.dn-page .top-visual img{display:block;position:relative;width:100%;max-height:520px;object-fit:contain;filter:drop-shadow(0 28px 40px rgba(0,0,0,.4))}
.dn-page .cta{display:inline-flex;justify-content:center;align-items:center;min-height:50px;margin-top:22px;padding:12px 22px;background:#6a5cff;color:#fff;border:1px solid #958aff;border-radius:4px;font:600 14px Onest,sans-serif;transition:transform .18s,background .18s}
.dn-page .cta:hover{background:#5346ed;transform:translateY(-2px)}
.dn-page .section{padding:96px 0}
.dn-page .section h2,.dn-page .last h2{font:500 clamp(28px,3.2vw,43px)/1.24 'JetBrains Mono',monospace;letter-spacing:-.05em;margin:30px 0 23px}
.dn-page .section p{line-height:1.75}
.dn-page .muted{max-width:840px;color:#676b7b}
.dn-page .section> .content>.section-meta{margin-bottom:26px}
.dn-page .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:35px}
.dn-page .tile{background:#f7f7fb;border:1px solid #e5e5ee;border-radius:9px;padding:28px 26px;min-height:220px}
.dn-page .tile h3{font:500 19px/1.32 'JetBrains Mono',monospace;letter-spacing:-.035em;margin:0 0 18px}
.dn-page .tile p{color:#5b6072;font-size:15px;margin:0 0 10px}
.dn-page .section.dark{background:#0b0c1e;color:#fff}
.dn-page .section.dark .section-meta{border-color:#32334b;color:#9e9eb1}
.dn-page .section.dark .tile{background:#121426;border-color:#37384b}
.dn-page .section.dark .tile p{color:#b4b7c9}
.dn-page .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:35px 0}
.dn-page .step{border-top:2px solid #6a5cff;padding-top:21px}
.dn-page .step strong{display:block;font:500 18px/1.4 'JetBrains Mono',monospace;margin-bottom:12px}
.dn-page .step p{color:#64697b}
.dn-page .examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}
.dn-page .example{background:#121426;border:1px solid #36384c;color:#fff;border-radius:9px;padding:28px}
.dn-page .example strong{font:500 12px 'JetBrains Mono',monospace;color:#aaa4ff;text-transform:uppercase}
.dn-page .example blockquote{margin:20px 0;font:500 19px/1.5 'JetBrains Mono',monospace;letter-spacing:-.03em}
.dn-page .example p{font-size:14px;color:#b4b7c9}
.dn-page .note{border-left:3px solid #6a5cff;background:#f1f0fc;padding:25px 28px;border-radius:4px;max-width:1000px}
.dn-page .note strong{font:500 17px 'JetBrains Mono',monospace}
.dn-page .note p{margin-bottom:0;color:#494c66}
.dn-page .faq{background:#f7f7fb}
.dn-page .faq article{background:#fff;border:1px solid #e8e8f1;border-radius:9px;padding:24px;margin:12px 0}
.dn-page .faq h3{font:500 17px/1.5 'JetBrains Mono',monospace;margin:0 0 10px}
.dn-page .faq article p{color:#666a7a;font-size:15px;margin:0}
.dn-page .last{background:#0b0c1e;color:#fff;padding:82px 0}
.dn-page .last p{color:#b6b8c9;max-width:750px}
.dn-page .last .cta{background:#6a5cff}
.dn-page footer .brand-o{display:inline-block}
@media(max-width:980px){.dn-page .top-grid{grid-template-columns:1fr 0.8fr;gap:14px}.dn-page .top h1{font-size:clamp(32px,4vw,50px)}.dn-page .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dn-page .top-grid{grid-template-columns:1fr;gap:0}.dn-page .top-content{padding:60px 0 20px}.dn-page .top-visual{max-width:440px;margin:0 auto 15px}.dn-page .top h1{font-size:clamp(32px,8vw,45px)}.dn-page .section{padding:62px 0}.dn-page .tiles,.dn-page .steps,.dn-page .examples{grid-template-columns:1fr}.dn-page .tile{min-height:0}.dn-page .last{padding:64px 0}.dn-page .content{padding:0 20px}}

/* Compact editorial landing composition aligned with the homepage */
.dn-page .section{padding:66px 0}
.dn-page .section h2{font-size:clamp(26px,2.8vw,39px);margin:24px 0 18px}
.dn-page .tiles{margin-top:26px;gap:14px}
.dn-page .tile{min-height:0;padding:24px 23px}
.dn-page .tile h3{font-size:18px;margin:13px 0 12px}
.dn-page .tile p{font-size:14px;line-height:1.6}
.dn-page .case-tag{display:block;font:500 11px/1.5 'JetBrains Mono',monospace;color:#6659de;letter-spacing:.03em}
.dn-page .cases-method{background:#f7f7fb}
.dn-page .cases-method .steps{margin:27px 0 18px}
.dn-page .cases-method .step p{font-size:14px;line-height:1.65}
.dn-page .text-link{display:inline-block;color:#5b4df0;font-weight:600;font-size:14px;margin-top:8px;text-decoration:underline;text-underline-offset:4px}
.dn-page .last{padding:64px 0}
.dn-page .last .section-meta{border-color:#343448;color:#aaa9bd}
.dn-page .last h2{font-size:clamp(27px,3vw,39px)}
@media(max-width:760px){.dn-page .section{padding:48px 0}.dn-page .tiles{grid-template-columns:1fr}.dn-page .last{padding:52px 0}.dn-page .top-content{padding:48px 0 15px}}

/* Conversion and answer blocks: compact, consistent with home */
.dn-page .hero-detail{max-width:710px;color:#aaaec0;font-size:14px;line-height:1.65;margin:17px 0 0}
.dn-page .case-evidence{margin-top:12px;color:#777889;font-size:13px;line-height:1.6}
.dn-page .proof-line{max-width:1040px;margin:4px 0 16px;border-left:3px solid #6a5cff;background:#ecebfb;padding:17px 21px;color:#45465c;font-size:14px;line-height:1.65}
.dn-page .answer-section{background:#fff}
.dn-page .answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}
.dn-page .answer-grid article{border-top:2px solid #6a5cff;padding:18px 2px 0}
.dn-page .answer-grid h3{font:500 17px/1.4 'JetBrains Mono',monospace;letter-spacing:-.035em;margin:0 0 11px}
.dn-page .answer-grid p{font-size:14px;color:#656a79;line-height:1.65;margin:0}
.dn-page .top h1{font-size:clamp(34px,3.9vw,58px)}
.dn-page .top .intro{font-size:16px;line-height:1.65}
@media(max-width:760px){.dn-page .answer-grid{grid-template-columns:1fr;gap:22px}.dn-page .answer-grid article{padding-top:15px}}

/* Final editorial simplification */
.dn-page .last{background:#f7f7fb;color:#121426;border-top:1px solid #e8e8f1}
.dn-page .last .section-meta{border-color:#dddfe7;color:#6c7084}
.dn-page .last p{color:#65697c}
.dn-page .last .cta{background:#6556f6;color:white}
.dn-page .top-visual img{filter:drop-shadow(0 25px 38px rgba(0,0,0,.25))}

/* Keep landing-page headlines inside narrow viewports */
.dn-page .top-grid{min-width:0}
.dn-page .top-content{min-width:0}
.dn-page .top h1{overflow-wrap:anywhere}
@media(max-width:900px){.dn-page .top-grid{grid-template-columns:minmax(0,1fr);min-height:0}.dn-page .top-visual{width:100%;max-width:520px;margin:0 auto}}
@media(max-width:760px){.dn-page .content{padding:0 20px}.dn-page .top h1{font-size:clamp(27px,7.8vw,40px)}.dn-page .section h2{overflow-wrap:anywhere}}

/* Match homepage demo CTA styling on both public SEO landings. */
.dn-page .last{background:#05050a;color:white;border-top:0;padding:76px 0}
.dn-page .last .dn-demo-content{max-width:760px}
.dn-page .last .eyebrow{font:500 11px/1.5 'JetBrains Mono',monospace;letter-spacing:.06em;color:#c2c2cc;display:flex;align-items:center;gap:10px}
.dn-page .last h2{font:500 clamp(36px,4.5vw,64px)/1.13 Unbounded,sans-serif;letter-spacing:-.055em;margin:30px 0 22px}
.dn-page .last h2 em{font-style:normal;color:white;border-bottom:3px solid #6a5cff}
.dn-page .last p{font:400 15px/1.7 Onest,sans-serif;max-width:510px;color:#b3b5c7;margin:0 0 30px}
.dn-page .last .cta{background:#6556f6;color:white}
@media(max-width:760px){.dn-page .last{padding:56px 0}.dn-page .last h2{font-size:clamp(30px,8vw,42px)}}

/* Final demo CTA: LIGHT section before dark footer, as approved. */
.dn-page .last{background:#f7f7fb;color:#0e1020;border-top:1px solid #e8e8f1;padding:76px 0}
.dn-page .last .eyebrow{color:#676c82}
.dn-page .last h2,.dn-page .last h2 em{color:#0e1020}
.dn-page .last h2 em{border-bottom-color:#6a5cff}
.dn-page .last p{color:#65697c}
.dn-page .last .cta{background:#6556f6;color:#fff}
@media(max-width:760px){.dn-page .last{padding:56px 0}}

/* Match main-page contact area on all three public pages. */
.dn-page .last{background:#05050a;color:#fff;border-top:0;padding:88px 0}
.dn-page .last .eyebrow,.dn-page .last .eyebrow.light{color:#c2c2cc}
.dn-page .last h2,.dn-page .last h2 em{color:#fff}
.dn-page .last p{color:#b3b5c7}
.dn-page .last .cta{background:#101020;border:1px solid #8a80d3;color:#fff;border-radius:4px}
@media(max-width:760px){.dn-page .last{padding:62px 0}}