.jucra-ai { --ai-navy:#0b152c; --ai-ink:#152039; --ai-muted:#5f6675; --ai-silver:#aaadb5; --ai-surface:#f4f4f5; color:var(--ai-ink); font:1.0625rem/1.7 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.jucra-ai * { box-sizing:border-box; }
.ai-marketing { margin:0; background:#fff; }
.jucra-ai h1,.jucra-ai h2,.jucra-ai h3 { line-height:1.15; letter-spacing:-.035em; }
.jucra-ai h1 { font-size:clamp(2.5rem,5.3vw,5rem); font-weight:600; margin:1.5rem 0; }
.jucra-ai h2 { font-size:clamp(1.9rem,3.3vw,3rem); font-weight:600; }
.jucra-ai h3 { font-size:1.4rem; font-weight:600; }
.jucra-ai h4 { font-size:1.1rem; }
.jucra-ai em { font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.jucra-ai p { max-width:70ch; }
.jucra-ai a { color:inherit; text-underline-offset:.25em; }
.jucra-ai :focus-visible { outline:3px solid #3269bb; outline-offset:5px; }
.jucra-ai .ai-header :focus-visible,.jucra-ai .ai-hero :focus-visible,.jucra-ai .ai-closing :focus-visible { outline-color:#fff; }
.ai-wrap { width:min(calc(100% - 2.5rem),77.5rem); margin-inline:auto; }
.ai-header,.ai-hero,.ai-closing { background:var(--ai-navy); color:#fff; }
.ai-header-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1.5rem; padding-block:1.5rem; border-bottom:1px solid #ffffff30; }
.ai-logo { width:10rem; height:auto; display:block; }
.jucra-ai nav { display:flex; gap:1.5rem; flex-wrap:wrap; }
.jucra-ai nav a { display:inline-flex; min-height:2.75rem; align-items:center; font-size:.9rem; }
.ai-hero { padding-block:clamp(3rem,7vw,6rem); }
.ai-hero-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.ai-hero em,.ai-closing em { color:var(--ai-silver); }
.ai-eyebrow,.ai-number { font-size:.75rem; letter-spacing:.13em; font-weight:600; }
.ai-lead { font-size:1.2rem; max-width:52ch; color:#e8e9ec; }
.ai-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.5rem; margin-top:2rem; }
.jucra-ai .ai-button,.jucra-ai button { display:inline-flex; justify-content:center; align-items:center; gap:1rem; min-height:2.75rem; padding:.85rem 1.5rem; border:1px solid var(--ai-navy); border-radius:2rem; background:var(--ai-navy); color:#fff; text-decoration:none; font:inherit; font-size:.95rem; cursor:pointer; }
.jucra-ai .ai-button-light { color:var(--ai-navy); background:#fff; border-color:#fff; }
.ai-hero-note { color:var(--ai-silver); font-size:.85rem; margin-top:1.5rem; }
.ai-offer { padding:2rem; border:1px solid #ffffff50; border-radius:1.375rem; background:#101f3e; }
.jucra-ai .ai-price { font-size:3.8rem; letter-spacing:-.04em; line-height:1.2; margin:1.5rem 0 .5rem; }
.ai-price span { font-size:1rem; letter-spacing:0; margin-left:.5rem; }
.ai-offer hr { border:0; border-top:1px solid #ffffff40; margin:1.5rem 0; }
.ai-offer ul { padding-left:1.25rem; }
.ai-offer li { margin-block:.65rem; }
.ai-small { font-size:.875rem; color:#e8e9ec; }
.ai-section { padding-block:clamp(3rem,6vw,5.5rem); }
.ai-section-heading,.ai-review { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; }
.ai-section-heading h2 { margin-top:0; }
.ai-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; margin-top:2rem; }
.ai-card { padding:1.75rem; border-radius:1.375rem; background:var(--ai-surface); margin-block:1rem; overflow-wrap:anywhere; }
.ai-card p { margin-bottom:0; }
.ai-number { color:var(--ai-muted); }
.ai-process { background:var(--ai-surface); }
.ai-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem; padding-left:1.25rem; }
.ai-steps li { padding-left:.5rem; }
.ai-steps li::marker { font-weight:600; }
.ai-steps p { color:var(--ai-muted); }
.ai-faq { padding-top:0; max-width:58rem; }
.ai-faq details { border-bottom:1px solid #aaadb5; padding:1.25rem 0; }
.jucra-ai summary { cursor:pointer; font-weight:600; min-height:2.75rem; padding-block:.5rem; }
.ai-footer { display:flex; justify-content:space-between; gap:2rem; flex-wrap:wrap; padding-block:2rem; font-size:.875rem; }
.ai-skip { position:absolute; left:1rem; top:1rem; z-index:10; transform:translateY(-200%); background:white; color:#0b152c!important; padding:1rem; }
.ai-skip:focus { transform:none; }
.ai-portal { max-width:72rem; margin:1rem auto; padding:1rem; }
.ai-portal label,.ai-portal legend { display:block; margin-block:1rem .5rem; font-weight:600; }
.ai-portal input:not([type=hidden]):not([type=radio]),.ai-portal textarea { display:block; width:100%; max-width:100%; min-height:2.75rem; padding:.75rem; color:var(--ai-ink); background:#fff; border:1px solid var(--ai-muted); border-radius:.5rem; font:inherit; }
.ai-portal fieldset { margin:1.5rem 0; padding:1rem; border:1px solid #aaadb5; border-radius:.5rem; }
.ai-portal .ai-choice { display:flex; align-items:baseline; gap:.75rem; min-height:2.75rem; font-weight:400; }
.ai-portal input[type=radio] { width:1.15rem; height:1.15rem; flex-shrink:0; }
.ai-portal form { margin-block:1.5rem; }
.ai-portal button { margin-top:1rem; }
.ai-pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.ai-status { display:block; color:var(--ai-muted); font-size:.875rem; margin-top:.5rem; }
.ai-notice { padding:1rem; border-left:4px solid #3269bb; background:#edf3fb; }
.ai-error { padding:1rem; border-left:4px solid #a32020; background:#fff2f2; }
.ai-muted { color:var(--ai-muted); font-size:.875rem; }
@media(max-width:850px) { .ai-hero-grid,.ai-section-heading,.ai-review { grid-template-columns:1fr; gap:2rem; } .ai-grid { grid-template-columns:1fr; } .ai-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } .ai-offer { max-width:35rem; } }
@media(max-width:480px) { .ai-steps { grid-template-columns:1fr; } .ai-card,.ai-offer { padding:1.25rem; } .ai-header-inner { align-items:flex-start; } .jucra-ai nav { gap:.75rem; } }
@media(prefers-reduced-motion:reduce) { .jucra-ai * { scroll-behavior:auto; } }
@media print { .ai-header,.ai-actions,.ai-skip,.ai-portal form { display:none; } .ai-hero,.ai-closing,.ai-offer { background:#fff; color:#000; } .ai-section,.ai-hero { padding-block:1rem; } .ai-hero em,.ai-closing em,.ai-small,.ai-lead,.ai-hero-note { color:#333; } .ai-card { break-inside:avoid; } }