/* LuCa app-inspired visual system */
:root{--ink:#061d35;--ink-2:#082b4d;--ink-3:#0b3a66;--line:rgba(95,216,255,.2);--mist:#f1f8fc;--muted:#9db7ca;--aqua:#5fd8ff;--aqua-2:#8ce6ff;--violet:#5fd8ff}
body{background:linear-gradient(180deg,#061f39 0%,#061a30 100%);color:var(--mist)}
.site-header{background:rgba(6,31,57,.9);border-color:rgba(95,216,255,.13);backdrop-filter:blur(16px)}
.brand-mark{border-color:rgba(95,216,255,.75)}
.brand-mark span{background:var(--aqua)}
.brand-symbol{display:block;width:28px;height:28px;object-fit:contain}
.nav-links a,.site-footer a,.hero-intro,.section-heading>p,.preview-copy>p,.request-aside>p,.feature-card p,.price-details span{color:var(--muted)}
.button{border-radius:10px}
.button-primary{background:var(--aqua);color:#05223a;box-shadow:0 8px 24px rgba(38,180,230,.16)}
.button-primary:hover{background:var(--aqua-2)}
.button-ghost{background:#0a3155;border-color:#24587f;color:#e8f4fa}
.button-ghost:hover{background:#0c3b66;border-color:var(--aqua);color:var(--mist)}
.hero{gap:54px}
.hero h1{letter-spacing:-.06em}
.hero-visual{height:430px;margin-left:0;padding:20px;border:1px solid rgba(95,216,255,.2);border-radius:22px;background:radial-gradient(circle at 50% 30%,rgba(95,216,255,.11),transparent 48%),#072b4d;overflow:hidden}
.hero-visual:before{content:'';position:absolute;inset:14px;border:1px solid rgba(95,216,255,.08);border-radius:14px;pointer-events:none}
.hero-visual img{width:auto!important;height:100%;max-width:100%;max-height:100%;position:relative;z-index:1;object-fit:contain;mix-blend-mode:normal;filter:none;mask-image:none;border-radius:12px;box-shadow:0 20px 48px rgba(0,12,27,.42)}
.trust-bar{border-color:rgba(95,216,255,.16)}
.feature-card,.price-card{border-radius:14px;background:linear-gradient(145deg,#0b3a66,#082c50);border-color:#1d547d}
.feature-card-accent,.price-card-featured{background:linear-gradient(145deg,#0e4778,#0a355d);border-color:rgba(95,216,255,.55);box-shadow:0 16px 34px rgba(0,14,31,.22)}
.feature-card:hover,.price-card:hover{border-color:rgba(95,216,255,.75)}
.feature-icon.icon-compass{border-color:rgba(95,216,255,.65)}
.price-badge{border-radius:6px;background:rgba(95,216,255,.08);border-color:rgba(95,216,255,.35)}
.preview-section{grid-template-columns:minmax(250px,30%) minmax(0,70%);gap:48px;align-items:center}
.preview-copy>p{margin-top:20px;margin-bottom:25px}
.request-section{border:1px solid #1e557f;border-radius:20px;background:linear-gradient(120deg,#0b3b67,#082b4d 68%)}
.request-section:after{border-color:rgba(95,216,255,.12);box-shadow:0 0 0 40px rgba(95,216,255,.025),0 0 0 80px rgba(95,216,255,.018)}
.demo-form input{border-color:#2a6088;border-radius:9px;background:#072a4b;padding:14px;color:var(--mist)}
.demo-form input::placeholder{color:#6f91aa}
.demo-form input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(95,216,255,.1)}
.social-mini a{border-color:rgba(95,216,255,.45);color:var(--aqua)}
.success-toast{border-radius:12px;background:#0b3f6b;border-color:rgba(95,216,255,.55)}

/* Comfortable, readable type scale */
.brand{font-size:14px}
.nav-links a,.site-footer a,.discord-link{font-size:14px}
.button{font-size:14px}
.eyebrow{font-size:12px}
.hero-intro{font-size:18px;max-width:440px}
.text-link{font-size:14px}
.hero-note{font-size:11px}
.trust-bar p{font-size:13px}
.section-heading>p,.preview-copy>p,.request-aside>p{font-size:16px}
.feature-card h3{font-size:20px}
.feature-card p{font-size:14px;max-width:310px}
.card-index{font-size:11px}
.price-tier{font-size:13px}
.price-badge{font-size:10px}
.price-amount span{font-size:11px}
.price-details span{font-size:14px}
.pricing-note{font-size:11px;line-height:1.7}
.aside-detail strong{font-size:14px}
.aside-detail span{font-size:13px}
.demo-form label{font-size:13px}
.demo-form input{font-size:15px}
.contact-hint{font-size:12px!important}
.form-footnote{font-size:10px}
.site-footer p{font-size:13px}
.site-footer small{font-size:10px}
.actual-shot figcaption{font-size:10px}

/* Match the visual density of 110% browser zoom at normal zoom. */
@media(min-width:901px){
  .site-header,.hero,.trust-bar,.section,.pricing-section,.preview-section,.request-section,.site-footer{width:100%;max-width:1760px}
  .site-header{height:79px;padding-inline:clamp(24px,2.5vw,48px)}
  .shell{padding-inline:clamp(24px,2.5vw,48px)}
  .hero{min-height:528px;padding-top:46px;padding-bottom:46px;grid-template-columns:47% 53%}
  .hero h1{font-size:clamp(57px,7.2vw,92px)}
  .hero-visual{height:473px;padding:22px}
  .trust-bar{padding-top:16px;padding-bottom:16px}
  .section{padding-top:94px;padding-bottom:94px}
  .section-heading{margin-bottom:36px}
  .section-heading h2,.preview-copy h2,.request-aside h2{font-size:clamp(40px,4.4vw,58px)}
  .feature-grid,.pricing-grid{gap:12px}
  .feature-card{min-height:242px;padding:23px}
  .feature-icon{width:53px;height:53px;margin:22px 0}
  .pricing-section{padding-bottom:94px}
  .price-card{min-height:297px;padding:23px}
  .price-amount{margin:31px 0 22px}
  .price-amount strong{font-size:53px}
  .price-details{gap:10px;padding-top:17px;margin-bottom:20px}
  .preview-section{padding-bottom:78px;gap:52px}
  .request-section{padding:77px 44px;gap:44px}
  .site-footer{padding-top:25px;padding-bottom:28px}
}
@media(max-width:900px){.hero{gap:28px}.hero-visual{height:390px;max-width:660px;width:100%;margin:16px auto 0}.preview-section{grid-template-columns:1fr;gap:32px}.preview-copy{max-width:500px}.request-section{border-radius:16px}}
@media(max-width:560px){.brand{font-size:13px}.header-actions .button{font-size:12px}.eyebrow{font-size:11px}.hero-intro{font-size:16px}.hero-note{font-size:9px;line-height:1.6}.section-heading>p,.preview-copy>p,.request-aside>p{font-size:15px}.feature-card p,.price-details span{font-size:14px}.hero-visual{height:360px;margin:10px 0 0;padding:12px}.preview-section{gap:25px}.request-section{border-radius:0;border-inline:0}.actual-shot figcaption{font-size:8px}}