/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--ja17fc-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--ja17fc-ink, #111); background: var(--ja17fc-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--ja17fc-font-display, var(--ja17fc-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--ja17fc-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --ja17fc-primary: #B26A4D; --ja17fc-secondary: #7A7F6B; --ja17fc-accent: #B26A4D; --ja17fc-ink: #1F2328; --ja17fc-slate: #4B5648; --ja17fc-mist: #D9D4CC; --ja17fc-border: #D9D4CC; --ja17fc-surface: #FFFFFF; --ja17fc-bg: #F7F4EF; --ja17fc-text: #1F2328; --ja17fc-font: 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif; --ja17fc-font-display: 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif; } /* state utilities */ .is-open { display: block !important; } .is-active { display: block !important; } [hidden] { display: none !important; } /* framework-injected components (vanilla) */ [data-ja17fc-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--ja17fc-border, #e5e7eb); background: var(--ja17fc-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); } [data-ja17fc-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; } [data-ja17fc-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; } [data-ja17fc-ui="cookie-banner"] a { text-decoration: underline; } [data-ja17fc-cs-action], [data-ja17fc-ag-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--ja17fc-border, #d1d5db); background: transparent; color: var(--ja17fc-ink, #111); } [data-ja17fc-cs-action="accept-all"], [data-ja17fc-cs-action="save"], [data-ja17fc-ag-action="confirm"] { background: var(--ja17fc-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-ja17fc-cs-action="reject-all"] { background: var(--ja17fc-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-ja17fc-cs-panel] { margin-top: 1rem; border: 1px solid var(--ja17fc-border, #e5e7eb); background: var(--ja17fc-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; } [data-ja17fc-cs-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; } [data-ja17fc-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; } [data-ja17fc-ui="age-gate-overlay"] { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.8); } [data-ja17fc-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--ja17fc-surface, #1a1a2e); color: var(--ja17fc-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); } [data-ja17fc-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; } [data-ja17fc-ag-action] { padding: .75rem 1.5rem; } /* sections */ /* ja17fc:header */ /* ja17fc:header */ #header{--h-pad:clamp(14px,2.4vw,22px);--max:72rem;--top-gap:10px;} #header .site-header{position:sticky;top:0;z-index:50;background:var(--ja17fc-surface);border-bottom:1px solid var(--ja17fc-border);} #header .header-inner{max-width:var(--max);margin:0 auto;padding:var(--h-pad);display:flex;align-items:center;gap:18px;justify-content:space-between;} #header .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ja17fc-ink);min-height:44px;} #header .brand:focus-visible{outline:3px solid color-mix(in oklab,var(--ja17fc-accent) 45%, white);outline-offset:4px;border-radius:12px;} #header .brand-mark{width:30px;height:30px;border:1px solid var(--ja17fc-border);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--ja17fc-accent);font-size:16px;} #header .brand-name{font-family:var(--ja17fc-font-sans, 'Segoe UI');font-weight:800;letter-spacing:-0.02em;} #header .main-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;} #header .nav-link{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;text-decoration:none;color:var(--ja17fc-slate);font-weight:650;font-size:0.98rem;position:relative;} #header .nav-link::after{content:"";position:absolute;left:6px;right:6px;bottom:10px;height:2px;background:var(--ja17fc-accent);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform 140ms ease-out, opacity 140ms ease-out;} #header .nav-link:hover{color:var(--ja17fc-ink);} #header .nav-link:hover::after{transform:scaleX(1);opacity:1;} #header .nav-link:focus-visible{outline:3px solid color-mix(in oklab,var(--ja17fc-accent) 45%, white);outline-offset:3px;border-radius:10px;} #header .header-cta{display:flex;align-items:center;} #header .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border-radius:var(--ja17fc-radius-md,14px);font-weight:800;text-decoration:none;border:1px solid transparent;letter-spacing:-0.01em;} #header .btn-primary{background:var(--ja17fc-primary);color:var(--ja17fc-surface);border-color:color-mix(in oklab,var(--ja17fc-primary) 80%, black);box-shadow:0 1px 0 color-mix(in oklab,var(--ja17fc-primary) 60%, black);} #header .btn-primary:hover{filter:brightness(0.98);} #header .btn-primary:active{transform:translateY(1px);} #header .btn-primary:focus-visible{outline:3px solid color-mix(in oklab,var(--ja17fc-primary) 55%, white);outline-offset:4px;} #header .icon-btn{display:none;min-height:44px;min-width:44px;border-radius:14px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);font-size:20px;} #header .icon-btn:focus-visible{outline:3px solid color-mix(in oklab,var(--ja17fc-accent) 45%, white);outline-offset:4px;} #header .mobile-actions{display:none;} #header .mobile-menu{display:none;} #header .mobile-menu{position:absolute;left:0;right:0;top:100%;background:var(--ja17fc-surface);border-bottom:1px solid var(--ja17fc-border);} #header .mobile-menu-inner{max-width:var(--max);margin:0 auto;padding:14px var(--h-pad) 18px;display:flex;flex-direction:column;gap:8px;} #header .mobile-link{min-height:44px;display:flex;align-items:center;text-decoration:none;color:var(--ja17fc-ink);font-weight:750;border-radius:12px;padding:0 10px;} #header .mobile-link:focus-visible{outline:3px solid color-mix(in oklab,var(--ja17fc-accent) 45%, white);outline-offset:3px;} #header .btn-full{width:100%;} @media (max-width: 860px){ #header .main-nav{display:none;} #header .header-cta{display:none;} #header .mobile-actions{display:block;} #header .icon-btn{display:inline-flex;align-items:center;justify-content:center;} #header .header-inner{gap:12px;} #header .mobile-menu[aria-expanded="true"], #header .mobile-menu.show{display:block;} } @media (prefers-reduced-motion: reduce){ #header .nav-link::after{transition:none;} } #header ::selection{background:color-mix(in oklab,var(--ja17fc-accent) 25%, white);} /* ja17fc:footer */ /* ja17fc:footer */ #footer.footer{background:var(--ja17fc-bg);color:var(--ja17fc-ink);border-top:1px solid var(--ja17fc-border)} #footer .footer-inner{max-width:72rem;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem) clamp(1.5rem,4vw,3rem)} #footer .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px;align-items:start} #footer .footer-brand{display:flex;gap:14px;align-items:flex-start} #footer .footer-mark{width:34px;height:34px;border:1px solid var(--ja17fc-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--ja17fc-primary);font-size:16px;line-height:1} #footer .footer-kicker{margin:0 0 6px;font-size:0.875rem;color:var(--ja17fc-slate);letter-spacing:0.01em} #footer .footer-ja17fc-b-name{margin:0;font-family:var(--font-serif, 'Optima');font-size:1.25rem;letter-spacing:-0.01em} #footer .footer-heading{margin:0 0 12px;font-size:1.05rem;letter-spacing:-0.01em} #footer .footer-link-list,#footer .footer-policy-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px} #footer .footer-link{color:var(--ja17fc-ink);text-decoration:none;border-bottom:1px solid transparent} #footer .footer-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 35%, white 65%);outline-offset:3px;border-bottom-color:var(--ja17fc-primary)} #footer .footer-link:hover{border-bottom-color:var(--ja17fc-primary)} #footer .footer-contacts,.footer-policies{padding-top:4px} #footer .footer-contact-lines{display:flex;flex-direction:column;gap:10px} #footer .footer-contact-line{margin:0;font-size:0.98rem} #footer .footer-contact-label{display:inline-block;min-width:66px;color:var(--ja17fc-slate);font-weight:600} #footer .footer-muted{color:var(--ja17fc-slate)} #footer .footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid var(--ja17fc-border);display:flex;gap:18px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap} #footer .footer-copy{margin:0 0 6px;font-size:0.875rem;color:var(--ja17fc-slate)} #footer .footer-cta{display:flex;flex-direction:column;gap:10px;align-items:flex-end} #footer .footer-cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);background:var(--ja17fc-surface);color:var(--ja17fc-ink);text-decoration:none;font-weight:700;letter-spacing:-0.01em;position:relative;overflow:hidden} #footer .footer-cta-button::after{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:color-mix(in srgb, var(--ja17fc-primary) 12%, transparent 88%);transform:translateX(-105%);transition:transform 180ms ease-out} #footer .footer-cta-button:hover::after{transform:translateX(0)} #footer .footer-cta-button:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 35%, white 65%);outline-offset:3px} #footer .footer-cta-note{margin:0;font-size:0.875rem;color:var(--ja17fc-slate);text-align:right} #footer ::selection{background:color-mix(in srgb, var(--ja17fc-primary) 22%, white 78%)} @media (max-width:1024px){#footer .footer-grid{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto auto;gap:18px} #footer .footer-contacts,#footer .footer-policies{padding-top:0}} @media (max-width:768px){#footer .footer-grid{grid-template-columns:1fr;gap:16px} #footer .footer-cta{align-items:flex-start} #footer .footer-cta-note{text-align:left}} /* ja17fc:hero */ /* ja17fc:hero */ #hero{position:relative; background:var(--ja17fc-bg); color:var(--ja17fc-text); overflow:hidden;} #hero{--rule:rgba(31,35,40,.14); --shadow: 0 10px 30px rgba(31,35,40,.08); --accent: var(--ja17fc-accent);} .hero-media{position:absolute; inset:0 0 0 0; width:55%;} .hero-image{width:100%; height:100%; object-fit:cover; display:block;} .hero-media-overlay{position:absolute; inset:0; background:rgba(0,0,0,.1); opacity:.9;} .hero-shell{position:relative; padding:clamp(2.5rem,6vw,5rem) 0;} .hero-grid{max-width:72rem; margin:0 auto; padding:0 clamp(1rem,3.5vw,3rem); display:grid; grid-template-columns: 1.05fr .95fr; gap:clamp(1rem,3vw,2.5rem); align-items:start;} .hero-text{background:transparent; padding:0;} .hero-side{display:flex; align-items:flex-start;} .hero-side-card{width:100%; border:1px solid var(--ja17fc-border); background:rgba(255,255,255,.78); box-shadow:0 1px 0 rgba(31,35,40,.04); border-radius:var(--radius-lg); padding:clamp(1rem,2.3vw,1.5rem);} .hero-kicker{display:flex; align-items:center; gap:.65rem; margin-bottom:1rem;} .hero-kicker-dot{width:10px; height:10px; border-radius:50%; background:var(--ja17fc-accent); box-shadow:0 0 0 4px rgba(178,106,77,.14);} .hero-kicker-text{font-family:var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); font-size:.95rem; color:var(--ja17fc-slate); letter-spacing:.02em;} .hero-title{font-family:var(--font-serif, 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif); font-size:clamp(2.2rem,4.2vw,4.1rem); line-height:1.06; margin:0 0 1rem; letter-spacing:-.02em; text-wrap:balance;} .hero-perex{margin:0 0 1.35rem; font-size:1.05rem; line-height:1.6; color:var(--ja17fc-ink); max-width:36ch;} .hero-timeline{margin:1.25rem 0 1.6rem;} .hero-timeline-rail{height:1px; background:linear-gradient(90deg, rgba(178,106,77,.85), rgba(178,106,77,.18)); margin:10px 0 10px;} .hero-timeline-nodes{display:flex; gap:clamp(.4rem,1.2vw,1rem); justify-content:space-between;} .hero-node{appearance:none; border:1px solid rgba(217,212,204,.85); background:rgba(255,255,255,.72); border-radius:999px; padding:.55rem .75rem; min-width:0; display:flex; align-items:center; gap:.55rem; cursor:pointer; box-shadow:0 1px 0 rgba(31,35,40,.04); transition:transform 120ms ease-out, border-color 120ms ease-out, background 120ms ease-out;} .hero-node-index{font-variant-numeric:tabular-nums; font-weight:700; color:var(--ja17fc-accent); width:28px; text-align:center;} .hero-node-label{font-size:.9rem; color:var(--ja17fc-slate); white-space:nowrap;} .hero-node:hover{transform:translateY(-1px); border-color:rgba(178,106,77,.55); background:rgba(255,255,255,.92);} .hero-node:focus-visible{outline:3px solid rgba(178,106,77,.35); outline-offset:2px;} .hero-cta{display:flex; flex-direction:column; gap:.7rem; margin-bottom:1.6rem;} .hero-button{display:inline-flex; align-items:center; justify-content:center; width:max-content; padding:.95rem 1.15rem; border-radius:var(--radius-md); background:var(--ja17fc-accent); color:var(--ja17fc-surface); text-decoration:none; font-weight:700; border:1px solid rgba(0,0,0,.06); position:relative; overflow:hidden;} .hero-button::after{content:""; position:absolute; left:-20%; top:50%; width:140%; height:2px; background:rgba(255,255,255,.9); transform:translateY(10px); opacity:0; transition:opacity 160ms ease-out, transform 160ms ease-out;} .hero-button:hover::after, .hero-button:focus-visible::after{opacity:1; transform:translateY(0);} .hero-button:focus-visible{outline:3px solid rgba(178,106,77,.35); outline-offset:3px;} .hero-cta-note{margin:0; font-size:.98rem; color:var(--ja17fc-slate); max-width:52ch;} .hero-proof{border-top:1px solid var(--rule); padding-top:1.1rem; margin-top:.6rem;} .hero-proof-row{display:flex; gap:1rem; align-items:flex-start;} .hero-proof-rule{width:56px; height:1px; background:rgba(178,106,77,.6); margin-top:.45rem;} .hero-proof-lead{font-weight:800; letter-spacing:.01em; margin-bottom:.35rem;} .hero-proof-body{color:var(--ja17fc-slate); line-height:1.55;} .hero-side-card .hero-side-title{font-weight:900; font-size:1.05rem; margin-bottom:.6rem;} .hero-side-card .hero-side-body{color:var(--ja17fc-slate); line-height:1.6; margin-bottom:.85rem;} .hero-side-thin{height:1px; background:rgba(31,35,40,.12); margin-bottom:.7rem;} .hero-side-meta{color:var(--ja17fc-slate); font-size:.95rem;} #hero ::selection{background:rgba(178,106,77,.28); color:var(--ja17fc-ink);} @media (max-width: 900px){ .hero-media{width:100%; position:relative; height:320px;} .hero-media-overlay{opacity:.7;} .hero-grid{grid-template-columns:1fr;} .hero-side{margin-top:1.2rem;} } @media (prefers-reduced-motion: reduce){ .hero-node, .hero-button::after{transition:none !important;} .hero-node:hover{transform:none;} } /* ja17fc:why-us */ /* ja17fc:why-us */ #why-us.why-us{background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,6vw,5rem) 0;position:relative;} #why-us.why-us::selection{background:var(--ja17fc-primary);color:var(--ja17fc-surface);} #why-us.why-us *{box-sizing:border-box;} #why-us .why-us__wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #why-us .why-us__top{padding-bottom:clamp(1.25rem,3vw,2.25rem);border-bottom:1px solid rgba(217,212,204,.9);} #why-us .why-us__kicker{display:inline-block;font:600 0.875rem/1.2 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:.02em;color:var(--ja17fc-secondary);text-transform:none;} #why-us .why-us__title{margin:0.75rem 0 0;font:700 clamp(1.6rem,2.7vw,2.25rem)/1.12 var(--font-serif, 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif);letter-spacing:-0.02em;text-wrap:balance;} #why-us .why-us__lead{margin:1rem 0 0;max-width:60ch;font:400 1rem/1.65 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #why-us .why-us__proof-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);padding-top:clamp(1.5rem,3vw,2.25rem);} #why-us .proof-card{grid-column:span 4;border:1px solid rgba(217,212,204,.95);background:var(--ja17fc-surface);border-radius:var(--radius-md,14px);padding:clamp(1.1rem,2.1vw,1.5rem);box-shadow:0 1px 0 rgba(31,35,40,.05);} #why-us .proof-card__icon{width:44px;height:44px;border-radius:12px;background:rgba(178,106,77,.10);border:1px solid rgba(178,106,77,.22);color:var(--ja17fc-primary);display:flex;align-items:center;justify-content:center;font:800 1.05rem/1 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);} #why-us .proof-card__title{margin:0.9rem 0 0;font:700 1.05rem/1.25 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);} #why-us .proof-card__text{margin:0.5rem 0 0;font:400 0.98rem/1.65 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #why-us .why-us__timeline{margin-top:clamp(1.25rem,3.2vw,2.5rem);padding-top:clamp(1.25rem,2.8vw,2rem);position:relative;} #why-us .timeline__rule{height:1px;background:rgba(31,35,40,.12);width:100%;margin-bottom:clamp(1.1rem,2vw,1.6rem);} #why-us .timeline__rail{height:2px;background:linear-gradient(90deg, rgba(178,106,77,.9), rgba(178,106,77,.2));opacity:.9;border-radius:999px;margin:0 0 1rem;} #why-us .timeline__nodes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.75rem;} #why-us .timeline-node{position:relative;display:flex;flex-direction:column;align-items:flex-start;} #why-us .timeline-node__btn{background:transparent;border:none;padding:0;margin:0;cursor:pointer;font:700 0.95rem/1.2 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);border-radius:10px;min-height:44px;display:inline-flex;align-items:center;gap:.5rem;} #why-us .timeline-node__btn::after{content:'';display:block;height:2px;width:0;background:var(--ja17fc-primary);transition:width 140ms ease-out, opacity 140ms ease-out;opacity:.95;} #why-us .timeline-node__dot{width:10px;height:10px;border-radius:50%;background:rgba(31,35,40,.18);margin-top:0.7rem;} #why-us .timeline-node__label{margin-top:0.55rem;font:600 0.92rem/1.25 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-secondary);} #why-us .timeline-detail{display:grid;grid-template-columns:1fr 0.95fr;gap:1rem;align-items:start;margin-top:clamp(.9rem,2vw,1.2rem);} #why-us .timeline-detail__inner{border:1px solid rgba(217,212,204,.95);background:rgba(255,255,255,.88);border-radius:var(--radius-md,14px);padding:1.1rem 1.15rem;} #why-us .timeline-detail__eyebrow{font:600 0.875rem/1.2 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-secondary);} #why-us .timeline-detail__title{margin:0.6rem 0 0;font:800 1.15rem/1.28 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:-0.01em;} #why-us .timeline-detail__text{margin:0.6rem 0 0;font:400 0.98rem/1.7 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #why-us .timeline-detail__deliverable{border:1px solid rgba(178,106,77,.22);background:rgba(178,106,77,.06);border-radius:var(--radius-md,14px);padding:1.05rem 1.15rem;} #why-us .deliverable__label{font:700 0.875rem/1.2 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-primary);} #why-us .deliverable__value{margin-top:0.35rem;font:900 1.15rem/1.25 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);} #why-us .deliverable__note{margin-top:0.35rem;font:400 0.92rem/1.55 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #why-us .timeline-node.is-active .timeline-node__dot{background:var(--ja17fc-primary);} #why-us .timeline-node.is-active .timeline-node__btn{color:var(--ja17fc-primary);} #why-us .timeline-node.is-active .timeline-node__btn::after{width:100%;} #why-us .why-us__cta-row{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:clamp(1.25rem,2.8vw,2.2rem);padding-top:clamp(1rem,2.5vw,1.6rem);border-top:1px solid rgba(217,212,204,.9);} #why-us .why-us__cta-text{margin:0;color:var(--ja17fc-slate);font:400 0.98rem/1.65 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);max-width:62ch;} #why-us .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.05rem;border-radius:999px;text-decoration:none;font:800 0.98rem/1.1 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:-0.01em;position:relative;isolation:isolate;} #why-us .btn:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:3px;} #why-us .btn--primary{background:var(--ja17fc-primary);color:var(--ja17fc-surface);border:1px solid rgba(178,106,77,.35);box-shadow:0 6px 18px rgba(178,106,77,.18);transition:transform 120ms ease-out, box-shadow 120ms ease-out;} #why-us .btn--primary::after{content:'';position:absolute;left:16px;right:16px;bottom:11px;height:2px;background:rgba(255,255,255,.7);transform:scaleX(0);transform-origin:left;transition:transform 160ms ease-out, opacity 160ms ease-out;opacity:0;} #why-us .btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(178,106,77,.22);} #why-us .btn--primary:hover::after{transform:scaleX(1);opacity:1;} #why-us .btn--primary:active{transform:translateY(0px);} @media (max-width: 900px){ #why-us .proof-card{grid-column:span 6;} #why-us .timeline-detail{grid-template-columns:1fr;} #why-us .why-us__cta-row{flex-direction:column;align-items:flex-start;} } @media (max-width: 640px){ #why-us .proof-card{grid-column:span 12;} #why-us .timeline__nodes{gap:0.55rem;} #why-us .timeline-node__label{font-size:0.86rem;} } @media (prefers-reduced-motion: reduce){ #why-us .btn,.timeline-node__btn::after{transition:none !important;} } /* ja17fc:process-rail */ /* ja17fc:process-rail */ #process-rail{--pr:var(--ja17fc-primary);--ink:var(--ja17fc-ink);--bg:var(--ja17fc-bg);--surface:var(--ja17fc-surface);--border:var(--ja17fc-border);--muted:var(--ja17fc-secondary);background:var(--ja17fc-bg);color:var(--ja17fc-text);} #process-rail .shell{max-width:72rem;margin:0 auto;padding:clamp(2rem,4vw,3rem) clamp(1rem,3.2vw,1.5rem) clamp(2.5rem,5vw,4rem);} #process-rail .top-rule{height:1px;background:var(--ja17fc-border);margin-bottom:clamp(1.5rem,3vw,2rem);} #process-rail .hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1rem,3vw,2rem);align-items:start;} #process-rail .hero-media{position:relative;border-radius:var(--ja17fc-radius-lg,18px);overflow:hidden;background:linear-gradient(180deg, rgba(178,106,77,.10), rgba(122,127,107,.06));min-height:28rem;} #process-rail .hero-media-overlay{position:absolute;inset:0;background:rgba(0,0,0,.08);} #process-rail .hero-media-plate{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;} #process-rail .media-mark{width:44px;height:44px;border:1px solid var(--border);border-radius:var(--ja17fc-radius-md,14px);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.7);color:var(--pr);font-size:18px;margin-bottom:.75rem;} #process-rail .media-caption{max-width:20ch;font-family:var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-weight:650;letter-spacing:-.01em;color:var(--ink);} #process-rail .hero-copy{padding:0;} #process-rail .kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.875rem;letter-spacing:.02em;color:var(--muted);text-transform:none;font-weight:600;margin-bottom:.6rem;} #process-rail .title{font-family:var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 .75rem;font-weight:800;text-wrap:balance;} #process-rail .perex{margin:0 0 1.2rem;line-height:1.55;font-size:1rem;color:var(--ink);max-width:52ch;} #process-rail .timeline{position:relative;margin:0 0 1.1rem;padding:1.05rem 0 0.9rem;} #process-rail .timeline-line{position:absolute;left:0;right:0;top:1.85rem;height:2px;background:rgba(178,106,77,.22);} #process-rail .timeline-nodes{position:relative;display:flex;justify-content:space-between;gap:.75rem;} #process-rail .timeline-node{appearance:none;border:0;background:transparent;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;min-width:0;cursor:pointer;color:var(--ink);} #process-rail .timeline-node:focus-visible{outline:3px solid rgba(178,106,77,.45);outline-offset:6px;border-radius:12px;} #process-rail .timeline-node .node-dot{width:18px;height:18px;border-radius:999px;border:1px solid rgba(178,106,77,.5);background:rgba(217,212,204,.9);box-shadow:0 1px 0 rgba(31,35,40,.05);margin-bottom:.55rem;transition:transform 120ms ease-out, background 120ms ease-out, border-color 120ms ease-out;} #process-rail .timeline-node .node-label{font-size:.875rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap;} #process-rail .timeline-node.is-active .node-dot{background:var(--pr);border-color:rgba(178,106,77,.85);transform:scale(1.05);} #process-rail .timeline-node.is-active .node-label{color:var(--pr);} #process-rail .delivery-proof{border:1px solid var(--border);background:rgba(255,255,255,.6);border-radius:var(--ja17fc-radius-md,14px);padding:1rem 1rem .9rem;} #process-rail .delivery-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.4rem;} #process-rail .badge{display:inline-flex;align-items:center;justify-content:center;min-width:7.5rem;padding:.35rem .6rem;border:1px solid rgba(178,106,77,.35);color:var(--pr);background:rgba(178,106,77,.08);border-radius:999px;font-size:.875rem;font-weight:750;} #process-rail .delivery-title{font-weight:850;letter-spacing:-.01em;} #process-rail .delivery-text{margin:0;line-height:1.55;color:var(--ink);font-size:.98rem;} #process-rail .cta-row{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;} #process-rail .cta{display:inline-flex;align-items:center;justify-content:flex-start;gap:.55rem;min-height:44px;padding:.85rem 1rem;border-radius:var(--ja17fc-radius-sm,10px);background:var(--pr);color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.01em;position:relative;border:1px solid rgba(178,106,77,.65);} #process-rail .cta:before{content:"";position:absolute;left:.95rem;right:.95rem;bottom:.55rem;height:2px;background:rgba(255,255,255,.85);transform-origin:left;transform:scaleX(1);transition:transform 140ms ease-out, opacity 140ms ease-out;opacity:.85;} #process-rail .cta:hover:before{transform:scaleX(.2);opacity:.35;} #process-rail .cta:focus-visible{outline:3px solid rgba(178,106,77,.45);outline-offset:4px;} #process-rail .cta-sub{font-size:.95rem;line-height:1.4;color:var(--ink);max-width:56ch;} #process-rail .bottom-rule{height:1px;background:var(--ja17fc-border);margin:1.6rem 0 1.1rem;} #process-rail .steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.05rem 1.25rem;} #process-rail .step-item{border:1px solid rgba(217,212,204,.95);background:var(--surface);border-radius:var(--ja17fc-radius-md,14px);padding:1rem 1rem .95rem;box-shadow:0 1px 0 rgba(31,35,40,.05);} #process-rail .step-left{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.35rem;} #process-rail .step-num{width:36px;height:36px;border-radius:var(--ja17fc-radius-sm,10px);border:1px solid rgba(178,106,77,.35);background:rgba(178,106,77,.08);color:var(--pr);display:flex;align-items:center;justify-content:center;font-weight:900;} #process-rail .step-name{font-weight:850;letter-spacing:-.01em;} #process-rail .step-right{color:var(--ink);font-size:.98rem;line-height:1.5;} #process-rail .thin-note{margin-top:1rem;color:var(--muted);font-size:.95rem;line-height:1.5;border-left:3px solid rgba(178,106,77,.45);padding-left:.85rem;} #process-rail ::selection{background:rgba(178,106,77,.25);} @media (max-width: 900px){ #process-rail .hero-grid{grid-template-columns:1fr;} #process-rail .hero-media{min-height:22rem;} #process-rail .steps-grid{grid-template-columns:1fr;} #process-rail .timeline-line{top:1.75rem;} } @media (prefers-reduced-motion: reduce){ #process-rail .timeline-node .node-dot{transition:none;} #process-rail .cta:before{transition:none;} } /* ja17fc:packages-table */ /* ja17fc:packages-table */ #packages-table{--pt:var(--ja17fc-primary);--bg:var(--ja17fc-bg);--ink:var(--ja17fc-ink);--muted:var(--ja17fc-secondary);--border:var(--ja17fc-border);--surface:var(--ja17fc-surface);padding:48px 0 20px;background:var(--ja17fc-bg);color:var(--ja17fc-text);font-family:'Segoe UI',Candara,'Gill Sans','Trebuchet MS',sans-serif;} #packages-table ::selection{background:color-mix(in srgb,var(--ja17fc-primary) 22%,transparent);} #packages-table .container{max-width:72rem;margin:0 auto;padding:0 20px;} #packages-table .section-head{margin-bottom:18px;} #packages-table .kicker{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ja17fc-secondary);margin:0 0 10px;} #packages-table .title{margin:0 0 10px;font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.18;letter-spacing:-0.02em;font-weight:700;max-width:60ch;} #packages-table .lead{margin:0;color:color-mix(in srgb,var(--ja17fc-ink) 80%,transparent);font-size:1rem;line-height:1.6;max-width:78ch;} #packages-table .thin-rule{height:1px;background:var(--ja17fc-border);} #packages-table .table-shell{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg);box-shadow:0 1px 0 rgba(0,0,0,0.04);overflow:hidden;} #packages-table .table-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 10px;flex-wrap:wrap;} #packages-table .rail-note{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;} #packages-table .rail-label{font-weight:700;color:var(--ja17fc-ink);font-size:0.95rem;} #packages-table .rail-value{color:color-mix(in srgb,var(--ja17fc-ink) 70%,transparent);font-size:0.95rem;} #packages-table .link-inline{color:var(--ja17fc-accent);text-decoration:none;font-weight:700;border-bottom:1px solid color-mix(in srgb,var(--ja17fc-accent) 35%,transparent);padding-bottom:2px;} #packages-table .link-inline:hover{border-bottom-color:color-mix(in srgb,var(--ja17fc-accent) 80%,transparent);} #packages-table .link-inline:focus-visible{outline:3px solid color-mix(in srgb,var(--ja17fc-primary) 35%,transparent);outline-offset:3px;border-radius:6px;} #packages-table .table-wrap{overflow:auto;} #packages-table .deliverables-table{border-collapse:separate;border-spacing:0;width:100%;min-width:880px;} #packages-table th,#packages-table td{padding:14px 14px;border-bottom:1px solid var(--ja17fc-border);vertical-align:top;} #packages-table thead th{border-bottom:2px solid var(--ja17fc-border);background:color-mix(in srgb,var(--ja17fc-surface) 94%,var(--ja17fc-bg) 6%);text-align:left;} #packages-table .col-feature{width:30%;} #packages-table .col-package{width:23.33%;} #packages-table .package-head{display:flex;flex-direction:column;gap:6px;} #packages-table .package-name{font-weight:900;color:var(--ja17fc-ink);font-size:1.05rem;} #packages-table .package-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-bg);font-size:13px;color:color-mix(in srgb,var(--ja17fc-ink) 78%,transparent);white-space:nowrap;} #packages-table tbody tr:last-child th,#packages-table tbody tr:last-child td{border-bottom:none;} #packages-table .row-label{font-weight:800;color:var(--ja17fc-ink);} #packages-table td .tick{font-weight:900;color:var(--ja17fc-ink);} #packages-table td .muted{margin-top:4px;color:color-mix(in srgb,var(--ja17fc-ink) 65%,transparent);font-size:0.95rem;line-height:1.35;} #packages-table td.featured{background:color-mix(in srgb,var(--ja17fc-primary) 9%,var(--ja17fc-surface) 91%);} #packages-table .table-foot{padding:14px 18px 18px;} #packages-table .foot-note{margin:12px 0 0;color:color-mix(in srgb,var(--ja17fc-ink) 70%,transparent);font-size:0.95rem;line-height:1.5;} #packages-table .timeline-mini{margin:22px 0 0;padding:20px 18px;border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg);background:var(--ja17fc-surface);} #packages-table .timeline-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;} #packages-table .timeline-label{margin:0;font-weight:800;color:var(--ja17fc-ink);font-size:1rem;} #packages-table .timeline-rail{display:flex;gap:14px;align-items:center;position:relative;padding:10px 2px;} #packages-table .timeline-rail::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:color-mix(in srgb,var(--ja17fc-secondary) 22%,transparent);transform:translateY(-50%);} #packages-table .rail-node{position:relative;z-index:1;width:44px;height:44px;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);font-weight:900;cursor:pointer;} #packages-table .rail-node:hover{border-color:color-mix(in srgb,var(--ja17fc-primary) 55%,var(--ja17fc-border));} #packages-table .rail-node:focus-visible{outline:3px solid color-mix(in srgb,var(--ja17fc-primary) 35%,transparent);outline-offset:3px;} #packages-table .timeline-panel{margin-top:12px;border-top:1px solid var(--ja17fc-border);padding-top:12px;} #packages-table .panel-title{font-weight:900;color:var(--ja17fc-ink);margin-bottom:6px;} #packages-table .panel-text{color:color-mix(in srgb,var(--ja17fc-ink) 70%,transparent);line-height:1.6;max-width:78ch;} #packages-table .cta-row{display:flex;gap:14px;align-items:center;justify-content:flex-start;margin:18px 0 0;flex-wrap:wrap;} #packages-table .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:var(--radius-md);font-weight:900;text-decoration:none;} #packages-table .btn.primary{background:var(--ja17fc-primary);color:var(--ja17fc-surface);border:1px solid color-mix(in srgb,var(--ja17fc-primary) 70%,var(--ja17fc-border));box-shadow:0 1px 0 rgba(0,0,0,0.05);} #packages-table .btn.primary:hover{background:color-mix(in srgb,var(--ja17fc-primary) 88%,#000 12%);} #packages-table .btn.primary:focus-visible{outline:3px solid color-mix(in srgb,var(--ja17fc-primary) 40%,transparent);outline-offset:3px;} #packages-table .btn.ghost{background:var(--ja17fc-bg);color:var(--ja17fc-ink);border:1px solid var(--ja17fc-border);} #packages-table .btn.ghost:hover{border-color:color-mix(in srgb,var(--ja17fc-primary) 55%,var(--ja17fc-border));background:color-mix(in srgb,var(--ja17fc-primary) 7%,var(--ja17fc-bg));} #packages-table .btn.ghost:focus-visible{outline:3px solid color-mix(in srgb,var(--ja17fc-primary) 35%,transparent);outline-offset:3px;} @media (max-width: 768px){ #packages-table{padding:36px 0 10px;} #packages-table .container{padding:0 16px;} #packages-table .table-top{padding:16px 14px 8px;} #packages-table .table-foot{padding:12px 14px 14px;} #packages-table .timeline-mini{padding:16px 14px;} #packages-table .deliverables-table{min-width:760px;} } @media (prefers-reduced-motion: reduce){ #packages-table *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* ja17fc:references */ /* ja17fc:references */ #references{padding:0;background:var(--ja17fc-bg);color:var(--ja17fc-text);font-family:'Segoe UI',Candara,'Gill Sans','Trebuchet MS',sans-serif;} #references .references-shell{max-width:72rem;margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) var(--ref-gutter,clamp(1rem,4vw,3rem)) clamp(3rem,7vw,6rem);} #references .references-rule{height:1px;background:var(--ja17fc-border);margin-bottom:1.5rem;} #references .references-header{max-width:64rem;} #references .references-kicker{font-size:0.875rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ja17fc-secondary);margin-bottom:0.75rem;} #references .references-title{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;margin:0 0 0.8rem;font-weight:750;letter-spacing:-0.02em;text-wrap:balance;} #references .references-lead{margin:0;max-width:60ch;color:var(--ja17fc-slate);font-size:1rem;line-height:1.6;} #references .references-spreads{margin-top:2.2rem;display:flex;flex-direction:column;gap:1.75rem;} #references .spread-card{display:grid;grid-template-columns:7fr 5fr;gap:1.5rem;align-items:stretch;} #references .spread-media{position:relative;border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg,18px);overflow:hidden;background:var(--ja17fc-surface);min-height:320px;} #references .spread-media img{width:100%;height:100%;object-fit:cover;display:block;} #references .spread-media::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.09);pointer-events:none;} #references .spread-copy{border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg,18px);background:var(--ja17fc-surface);padding:1.35rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;} #references .spread-quote{position:relative;padding-left:1.05rem;} #references .spread-quote::before{content:"";position:absolute;left:0;top:0.15rem;bottom:0.15rem;width:3px;background:var(--ja17fc-primary);opacity:0.75;border-radius:2px;} #references .quote-mark{position:absolute;left:-0.1rem;top:-0.55rem;font-size:3rem;line-height:1;color:var(--ja17fc-primary);font-weight:900;opacity:0.85;} #references .quote-text{margin:0;font-family:'Optima','Segoe UI',Candara,'Gill Sans','Trebuchet MS',sans-serif;font-size:1.1rem;line-height:1.5;color:var(--ja17fc-ink,#1F2328);} #references .quote-attrib{margin-top:0.9rem;display:flex;flex-wrap:wrap;gap:0.5rem 0.75rem;align-items:baseline;} #references .attrib-name{font-weight:800;color:var(--ja17fc-ink);} #references .attrib-meta{color:var(--ja17fc-secondary);font-size:0.95rem;} #references .spread-meta{display:flex;flex-wrap:wrap;gap:0.6rem;} #references .meta-chip{border:1px solid var(--ja17fc-border);background:var(--ja17fc-bg);padding:0.45rem 0.7rem;border-radius:999px;font-size:0.875rem;color:var(--ja17fc-slate);} #references .spread-link{display:inline-flex;align-items:center;gap:0.65rem;margin-top:0.2rem;color:var(--ja17fc-ink);text-decoration:none;font-weight:750;position:relative;padding-bottom:0.35rem;} #references .spread-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ja17fc-accent);transform:scaleX(0.2);transform-origin:left;opacity:0.9;transition:transform 180ms ease-out,opacity 180ms ease-out;} #references .spread-link:hover::after{transform:scaleX(1);} #references .spread-link:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:3px;border-radius:8px;} #references .references-note{margin-top:2rem;display:flex;gap:0.9rem;align-items:flex-start;} #references .note-rule{width:3px;min-height:3.2rem;background:var(--ja17fc-primary);opacity:0.75;border-radius:2px;} #references .note-text{margin:0;color:var(--ja17fc-slate);line-height:1.6;font-size:0.98rem;} #references .note-text strong{color:var(--ja17fc-ink);} #references *::selection{background:rgba(178,106,77,0.28);} #references a{color:inherit;} @media (max-width: 900px){ #references .spread-card{grid-template-columns:1fr;gap:1rem;} #references .spread-media{min-height:240px;} } @media (prefers-reduced-motion: reduce){ #references .spread-link::after{transition:none;} } /* ja17fc:faq-accordion */ /* ja17fc:faq-accordion */ #faq-accordion.faq-accordion{--pad:clamp(1.25rem,3vw,2.25rem); background:var(--ja17fc-bg); color:var(--ja17fc-text); padding:clamp(2rem,5vw,4rem) 0; position:relative; overflow:hidden;} #faq-accordion.faq-accordion .faq-accordion__inner{max-width:72rem; margin:0 auto; padding:0 var(--pad);} #faq-accordion.faq-accordion .thin-rule{height:1px; background:var(--ja17fc-border); width:100%;} #faq-accordion.faq-accordion .thin-rule--accent{background:var(--ja17fc-accent); opacity:.9; width:110px;} #faq-accordion.faq-accordion .faq-accordion__head{margin-bottom:1.25rem;} #faq-accordion.faq-accordion .faq-accordion__title{margin:0.75rem 0 0.6rem; font-family:var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); font-size:clamp(1.6rem,3vw,2.4rem); line-height:1.1; letter-spacing:-.02em; text-wrap:balance;} #faq-accordion.faq-accordion .faq-accordion__lede{margin:0; max-width:62ch; color:var(--ja17fc-slate); font-size:1rem; line-height:1.6;} #faq-accordion.faq-accordion .faq-accordion__rail{margin:1.3rem 0 1.2rem; position:relative; padding:0.75rem 0.25rem;} #faq-accordion.faq-accordion .faq-accordion__rail-line{position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); height:2px; background:color-mix(in srgb, var(--ja17fc-primary) 22%, transparent);} #faq-accordion.faq-accordion .faq-accordion__rail-node{position:relative; width:44px; height:44px; border-radius:999px; border:1px solid var(--ja17fc-border); background:var(--ja17fc-surface); cursor:pointer;} #faq-accordion.faq-accordion .faq-accordion__rail-node::after{content:""; position:absolute; inset:10px; border-radius:999px; background:var(--ja17fc-primary); opacity:0; transform:scale(.6); transition:opacity 150ms ease-out, transform 150ms ease-out, border-color 150ms ease-out;} #faq-accordion.faq-accordion .faq-accordion__rail-node.is-active{border-color:color-mix(in srgb, var(--ja17fc-primary) 55%, var(--ja17fc-border));} #faq-accordion.faq-accordion .faq-accordion__rail-node.is-active::after{opacity:1; transform:scale(1);} #faq-accordion.faq-accordion .faq-accordion__rail{display:grid; grid-template-columns:repeat(4, 1fr); gap:0.75rem; align-items:center;} #faq-accordion.faq-accordion .faq{display:grid; grid-template-columns:1.3fr .7fr; gap:1.5rem; align-items:start;} #faq-accordion.faq-accordion .faq__items{display:flex; flex-direction:column; gap:0.7rem;} #faq-accordion.faq-accordion .faq-item{border:1px solid var(--ja17fc-border); background:var(--ja17fc-surface); border-radius:var(--radius-md,14px);} #faq-accordion.faq-accordion .faq-item__trigger{width:100%; text-align:left; padding:1rem 1.05rem; background:transparent; border:0; display:flex; gap:1rem; align-items:center; justify-content:space-between; cursor:pointer;} #faq-accordion.faq-accordion .faq-item__q{font-weight:700; letter-spacing:-.01em; color:var(--ja17fc-ink); line-height:1.3;} #faq-accordion.faq-accordion .faq-item__icon{flex:0 0 auto; width:32px; height:32px; border-radius:10px; border:1px solid var(--ja17fc-border); display:flex; align-items:center; justify-content:center; color:var(--ja17fc-secondary); font-weight:800; background:var(--ja17fc-surface);} #faq-accordion.faq-accordion .faq-item__trigger[aria-expanded="true"] .faq-item__icon{color:var(--ja17fc-primary); border-color:color-mix(in srgb, var(--ja17fc-primary) 40%, var(--ja17fc-border));} #faq-accordion.faq-accordion .faq-item__panel{border-top:1px solid var(--ja17fc-border); padding:0.85rem 1.05rem 1.05rem;} #faq-accordion.faq-accordion .faq-item__a{color:color-mix(in srgb, var(--ja17fc-ink) 88%, var(--ja17fc-slate)); line-height:1.7; font-size:0.98rem;} #faq-accordion.faq-accordion .faq__cta{position:sticky; top:1.25rem; border-radius:var(--radius-lg,18px); border:1px solid var(--ja17fc-border); background:var(--ja17fc-surface); padding:1.1rem 1.1rem 1.2rem; box-shadow:0 1px 0 color-mix(in srgb, var(--ja17fc-ink) 6%, transparent);} #faq-accordion.faq-accordion .faq__cta-text{margin:0.75rem 0 1rem; color:var(--ja17fc-slate); line-height:1.6; font-size:0.98rem;} #faq-accordion.faq-accordion .faq__cta-link{display:inline-block; color:var(--ja17fc-surface); background:var(--ja17fc-primary); border:1px solid color-mix(in srgb, var(--ja17fc-primary) 85%, var(--ja17fc-border)); text-decoration:none; padding:0.9rem 1rem; border-radius:var(--radius-md,14px); font-weight:800; letter-spacing:-.01em;} #faq-accordion.faq-accordion .faq__cta-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 35%, transparent); outline-offset:3px;} #faq-accordion.faq-accordion .faq-item__trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 35%, transparent); outline-offset:3px; border-radius:var(--radius-md,14px);} #faq-accordion.faq-accordion ::selection{background:color-mix(in srgb, var(--ja17fc-primary) 25%, transparent);} @media (max-width: 900px){#faq-accordion.faq-accordion .faq{grid-template-columns:1fr;} #faq-accordion.faq-accordion .faq__cta{position:relative; top:auto;}} @media (prefers-reduced-motion: reduce){#faq-accordion.faq-accordion *{transition:none !important; animation:none !important;}} /* ja17fc:contact */ /* ja17fc:contact */ #contact.contact-section{background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,6vw,5rem) 0;} #contact.contact-section .contact-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact.contact-section .contact-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2rem);align-items:start;} #contact.contact-section .thin-rule{height:1px;background:var(--ja17fc-border);width:100%;margin:0 0 1rem 0;} #contact.contact-section .contact-copy{padding-right:clamp(0rem,1vw,0.75rem);} #contact.contact-section .contact-title{font:700 clamp(1.7rem,3.2vw,2.5rem)/1.1 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:-0.02em;margin:0 0 0.75rem 0;text-wrap:balance;} #contact.contact-section .contact-lead{margin:0 0 1.35rem 0;font:400 1rem/1.6 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-text);max-width:44ch;} #contact.contact-section .contact-proof{border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);background:var(--ja17fc-surface);padding:1.1rem 1.1rem 1.05rem 1.1rem;box-shadow:0 1px 0 rgba(178,106,77,0.10);} #contact.contact-section .proof-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;align-items:start;position:relative;margin-bottom:0.9rem;} #contact.contact-section .proof-rail:before{content:"";position:absolute;left:0;right:0;top:1.05rem;height:1px;background:var(--ja17fc-border);} #contact.contact-section .proof-step{position:relative;z-index:1;display:flex;flex-direction:column;gap:0.45rem;} #contact.contact-section .proof-node{width:34px;height:34px;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);display:flex;align-items:center;justify-content:center;font:700 0.95rem/1 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);cursor:pointer;transition:background 120ms ease-out,border-color 120ms ease-out,transform 120ms ease-out;outline:none;} #contact.contact-section .proof-step:nth-child(2) .proof-node{border-color:rgba(178,106,77,0.45);} #contact.contact-section .proof-step:nth-child(3) .proof-node{border-color:rgba(178,106,77,0.60);} #contact.contact-section .proof-step:nth-child(4) .proof-node{border-color:rgba(178,106,77,0.45);} #contact.contact-section .proof-node:focus-visible{box-shadow:0 0 0 4px rgba(178,106,77,0.18);} #contact.contact-section .proof-node:hover{transform:translateY(-1px);} #contact.contact-section .proof-label{font:600 0.9rem/1.25 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #contact.contact-section .proof-detail{border-top:1px solid var(--ja17fc-border);padding-top:0.9rem;} #contact.contact-section .proof-detail-text{margin:0;font:400 0.96rem/1.55 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-text);} #contact.contact-section .contact-bullets{margin-top:1.25rem;display:grid;gap:0.65rem;} #contact.contact-section .bullet{display:flex;gap:0.55rem;align-items:flex-start;} #contact.contact-section .bullet-mark{color:var(--ja17fc-primary);font-weight:800;line-height:1.2;} #contact.contact-section .bullet-text{font:500 0.95rem/1.55 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-text);} #contact.contact-section .contact-form{position:relative;} #contact.contact-section .form-card{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 1px 0 rgba(31,35,40,0.04);} #contact.contact-section .form-head{padding-bottom:0.65rem;} #contact.contact-section .form-title{font:700 1.4rem/1.2 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);margin:0 0 0.4rem 0;letter-spacing:-0.01em;} #contact.contact-section .form-subtitle{margin:0;font:400 0.98rem/1.55 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #contact.contact-section .lead-form{margin-top:0.75rem;display:grid;gap:0.9rem;} #contact.contact-section .form-row{display:grid;gap:0.45rem;} #contact.contact-section .field{font:700 0.92rem/1.2 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);} #contact.contact-section .input{width:100%;border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);padding:0.78rem 0.9rem;font:400 1rem/1.35 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);background:var(--ja17fc-surface);color:var(--ja17fc-text);transition:border-color 120ms ease-out,box-shadow 120ms ease-out;} #contact.contact-section .input::placeholder{color:rgba(31,35,40,0.55);} #contact.contact-section .input:focus{outline:none;border-color:rgba(178,106,77,0.75);box-shadow:0 0 0 4px rgba(178,106,77,0.18);} #contact.contact-section .textarea{resize:vertical;min-height:120px;} #contact.contact-section .help{font:400 0.86rem/1.45 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #contact.contact-section .consent{border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);padding:0.85rem 0.9rem;} #contact.contact-section .consent-req{background:rgba(178,106,77,0.03);} #contact.contact-section .consent-legend{font:800 0.92rem/1.2 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);padding:0 0.25rem;} #contact.contact-section .radio-group{display:grid;gap:0.55rem;margin-top:0.65rem;} #contact.contact-section .radio{display:flex;align-items:center;gap:0.7rem;cursor:pointer;} #contact.contact-section .radio input{width:18px;height:18px;accent-color:var(--ja17fc-primary);} #contact.contact-section .radio-text{font:500 0.95rem/1.3 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-text);} #contact.contact-section .check{display:flex;gap:0.7rem;align-items:flex-start;cursor:pointer;margin-top:0.75rem;} #contact.contact-section .check input{width:18px;height:18px;accent-color:var(--ja17fc-primary);margin-top:0.15rem;} #contact.contact-section .check-text{font:500 0.95rem/1.45 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-text);} #contact.contact-section .form-actions{display:grid;gap:0.75rem;} #contact.contact-section .btn{min-height:44px;border-radius:999px;padding:0.85rem 1rem;font:800 1rem/1 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);border:1px solid transparent;cursor:pointer;transition:transform 120ms ease-out,background 120ms ease-out,border-color 120ms ease-out,color 120ms ease-out,box-shadow 120ms ease-out;display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;text-align:center;} #contact.contact-section .btn.primary{background:var(--ja17fc-primary);color:var(--ja17fc-surface);border-color:rgba(178,106,77,0.55);box-shadow:0 1px 0 rgba(31,35,40,0.05);} #contact.contact-section .btn.primary:hover{transform:translateY(-1px);background:rgba(178,106,77,0.92);} #contact.contact-section .btn.primary:active{transform:translateY(0px);} #contact.contact-section .btn.primary:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(178,106,77,0.22),0 1px 0 rgba(31,35,40,0.05);} #contact.contact-section .form-fineprint{margin:0;color:var(--ja17fc-slate);font:400 0.92rem/1.55 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);} #contact.contact-section .contact-links{display:flex;flex-direction:column;gap:0.6rem;padding:0.85rem 0 0.95rem 0;} #contact.contact-section .link{color:var(--ja17fc-primary);font:700 0.98rem/1.25 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #contact.contact-section .link:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(178,106,77,0.18);border-radius:8px;} #contact.contact-section .direct-contact{border-top:1px solid var(--ja17fc-border);padding-top:0.95rem;display:grid;gap:0.65rem;} #contact.contact-section .direct-row{display:grid;grid-template-columns:110px 1fr;gap:0.8rem;align-items:baseline;} #contact.contact-section .direct-label{font:800 0.88rem/1.3 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #contact.contact-section .direct-value{color:var(--ja17fc-ink);font:700 0.98rem/1.35 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);text-decoration:none;} #contact.contact-section .direct-value:hover{color:rgba(31,35,40,0.85);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #contact.contact-section .link-inline{color:var(--ja17fc-primary);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #contact.contact-section .privacy-note{margin:0.95rem 0 0 0;font:400 0.9rem/1.55 var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #contact.contact-section ::selection{background:rgba(178,106,77,0.22);} @media (max-width: 900px){ #contact.contact-section .contact-grid{grid-template-columns:1fr;} #contact.contact-section .contact-copy{padding-right:0;} } @media (prefers-reduced-motion: reduce){ #contact.contact-section *{scroll-behavior:auto;} #contact.contact-section .proof-node,#contact.contact-section .btn{transition:none;} } /* ja17fc:section-intro */ /* ja17fc:section-intro */ #section-intro{--radius-sm:var(--ja17fc-radius-sm,10px);--radius-md:var(--ja17fc-radius-md,14px);--radius-lg:var(--ja17fc-radius-lg,18px);background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(1.5rem,3.5vw,4rem) 0;} #section-intro .intro-wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #section-intro .intro-rule{height:1px;background:var(--ja17fc-border);margin-bottom:clamp(1.25rem,2.5vw,2.25rem);} #section-intro .intro-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,2.8vw,2.5rem);align-items:start;} #section-intro .intro-text{padding-top:.1rem;} #section-intro .intro-h1{font-family:var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.05;letter-spacing:-0.02em;margin:0 0 1rem;font-weight:700;text-wrap:balance;} #section-intro .intro-lead{margin:0;color:var(--ja17fc-ink);font-size:1.05rem;line-height:1.6;max-width:43rem;} #section-intro .intro-mini{margin-top:1.35rem;position:relative;padding-top:.9rem;} #section-intro .mini-rail{position:absolute;left:0;right:0;top:.98rem;height:2px;background:linear-gradient(90deg, rgba(178,106,77,.35), rgba(122,127,107,.28));} #section-intro .mini-step{display:flex;gap:.7rem;align-items:flex-start;position:relative;padding:.6rem .75rem;border-radius:var(--ja17fc-radius-md,14px);border:1px solid transparent;outline:none;cursor:default;} #section-intro .mini-step .mini-dot{width:14px;height:14px;border-radius:999px;background:var(--ja17fc-bg);border:2px solid var(--ja17fc-accent);margin-top:.15rem;flex:0 0 14px;} #section-intro .mini-step .mini-kicker{display:block;font-size:.78rem;color:var(--ja17fc-slate);letter-spacing:.02em;margin-top:.08rem;} #section-intro .mini-step .mini-label{display:block;font-weight:650;color:var(--ja17fc-ink);font-size:.95rem;line-height:1.2;} #section-intro .mini-step{background:rgba(217,212,204,.22);} #section-intro .mini-step:focus-visible{border-color:var(--ja17fc-accent);box-shadow:0 0 0 4px rgba(178,106,77,.18);} #section-intro .mini-step:hover{border-color:rgba(178,106,77,.35);} #section-intro .intro-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;} #section-intro .intro-side{display:flex;justify-content:flex-start;} #section-intro .proof-card{width:100%;background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--ja17fc-radius-lg,18px);box-shadow:0 1px 0 rgba(31,35,40,.04);padding:1.1rem 1.05rem;} #section-intro .proof-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.65rem;} #section-intro .proof-mark{width:34px;height:34px;border-radius:12px;background:rgba(178,106,77,.12);color:var(--ja17fc-primary);display:flex;align-items:center;justify-content:center;font-size:1.05rem;} #section-intro .proof-kicker{font-size:.9rem;font-weight:700;color:var(--ja17fc-slate);} #section-intro .proof-list{list-style:none;padding:0;margin:.2rem 0 0;display:flex;flex-direction:column;gap:.65rem;} #section-intintro .proof-list li{color:var(--ja17fc-ink);font-size:.98rem;line-height:1.45;} #section-intro .proof-list li{color:var(--ja17fc-ink);font-size:.98rem;line-height:1.45;} #section-intro .proof-item{font-weight:800;color:var(--ja17fc-ink);} #section-intro .proof-foot{border-top:1px solid var(--ja17fc-border);margin-top:1rem;padding-top:.85rem;} #section-intro .proof-link{color:var(--ja17fc-accent);text-decoration:none;font-weight:750;position:relative;display:inline-block;padding-bottom:.2rem;} #section-intro .proof-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ja17fc-accent);transform:scaleX(.35);transform-origin:left;opacity:.85;transition:transform 160ms ease-out, opacity 160ms ease-out;} #section-intro .proof-link:hover::after{transform:scaleX(1);opacity:1;} #section-intro .proof-link:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(178,106,77,.18);border-radius:8px;} #section-intro ::selection{background:rgba(178,106,77,.25);} @media (max-width: 860px){ #section-intro .intro-grid{grid-template-columns:1fr;} #section-intro .intro-mini{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #section-intro .proof-link::after{transition:none;} #section-intro .proof-link:hover::after{transform:scaleX(.35);} #section-intro .mini-step:hover{border-color:transparent;} } /* ja17fc:timeline-5-steps */ /* ja17fc:timeline-5-steps */ #timeline-5-steps{--sec-pad:clamp(1.25rem,3.2vw,2.25rem); background:var(--ja17fc-bg); color:var(--ja17fc-text); padding:var(--sec-pad) 0;} #timeline-5-steps .wrap{max-width:72rem; margin:0 auto; padding:0 clamp(1rem,4vw,1.5rem);} #timeline-5-steps .thin-rule{height:1px; background:var(--ja17fc-border); width:100%; margin-bottom:0.9rem;} #timeline-5-steps .section-head{margin-bottom:1.6rem;} #timeline-5-steps .kicker{font-size:0.875rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--ja17fc-secondary); margin:0 0 0.65rem;} #timeline-5-steps .lead{font-family:var(--font-sans, 'Segoe UI, Candara, Trebuchet MS, sans-serif'); font-size:1.1rem; line-height:1.65; max-width:62ch; margin:0;} #timeline-5-steps .timeline-grid{display:grid; grid-template-columns:1fr; gap:1.2rem; align-items:start;} #timeline-5-steps .timeline-left{position:relative;} #timeline-5-steps .steps-rail{position:absolute; left:-1.2rem; top:0.1rem; height:calc(100% - 0.2rem); width:0.9rem;} #timeline-5-steps .rail-track{position:absolute; left:50%; transform:translateX(-50%); top:0.1rem; bottom:0.1rem; width:2px; background:var(--ja17fc-border); border-radius:2px;} #timeline-5-steps .rail-nodes{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:0.15rem 0;} #timeline-5-steps .rail-node{display:block; width:12px; height:12px; border-radius:50%; background:var(--ja17fc-surface); border:2px solid var(--ja17fc-border); box-shadow:0 0 0 3px var(--ja17fc-bg) inset;} #timeline-5-steps .steps-list{display:flex; flex-direction:column; gap:0.7rem;} #timeline-5-steps .step-item{padding:0.1rem 0;} #timeline-5-steps .step-button-wrap{display:flex;} #timeline-5-steps .step-button{width:100%; text-align:left; background:transparent; border:0; padding:0.8rem 0.9rem 0.65rem 0.9rem; border-radius:var(--ja17fc-radius-md, 14px); outline:none; cursor:pointer; border:1px solid transparent; display:flex; gap:0.75rem; align-items:center;} #timeline-5-steps .step-button:focus-visible{border-color:var(--ja17fc-primary); box-shadow:0 0 0 3px color-mix(in oklab, var(--ja17fc-primary) 25%, transparent);} #timeline-5-steps .step-button.is-active{background:var(--ja17fc-surface); border-color:var(--ja17fc-border); box-shadow:0 1px 0 rgba(31,35,40,0.03), 0 8px 26px rgba(178,106,77,0.10);} #timeline-5-steps .step-number{min-width:2.2rem; height:2.2rem; border-radius:999px; display:flex; align-items:center; justify-content:center; font-variant-numeric:tabular-nums; font-weight:700; color:var(--ja17fc-text); background:color-mix(in oklab, var(--ja17fc-surface) 78%, var(--ja17fc-bg)); border:1px solid var(--ja17fc-border);} #timeline-5-steps .step-button.is-active .step-number{background:color-mix(in oklab, var(--ja17fc-primary) 14%, var(--ja17fc-surface)); border-color:color-mix(in oklab, var(--ja17fc-primary) 28%, var(--ja17fc-border)); color:var(--ja17fc-primary);} #timeline-5-steps .step-title{font-size:1.05rem; font-weight:700; letter-spacing:-0.01em;} #timeline-5-steps .step-micro{margin:0.45rem 0 0 3rem; color:var(--ja17fc-slate); line-height:1.6; font-size:0.98rem;} #timeline-5-steps .timeline-right{min-height:16rem;} #timeline-5-steps .detail-shell{background:var(--ja17fc-surface); border:1px solid var(--ja17fc-border); border-radius:var(--ja17fc-radius-lg, 18px); box-shadow:0 1px 0 rgba(31,35,40,0.03), 0 12px 40px rgba(31,35,40,0.06);} #timeline-5-steps .detail-header{padding:1.1rem 1.1rem 0.75rem 1.1rem;} #timeline-5-steps .detail-tag{display:inline-block; font-size:0.875rem; font-weight:700; color:var(--ja17fc-primary); letter-spacing:0.02em; margin-bottom:0.4rem;} #timeline-5-steps .detail-subtitle{color:var(--ja17fc-slate); margin:0; line-height:1.55; font-size:0.98rem;} #timeline-5-steps .panels{padding:0 1.1rem 0.9rem 1.1rem;} #timeline-5-steps .detail-panel{padding:0.85rem 0.1rem 0.9rem 0.1rem; transform:translateY(4px); opacity:0; transition:opacity 150ms ease-out, transform 150ms ease-out;} #timeline-5-steps .detail-panel.is-visible{opacity:1; transform:translateY(0);} #timeline-5-steps .detail-title{margin:0 0 0.55rem 0; font-size:1.4rem; letter-spacing:-0.02em;} #timeline-5-steps .detail-text{margin:0; color:var(--ja17fc-slate); line-height:1.7;} #timeline-5-steps .thin-rule.small{margin:0.85rem 0 0.65rem 0; height:1px; width:100%; background:var(--ja17fc-border);} #timeline-5-steps .detail-note{margin:0; color:var(--ja17fc-slate); line-height:1.6; font-size:0.98rem;} #timeline-5-steps .rail-cta{display:flex; gap:1rem; align-items:center; padding:0.9rem 1.1rem 1.1rem 1.1rem; border-top:1px solid var(--ja17fc-border);} #timeline-5-steps .link-cta{color:var(--ja17fc-primary); text-decoration:none; font-weight:700; position:relative; padding-bottom:0.15rem;} #timeline-5-steps .link-cta::after{content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--ja17fc-primary); opacity:0.18; transform:scaleX(0.4); transform-origin:left; transition:transform 180ms ease-out, opacity 180ms ease-out;} #timeline-5-steps .link-cta:hover::after{transform:scaleX(1); opacity:0.9;} #timeline-5-steps .link-cta:focus-visible{outline:2px solid var(--ja17fc-primary); outline-offset:3px; border-radius:8px;} #timeline-5-steps .link-divider{flex:0 0 auto; width:1px; height:22px; background:var(--ja17fc-border);} #timeline-5-steps .link-ghost{color:var(--ja17fc-text); font-weight:700; text-decoration:none; border:1px solid var(--ja17fc-border); background:color-mix(in oklab, var(--ja17fc-surface) 75%, var(--ja17fc-bg)); padding:0.55rem 0.85rem; border-radius:var(--ja17fc-radius-sm, 10px); display:inline-flex; align-items:center; justify-content:center; min-height:44px;} #timeline-5-steps .link-ghost:hover{border-color:color-mix(in oklab, var(--ja17fc-primary) 30%, var(--ja17fc-border));} #timeline-5-steps .link-ghost:focus-visible{outline:2px solid var(--ja17fc-primary); outline-offset:3px;} @media (min-width: 768px){ #timeline-5-steps .timeline-grid{grid-template-columns: 0.92fr 1.08fr; gap:1.5rem;} #timeline-5-steps .timeline-left{padding-right:0.2rem;} #timeline-5-steps .step-button{padding:0.9rem 1rem 0.75rem 1rem;} #timeline-5-steps .step-title{font-size:1.12rem;} #timeline-5-steps .detail-title{font-size:1.55rem;} } @media (prefers-reduced-motion: reduce){ #timeline-5-steps .detail-panel{transition:none; transform:none; opacity:1;} #timeline-5-steps .link-cta::after{transition:none;} } ::selection{background:color-mix(in oklab, var(--ja17fc-primary) 25%, transparent);} #timeline-5-steps a{color:inherit;} /* ja17fc:deliverables */ /* ja17fc:deliverables */ #deliverables.section-deliverables{background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,6vw,5rem) 0;} #deliverables.section-deliverables .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #deliverables.section-deliverables .section-head{border-bottom:1px solid var(--ja17fc-border);padding-bottom:clamp(1.25rem,3vw,2rem);} #deliverables.section-deliverables .kicker{font-family:var(--font-sans, 'Segoe UI');font-weight:600;letter-spacing:.02em;color:var(--ja17fc-secondary);text-transform:none;margin:0 0 .75rem 0;} #deliverables.section-deliverables .section-title{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.12;margin:.25rem 0 .75rem 0;letter-spacing:-.015em;text-wrap:balance;} #deliverables.section-deliverables .section-lead{max-width:62ch;margin:0;color:var(--ja17fc-ink);opacity:.95;font-size:1.02rem;line-height:1.6;} #deliverables.section-deliverables .spread{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:start;padding-top:clamp(1.5rem,3vw,2.5rem);} #deliverables.section-deliverables .spread-left{position:relative;} #deliverables.section-deliverables .photo-frame{border-radius:var(--radius-lg,18px);overflow:hidden;position:relative;aspect-ratio:4/5;background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);box-shadow:0 1px 0 rgba(178,106,77,.10),0 10px 30px rgba(31,35,40,.06);} #deliverables.section-deliverables .photo-overlay{position:absolute;inset:0;background:#000;opacity:.10;} #deliverables.section-deliverables .photo-stub{position:absolute;inset:0;background:linear-gradient(135deg, rgba(178,106,77,.18), rgba(217,212,204,.25));} #deliverables.section-deliverables .spread-right{min-width:0;} #deliverables.section-deliverables .timeline-mini{position:relative;margin:0 0 1.1rem 0;} #deliverables.section-deliverables .timeline-line{height:2px;background:var(--ja17fc-border);margin:1.1rem 0 1rem 0;} #deliverables.section-deliverables .timeline-nodes{display:flex;justify-content:space-between;gap:.5rem;list-style:none;padding:0;margin:-1.25rem 0 0 0;} #deliverables.section-deliverables .timeline-node{flex:1;display:flex;justify-content:center;} #deliverables.section-deliverables .timeline-btn{appearance:none;border:0;background:transparent;cursor:pointer;padding:.6rem .25rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-height:44px;} #deliverables.section-deliverables .timeline-btn:focus-visible{outline:3px solid rgba(178,106,77,.45);outline-offset:3px;border-radius:10px;} #deliverables.section-deliverables .node-dot{width:14px;height:14px;border-radius:999px;background:var(--ja17fc-border);border:1px solid rgba(31,35,40,.12);box-shadow:0 0 0 0 rgba(178,106,77,.0);} #deliverables.section-deliverables .timeline-btn[aria-expanded="true"] .node-dot{background:var(--ja17fc-accent);border-color:rgba(178,106,77,.55);} #deliverables.section-deliverables .node-label{font-size:.8rem;color:var(--ja17fc-secondary);font-weight:600;} #deliverables.section-deliverables .timeline-btn[aria-expanded="true"] .node-label{color:var(--ja17fc-ink);} #deliverables.section-deliverables .detail-rail{border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);background:var(--ja17fc-surface);box-shadow:0 1px 0 rgba(178,106,77,.08);padding:1.1rem 1.1rem;position:relative;} #deliverables.section-deliverables .detail{transition:opacity 150ms ease-out, transform 150ms ease-out;} #deliverables.section-deliverables .detail-title{margin:0 0 .5rem 0;font-size:1.08rem;letter-spacing:-.01em;} #deliverables.section-deliverables .detail-text{margin:0;color:var(--ja17fc-slate);line-height:1.65;} #deliverables.section-deliverables .deliverables-panel{margin-top:1.15rem;border-top:1px solid var(--ja17fc-border);padding-top:1.15rem;} #deliverables.section-deliverables .panel-title{margin:.1rem 0 .9rem 0;font-size:1.06rem;} #deliverables.section-deliverables .deliverables-grid{display:flex;flex-direction:column;gap:.85rem;} #deliverables.section-deliverables .deliverable-item{display:grid;grid-template-columns:44px 1fr;gap:.75rem;padding:.75rem .75rem;border-radius:var(--radius-md,14px);border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);} #deliverables.section-deliverables .deliverable-number{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(178,106,77,.10);border:1px solid rgba(178,106,77,.25);color:var(--ja17fc-primary);font-weight:800;font-variant-numeric:tabular-nums;} #deliverables.section-deliverables .deliverable-name{margin:0 0 .25rem 0;font-weight:750;} #deliverables.section-deliverables .deliverable-desc{margin:0;color:var(--ja17fc-slate);line-height:1.6;font-size:.98rem;} #deliverables.section-deliverables .panel-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;align-items:center;} #deliverables.section-deliverables .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1.1rem;border-radius:var(--radius-sm,10px);text-decoration:none;font-weight:800;letter-spacing:.01em;font-size:.98rem;} #deliverables.section-deliverables .btn.primary{background:var(--ja17fc-primary);color:#fff;border:1px solid rgba(178,106,77,.35);box-shadow:0 10px 22px rgba(178,106,77,.18);} #deliverables.section-deliverables .btn.primary:hover{filter:saturate(1.02) brightness(1.02);} #deliverables.section-deliverables .btn.ghost{background:transparent;border:1px solid var(--ja17fc-border);color:var(--ja17fc-ink);} #deliverables.section-deliverables .btn.ghost:hover{border-color:rgba(178,106,77,.55);background:rgba(178,106,77,.08);} #deliverables.section-deliverables .btn:focus-visible{outline:3px solid rgba(178,106,77,.45);outline-offset:3px;} #deliverables.section-deliverables .fineprint{margin:.95rem 0 0 0;color:var(--ja17fc-slate);font-size:.9rem;line-height:1.6;max-width:62ch;} #deliverables.section-deliverables ::selection{background:rgba(178,106,77,.25);} @media (max-width: 860px){ #deliverables.section-deliverables .spread{grid-template-columns:1fr;} #deliverables.section-deliverables .photo-frame{max-width:520px;} #deliverables.section-deliverables .section-head{border-bottom:1px solid var(--ja17fc-border);} } @media (prefers-reduced-motion: reduce){ #deliverables.section-deliverables .detail{transition:none;} } /* ja17fc:cta-band */ /* ja17fc:cta-band */ #cta-band{--pad:clamp(1rem,3vw,2.25rem);padding:var(--pad) 0;background:var(--ja17fc-bg);color:var(--ja17fc-ink);} #cta-band .cta-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #cta-band .cta-rule{height:1px;background:var(--ja17fc-border);margin-bottom:clamp(1.25rem,2.8vw,2rem);} #cta-band .cta-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:start;} #cta-band .cta-copy{padding-right:clamp(0rem,1vw,1rem);} #cta-band .cta-kicker{margin:0 0 .6rem;font-size:0.875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ja17fc-secondary);font-weight:700;} #cta-band .cta-title{margin:0 0 1rem;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.12;letter-spacing:-0.02em;font-weight:800;text-wrap:balance;} #cta-band .cta-text{margin:0 0 1.15rem;font-size:1rem;line-height:1.65;color:var(--ja17fc-ink);max-width:44rem;} #cta-band .cta-mini{border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);padding:.75rem .85rem;display:flex;gap:.6rem;flex-wrap:wrap;background:var(--ja17fc-surface);} #cta-band .cta-mini-step{position:relative;flex:1 1 160px;min-width:160px;font-size:0.95rem;line-height:1.25;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--ja17fc-border);color:var(--ja17fc-ink);background:#fff;outline:none;} #cta-band .cta-mini-step::after{content:"";position:absolute;left:.7rem;top:-9px;width:10px;height:10px;border-radius:50%;background:var(--ja17fc-accent);opacity:.9;} #cta-band .cta-actions{padding:clamp(0rem,1vw,0.5rem);} #cta-band .cta-link{display:inline-block;min-height:44px;line-height:44px;padding:0 1.25rem;border-radius:var(--radius-md,14px);background:var(--ja17fc-primary);color:var(--ja17fc-surface);font-weight:800;text-decoration:none;letter-spacing:-0.01em;box-shadow:0 10px 22px rgba(178,106,77,0.18);} #cta-band .cta-link:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:3px;} #cta-band .cta-link::after{content:"";display:block;height:2px;background:rgba(217,212,204,0.85);transform-origin:left;transform:scaleX(0);transition:transform 160ms ease-out;} #cta-band .cta-link:hover::after{transform:scaleX(1);} #cta-band .cta-subtext{margin:.85rem 0 1.1rem;color:var(--ja17fc-secondary);font-size:0.95rem;line-height:1.6;} #cta-band .cta-contact{border-top:1px solid var(--ja17fc-border);padding-top:1rem;} #cta-band .cta-contact-row{display:flex;gap:.8rem;align-items:baseline;justify-content:space-between;margin:.55rem 0;} #cta-band .cta-contact-label{color:var(--ja17fc-secondary);font-size:.875rem;font-weight:700;} #cta-band .cta-contact-value{color:var(--ja17fc-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;} #cta-band .cta-contact-value:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:4px;border-radius:8px;} #cta-band a:hover{text-decoration-thickness:2px;} #cta-band::selection{background:rgba(178,106,77,0.25);} @media (prefers-reduced-motion:reduce){#cta-band .cta-link::after{transition:none;}} @media (max-width:900px){#cta-band .cta-grid{grid-template-columns:1fr;} #cta-band .cta-mini-step{flex-basis:calc(50% - .3rem);min-width:140px;}} @media (max-width:520px){#cta-band .cta-mini-step{flex-basis:100%;min-width:0;}} /* ja17fc:packages-lead */ /* ja17fc:packages-lead */ #packages-lead{--pl-accent:var(--ja17fc-primary);--pl-ink:var(--ja17fc-ink);--pl-bg:var(--ja17fc-bg);--pl-surface:var(--ja17fc-surface);--pl-border:var(--ja17fc-border);background:var(--pl-bg);color:var(--pl-ink);padding:clamp(1.75rem,4vw,3rem) 0;} #packages-lead .pl-wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem);} #packages-lead .pl-toprule,#packages-lead .pl-bottomrule{height:1px;background:var(--pl-border);} #packages-lead .pl-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2.25rem);padding-top:clamp(1rem,2.5vw,1.75rem);} #packages-lead .pl-copy{padding:0;} #packages-lead .pl-h2{font-family:var(--ja17fc-sans,inherit);font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.12;letter-spacing:-0.02em;margin:0 0 0.9rem;font-weight:700;text-wrap:balance;} #packages-lead .pl-perex{margin:0 0 1.25rem;font-size:1.02rem;line-height:1.6;max-width:42ch;} #packages-lead .pl-proof{background:var(--pl-surface);border:1px solid var(--pl-border);border-radius:var(--radius-md,14px);padding:1rem 1.1rem;box-shadow:0 1px 0 rgba(31,35,40,0.04);} #packages-lead .pl-proof-line{height:1px;background:var(--pl-border);margin:-0.1rem 0 0.9rem;} #packages-lead .pl-proof-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.65rem;} #packages-lead .pl-proof-item{display:flex;gap:0.7rem;align-items:flex-start;} #packages-lead .pl-proof-dot{width:10px;height:10px;border-radius:50%;background:var(--pl-accent);margin-top:0.45rem;flex:0 0 auto;box-shadow:0 0 0 4px rgba(178,106,77,0.12);} #packages-lead .pl-proof-text{font-size:0.98rem;line-height:1.45;color:var(--pl-ink);} #packages-lead .pl-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.3rem;align-items:center;} #packages-lead .pl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.7rem 1rem;border-radius:var(--radius-md,14px);background:var(--pl-accent);color:var(--pl-surface);text-decoration:none;font-weight:650;border:1px solid rgba(0,0,0,0);} #packages-lead .pl-btn:hover{background:#A8614A;} #packages-lead .pl-btn:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:2px;} #packages-lead .pl-link{color:var(--pl-accent);text-decoration:none;border-bottom:1px solid rgba(178,106,77,0.35);padding-bottom:2px;font-weight:600;} #packages-lead .pl-link:hover{border-bottom-color:rgba(178,106,77,0.85);} #packages-lead .pl-link:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:2px;border-radius:8px;} #packages-lead .pl-rail{background:var(--pl-surface);border:1px solid var(--pl-border);border-radius:var(--radius-md,14px);padding:1.05rem 1.05rem 1.1rem;position:relative;box-shadow:0 1px 0 rgba(31,35,40,0.04);} #packages-lead .pl-rail-header{display:flex;gap:0.75rem;align-items:baseline;margin-bottom:0.6rem;} #packages-lead .pl-rail-kicker{font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ja17fc-secondary, var(--ja17fc-secondary));font-weight:700;} #packages-lead .pl-rail-sub{font-size:0.93rem;color:var(--pl-ink);font-weight:650;} #packages-lead .pl-rail-track{height:1px;background:var(--pl-border);margin:0.55rem 0 0.95rem;position:relative;} #packages-lead .pl-rail-track::after{content:"";position:absolute;left:0;top:-1px;width:100%;height:3px;background:linear-gradient(90deg, rgba(178,106,77,0.0), rgba(178,106,77,0.6), rgba(178,106,77,0.0));opacity:0.7;} #packages-lead .pl-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.6rem;margin-bottom:0.9rem;} #packages-lead .pl-node{appearance:none;background:transparent;border:1px solid var(--pl-border);border-radius:12px;padding:0.55rem 0.55rem;cursor:pointer;min-height:62px;display:flex;flex-direction:column;gap:0.25rem;align-items:flex-start;justify-content:center;transition:background 120ms ease-out,border-color 120ms ease-out,transform 120ms ease-out;} #packages-lead .pl-node:hover{border-color:rgba(178,106,77,0.55);background:rgba(178,106,77,0.06);} #packages-lead .pl-node:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:2px;border-color:rgba(178,106,77,0.7);} #packages-lead .pl-node.is-active{border-color:rgba(178,106,77,0.75);background:rgba(178,106,77,0.08);} #packages-lead .pl-node-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:rgba(178,106,77,0.14);color:var(--pl-ink);font-weight:800;font-variant-numeric:tabular-nums;} #packages-lead .pl-node-label{font-size:0.9rem;font-weight:700;color:var(--pl-ink);line-height:1.1;} #packages-lead .pl-detail{border-top:1px solid var(--pl-border);padding-top:0.95rem;} #packages-lead .pl-detail-title{font-weight:800;letter-spacing:-0.01em;margin:0 0 0.45rem;} #packages-lead .pl-detail-text{margin:0;line-height:1.6;color:var(--pl-ink);font-size:0.98rem;} #packages-lead .pl-rail-note{margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--pl-border);color:var(--ja17fc-secondary, var(--ja17fc-secondary));font-size:0.9rem;line-height:1.55;} #packages-lead ::selection{background:rgba(178,106,77,0.25);} @media (max-width: 980px){ #packages-lead .pl-grid{grid-template-columns:1fr;} #packages-lead .pl-nodes{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (prefers-reduced-motion: reduce){ #packages-lead .pl-node{transition:none;} } /* ja17fc:packages-grid */ /* ja17fc:packages-grid */ #packages-grid{--pad:clamp(1.25rem,3vw,2rem);--ink:var(--ja17fc-ink);--bg:var(--ja17fc-bg);--surface:var(--ja17fc-surface);--border:var(--ja17fc-border);--accent:var(--ja17fc-accent);--muted:var(--ja17fc-secondary);background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,5vw,4.25rem) 0;} #packages-grid .container{max-width:72rem;margin:0 auto;padding:0 var(--pad);} #packages-grid .section-header{margin-bottom:1.6rem;} #packages-grid .thin-rule{height:1px;background:var(--ja17fc-border);margin-bottom:1rem;} #packages-grid .section-title{font-family:var(--font-family-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-size:clamp(1.6rem,2.8vw,2.25rem);line-height:1.15;margin:0 0 .75rem 0;letter-spacing:-0.02em;text-wrap:balance;} #packages-grid .section-lead{margin:0;max-width:62ch;color:var(--ja17fc-text);font-size:1rem;line-height:1.6;} #packages-grid .table-wrap{border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--radius-lg,18px);overflow:hidden;box-shadow:0 1px 0 rgba(31,35,40,.04);} #packages-grid .table-head{display:grid;grid-template-columns:1.35fr .9fr .9fr 1.05fr;gap:0;background:linear-gradient(to bottom, rgba(217,212,204,.35), rgba(217,212,204,.06));border-bottom:1px solid var(--ja17fc-border);} #packages-grid .col{padding:1rem var(--pad);font-weight:700;color:var(--ja17fc-ink);font-size:.95rem;line-height:1.2;border:0;background:transparent;text-align:left;cursor:pointer;} #packages-grid .col:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:-3px;border-radius:10px;} #packages-grid .package-col[aria-pressed="true"]{position:relative;} #packages-grid .package-col[aria-pressed="true"]::after{content:"";position:absolute;left:var(--pad);right:var(--pad);bottom:.55rem;height:2px;background:var(--ja17fc-accent);border-radius:10px;} #packages-grid .recommended-badge{display:inline-block;margin-left:.5rem;padding:.22rem .6rem;border:1px solid rgba(178,106,77,.45);color:var(--ja17fc-ink);border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:-0.01em;background:rgba(178,106,77,.08);vertical-align:baseline;} #packages-grid .table-body{padding:0;} #packages-grid .row{display:grid;grid-template-columns:1.35fr .9fr .9fr 1.05fr;} #packages-grid .cell{padding:1rem var(--pad);border-bottom:1px solid var(--ja17fc-border);font-size:.96rem;line-height:1.35;color:var(--ja17fc-text);} #packages-grid .deliverables-cell{font-weight:800;color:var(--ja17fc-ink);background:rgba(247,244,239,.25);} #packages-grid .row:last-child .cell{border-bottom:0;} #packages-grid .note-strip{display:flex;gap:1rem;align-items:flex-start;padding:1rem var(--pad);border-top:1px solid var(--ja17fc-border);background:rgba(217,212,204,.22);} #packages-grid .note-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(178,106,77,.35);background:rgba(178,106,77,.08);color:var(--ja17fc-ink);font-weight:900;flex:0 0 auto;} #packages-grid .note-text{margin:0;color:var(--ja17fc-text);line-height:1.55;font-size:.98rem;} #packages-grid .note-text strong{color:var(--ja17fc-ink);} #packages-grid .mini-timeline{margin-top:1.8rem;position:relative;} #packages-grid .timeline-rule{height:1px;background:var(--ja17fc-border);margin:0 0 1rem 0;} #packages-grid .timeline-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;} #packages-grid .timeline-step{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem .8rem;border-radius:var(--radius-md,14px);border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);cursor:default;} #packages-grid .timeline-step:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:2px;} #packages-grid .step-node{width:30px;height:30px;border-radius:999px;background:rgba(178,106,77,.12);border:1px solid rgba(178,106,77,.35);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--ja17fc-ink);font-variant-numeric:tabular-nums;flex:0 0 auto;} #packages-grid .step-label{font-weight:800;color:var(--ja17fc-ink);font-size:.95rem;line-height:1.2;} #packages-grid .cta-row{display:flex;gap:1rem;align-items:center;justify-content:flex-start;margin-top:1.6rem;flex-wrap:wrap;} #packages-grid .cta-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.9rem 1.1rem;border-radius:var(--radius-md,14px);background:var(--ja17fc-accent);color:var(--ja17fc-surface);text-decoration:none;font-weight:900;letter-spacing:-0.01em;border:1px solid rgba(178,106,77,.35);} #packages-grid .cta-primary:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:2px;} #packages-grid .cta-primary:hover{filter:saturate(1.02) brightness(1.01);} #packages-grid .cta-link{color:var(--ja17fc-ink);text-decoration:none;font-weight:800;border-bottom:1px solid rgba(178,106,77,.55);padding-bottom:.15rem;position:relative;} #packages-grid .cta-link::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ja17fc-accent);transform:scaleX(0);transform-origin:left;opacity:.95;transition:transform 140ms ease-out, opacity 140ms ease-out;} #packages-grid .cta-link:hover::after{transform:scaleX(1);} #packages-grid .cta-link:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:3px;border-radius:10px;} #packages-grid ::selection{background:rgba(178,106,77,.28);color:var(--ja17fc-ink);} @media (max-width: 900px){ #packages-grid .table-head{grid-template-columns:1.1fr 1fr 1fr;} #packages-grid .row{grid-template-columns:1.1fr 1fr 1fr;} #packages-grid .cell[data-pkg="premium"], #packages-grid .package-col[data-hide="premium"]{display:none;} } @media (max-width: 640px){ #packages-grid .table-head{grid-template-columns:1fr;} #packages-grid .row{grid-template-columns:1fr;} #packages-grid .col{border-bottom:1px solid var(--ja17fc-border);} #packages-grid .row{margin:0;} #packages-grid .cell{padding:1rem;} #packages-grid .deliverables-cell{background:rgba(247,244,239,.4);} #packages-grid .timeline-steps{grid-template-columns:1fr;} #packages-grid .cta-row{flex-direction:column;align-items:flex-start;} } @media (prefers-reduced-motion: reduce){ #packages-grid .cta-link::after{transition:none;} } /* ja17fc:capacity-notes */ /* ja17fc:capacity-notes */ #capacity-notes.capacity-notes{background:var(--ja17fc-bg);color:var(--ja17fc-ink);padding:clamp(2.5rem,6vw,5rem) 0;} #capacity-notes .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #capacity-notes .top-rule{height:1px;background:var(--ja17fc-border);margin-bottom:1.5rem;} #capacity-notes .section-head{display:block;margin-bottom:1.75rem;} #capacity-notes .title{font-family:var(--font-family-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15;margin:0 0 .7rem 0;letter-spacing:-0.02em;text-wrap:balance;font-weight:700;} #capacity-notes .lead{margin:0;max-width:62ch;color:var(--ja17fc-slate);font-size:1rem;line-height:1.6;} #capacity-notes .timeline-rail{margin:1.5rem 0 1.7rem 0;position:relative;} #capacity-notes .rail-line{height:2px;background:linear-gradient(90deg,var(--ja17fc-border),var(--ja17fc-border));position:absolute;left:0;right:0;top:18px;} #capacity-notes .rail-nodes{display:flex;gap:clamp(.5rem,1.2vw,1rem);justify-content:space-between;position:relative;} #capacity-notes .rail-node{min-width:0;flex:1;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--radius-md,14px);padding:.8rem .75rem .75rem;display:flex;flex-direction:column;gap:.25rem;outline:none;box-shadow:0 1px 0 rgba(31,35,40,.04);} #capacity-notes .rail-node:focus-visible{box-shadow:0 0 0 3px rgba(178,106,77,.25);border-color:rgba(178,106,77,.9);} #capacity-notes .rail-index{display:inline-flex;align-items:center;justify-content:flex-start;font-weight:800;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;color:var(--ja17fc-accent);font-size:1.05rem;} #capacity-notes .rail-label{font-size:.875rem;color:var(--ja17fc-slate);line-height:1.2;} #capacity-notes .points{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:1rem;} #capacity-notes .point{border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--radius-lg,18px);padding:1.1rem 1.1rem 1rem 1.1rem;box-shadow:0 1px 0 rgba(31,35,40,.035);} #capacity-notes .point-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.65rem;} #capacity-notes .point-kicker{font-size:.875rem;color:var(--ja17fc-secondary);font-weight:700;letter-spacing:.02em;} #capacity-notes .point-num{font-size:.9rem;color:rgba(31,35,40,.55);font-weight:800;font-variant-numeric:tabular-nums;} #capacity-notes .point-text{margin:0;color:var(--ja17fc-slate);line-height:1.65;font-size:1rem;} #capacity-notes .thin-rule{height:1px;background:var(--ja17fc-border);margin:1.9rem 0 1.25rem 0;} #capacity-notes .callout{display:flex;gap:1rem;align-items:flex-start;} #capacity-notes .callout-icon{width:2rem;height:2rem;border-radius:var(--radius-md,14px);border:1px solid var(--ja17fc-border);display:flex;align-items:center;justify-content:center;color:var(--ja17fc-accent);background:var(--ja17fc-surface);font-weight:900;flex:0 0 auto;} #capacity-notes .callout-body{flex:1;} #capacity-notes .callout-text{margin:0 0 .45rem 0;color:var(--ja17fc-slate);line-height:1.6;font-size:1rem;} #capacity-notes .callout-sub{margin:0;color:var(--ja17fc-slate);line-height:1.55;font-size:.98rem;} #capacity-notes .inline-link{color:var(--ja17fc-accent);text-decoration:none;border-bottom:1px solid rgba(178,106,77,.45);padding-bottom:.08rem;} #capacity-notes .inline-link:hover{text-decoration:none;border-bottom-color:rgba(178,106,77,.9);} #capacity-notes .inline-link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,106,77,.25);border-bottom-color:rgba(178,106,77,.95);} @media (min-width: 768px){ #capacity-notes .points{grid-template-columns:1fr;gap:1rem;} } @media (prefers-reduced-motion: reduce){ #capacity-notes .rail-node{transition:none;} } /* ja17fc:faq-small */ /* ja17fc:faq-small */ #faq-small.faq-small{background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.25rem,4.8vw,4.25rem) 0;} #faq-small.faq-small .wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem);} #faq-small.faq-small .topline{height:1px;background:var(--ja17fc-border);width:100%;margin:0 0 1.25rem 0;} #faq-small.faq-small .faq-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;} #faq-small.faq-small .faq-title{font-family:var(--font-sans, 'Segoe UI');font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.15;letter-spacing:-0.02em;margin:0;font-weight:750;text-wrap:balance;} #faq-small.faq-small .faq-subtitle{margin:0;max-width:62ch;font-size:1rem;line-height:1.6;color:var(--ja17fc-slate);} #faq-small.faq-small .accordion{display:flex;flex-direction:column;gap:.75rem;} #faq-small.faq-small .accordion-item{border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--ja17fc-radius-md,14px);overflow:hidden;} #faq-small.faq-small .accordion-trigger{width:100%;text-align:left;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1rem;border:0;background:transparent;cursor:pointer;} #faq-small.faq-small .accordion-trigger .q{font-weight:700;line-height:1.4;font-size:1rem;color:var(--ja17fc-ink);} #faq-small.faq-small .accordion-trigger .icon{flex:0 0 auto;width:34px;height:34px;border-radius:999px;border:1px solid var(--ja17fc-border);display:flex;align-items:center;justify-content:center;color:var(--ja17fc-primary);font-weight:800;line-height:1;} #faq-small.faq-small .accordion-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, transparent);outline-offset:-2px;} #faq-small.faq-small .accordion-panel{padding:0 1rem 1rem 1rem;} #faq-small.faq-small .accordion-panel .a{padding-top:.25rem;color:var(--ja17fc-slate);font-size:.98rem;line-height:1.65;} #faq-small.faq-small .deliverable{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--ja17fc-border);color:var(--ja17fc-ink);font-weight:650;font-size:.95rem;} #faq-small.faq-small .mini-rail{margin:.85rem 0 .4rem 0;display:flex;gap:.5rem;align-items:center;} #faq-small.faq-small .rail-node{font-size:.78rem;font-weight:650;color:var(--ja17fc-slate);border:1px solid var(--ja17fc-border);background:color-mix(in srgb, var(--ja17fc-surface) 70%, var(--ja17fc-bg) 30%);border-radius:999px;padding:.35rem .55rem;white-space:nowrap;} #faq-small.faq-small .timeline-inline{margin:.85rem 0 .4rem 0;display:flex;align-items:center;gap:.75rem;} #faq-small.faq-small .timeline-line{height:1px;flex:1;background:var(--ja17fc-border);position:relative;} #faq-small.faq-small .timeline-line:after{content:'';position:absolute;left:0;top:-1px;height:3px;width:22%;background:var(--ja17fc-primary);opacity:.75;border-radius:999px;} #faq-small.faq-small .timeline-badge{font-size:.78rem;font-weight:650;color:var(--ja17fc-primary);letter-spacing:.01em;} #faq-small.faq-small .faq-footer{margin-top:1.5rem;display:flex;flex-direction:column;gap:.8rem;} #faq-small.faq-small .rule{height:1px;background:var(--ja17fc-border);width:100%;} #faq-small.faq-small .faq-footnote{margin:0;color:var(--ja17fc-slate);line-height:1.6;max-width:70ch;} #faq-small.faq-small .link{color:var(--ja17fc-primary);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;width:fit-content;} #faq-small.faq-small .link::after{content:'';display:block;height:2px;background:var(--ja17fc-primary);width:0;transition:width 180ms ease-out, opacity 180ms ease-out;opacity:1;} #faq-small.faq-small .link:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, transparent);outline-offset:3px;} #faq-small.faq-small .link:hover::after{width:100%;} @media (prefers-reduced-motion: reduce){#faq-small.faq-small *{scroll-behavior:auto;transition:none !important;animation:none !important;}} @media (max-width:640px){#faq-small.faq-small .accordion-trigger{padding:1rem .9rem;}#faq-small.faq-small .accordion-panel{padding:0 .9rem .95rem .9rem;}} /* ja17fc:pricing-intro */ /* ja17fc:pricing-intro */ #pricing-intro.pricing-intro{background:var(--ja17fc-bg);color:var(--ja17fc-ink);padding:clamp(2.5rem,5vw,4.5rem) 0} #pricing-intro.pricing-intro .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)} #pricing-intro.pricing-intro .topline{height:1px;background:var(--ja17fc-border);margin-bottom:1.5rem} #pricing-intro.pricing-intro .thin-rule{height:1px;background:var(--ja17fc-border);margin:2.25rem 0 1.75rem} #pricing-intro.pricing-intro .hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:start} #pricing-intro.pricing-intro .image-col{min-height:280px} #pricing-intro.pricing-intro .image-frame{height:100%;min-height:320px;border-radius:var(--radius-lg,18px);border:1px solid var(--ja17fc-border);background: linear-gradient(180deg, rgba(178,106,77,0.10) 0%, rgba(217,212,204,0.35) 55%, rgba(247,244,239,1) 100%); position:relative;overflow:hidden} #pricing-intro.pricing-intro .image-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.08)} #pricing-intro.pricing-intro .content-col{padding-top:6px} #pricing-intro.pricing-intro .title{font-family:var(--font-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-size:clamp(2rem,4vw,4rem);line-height:1.02;letter-spacing:-0.02em;margin:0 0 0.75rem;max-width:26ch} #pricing-intro.pricing-intro .lede{font-size:1.05rem;line-height:1.55;margin:0 0 1.15rem;color:var(--ja17fc-text)} #pricing-intro.pricing-intro .rail{display:flex;align-items:center;gap:10px;margin:0 0 1.05rem} #pricing-intro.pricing-intro .rail-label{font-size:0.75rem;color:var(--ja17fc-slate);letter-spacing:0.02em;white-space:nowrap;margin-right:4px} #pricing-intro.pricing-intro .rail-node{width:44px;height:44px;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:default;outline:none;transition:background 140ms ease, border-color 140ms ease, transform 140ms ease} #pricing-intro.pricing-intro .rail-node.is-active{border-color:var(--ja17fc-primary);box-shadow:0 0 0 3px rgba(178,106,77,0.18) inset} #pricing-intro.pricing-intro .rail-node:focus-visible{box-shadow:0 0 0 3px rgba(178,106,77,0.35)} #pricing-intro.pricing-intro .deliverable{display:flex;gap:16px;align-items:flex-start;margin:0 0 1.15rem} #pricing-intro.pricing-intro .deliverable-rule{width:3px;height:64px;background:var(--ja17fc-primary);border-radius:var(--radius-sm,10px);margin-top:6px} #pricing-intro.pricing-intro .deliverable-kicker{margin:0 0 0.25rem;font-size:0.875rem;color:var(--ja17fc-secondary);font-weight:700} #pricing-intro.pricing-intro .deliverable-main{margin:0;font-size:1rem;line-height:1.55} #pricing-intro.pricing-intro .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px} #pricing-intro.pricing-intro .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:var(--radius-md,14px);text-decoration:none;font-weight:800;letter-spacing:0.01em;border:1px solid var(--ja17fc-border);transition:transform 120ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease} #pricing-intro.pricing-intro .btn-primary{background:var(--ja17fc-primary);border-color:var(--ja17fc-primary);color:var(--ja17fc-surface)} #pricing-intro.pricing-intro .btn-primary:hover{transform:translateY(-1px)} #pricing-intro.pricing-intro .btn-ghost{background:var(--ja17fc-surface);color:var(--ja17fc-ink)} #pricing-intro.pricing-intro .btn-ghost:hover{border-color:var(--ja17fc-primary)} #pricing-intro.pricing-intro .btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,106,77,0.35)} #pricing-intro.pricing-intro .microcopy{margin:1.05rem 0 0;color:var(--ja17fc-slate);font-size:0.95rem;line-height:1.5} #pricing-intro.pricing-intro .list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} #pricing-intro.pricing-intro .list-item{padding-top:8px} #pricing-intro.pricing-intro .list-title{font-size:1.125rem;letter-spacing:-0.01em;margin:0 0 0.45rem;font-weight:900} #pricing-intro.pricing-intro .list-text{margin:0;color:var(--ja17fc-text);line-height:1.55} #pricing-intro.pricing-intro ::selection{background:rgba(178,106,77,0.25)} @media (max-width:1024px){#pricing-intro.pricing-intro .hero-grid{grid-template-columns:1fr;gap:18px}#pricing-intro.pricing-intro .image-col{min-height:240px}.list-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:640px){#pricing-intro.pricing-intro .list-grid{grid-template-columns:1fr}#pricing-intro.pricing-intro .rail-node{width:40px;height:40px}} @media (prefers-reduced-motion:reduce){#pricing-intro.pricing-intro .btn,#pricing-intro.pricing-intro .rail-node{transition:none}} /* ja17fc:budget-structure */ /* ja17fc:budget-structure */ #budget-structure.budget-structure{background:var(--ja17fc-bg);color:var(--ja17fc-ink);font-family:var(--ja17fc-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');} #budget-structure .wrap{max-width:72rem;margin:0 auto;padding:clamp(1.25rem,3vw,2.25rem) clamp(1rem,4vw,3rem);} #budget-structure .spread-rule{height:1px;background:var(--ja17fc-border);margin:0 0 clamp(1.25rem,2.5vw,2rem) 0;} #budget-structure .section-head{display:flex;flex-direction:column;gap:.75rem;margin-bottom:clamp(1.25rem,2.6vw,2rem);} #budget-structure .h2{font-size:clamp(1.6rem,3.1vw,2.3rem);line-height:1.12;letter-spacing:-0.02em;margin:0;font-weight:720;text-wrap:balance;} #budget-structure .lead{margin:0;font-size:1.05rem;line-height:1.65;color:var(--ja17fc-text);max-width:62ch;} #budget-structure .timeline-summary{position:relative;padding:1.1rem 0 1rem 0;margin:0 0 clamp(1.25rem,2.6vw,2rem) 0;} #budget-structure .timeline-line{position:absolute;left:0;right:0;top:1.85rem;height:2px;background:var(--ja17fc-border);} #budget-structure .timeline-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;padding:0;margin:0;} #budget-structure .timeline-node{text-align:left;} #budget-structure .timeline-btn{width:2.65rem;height:2.65rem;border-radius:50%;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);font-weight:720;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform 120ms ease-out,border-color 120ms ease-out,box-shadow 120ms ease-out;} #budget-structure .timeline-btn:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb, var(--ja17fc-primary) 25%, transparent);border-color:var(--ja17fc-primary);} #budget-structure .timeline-btn[aria-current="true"]{border-color:var(--ja17fc-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--ja17fc-primary) 18%, transparent);transform:translateY(-1px);} #budget-structure .timeline-meta{margin-top:.55rem;font-size:.92rem;line-height:1.3;color:var(--ja17fc-secondary);max-width:15ch;} #budget-structure .proof-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1rem,2.3vw,1.75rem);align-items:start;} #budget-structure .proof-card{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--ja17fc-radius-md, 14px);padding:1.1rem 1.1rem 1.05rem;box-shadow:0 1px 0 color-mix(in srgb, var(--ja17fc-primary) 16%, transparent);} #budget-structure .h3{margin:0 0 .7rem 0;font-size:1.15rem;line-height:1.25;letter-spacing:-0.01em;font-weight:740;text-wrap:balance;} #budget-structure .p{margin:0 0 .95rem 0;line-height:1.7;color:var(--ja17fc-text);font-size:1rem;} #budget-structure .list{list-style:none;padding:0;margin:.15rem 0 0 0;display:flex;flex-direction:column;gap:.7rem;} #budget-structure .list-item{display:flex;gap:.65rem;align-items:flex-start;} #budget-structure .bullet{width:.55rem;height:.55rem;border-radius:50%;background:var(--ja17fc-primary);margin-top:.55rem;flex:0 0 auto;} #budget-structure .item-text{line-height:1.6;color:var(--ja17fc-text);font-size:.995rem;} #budget-structure .thin-divider{height:1px;background:var(--ja17fc-border);margin:1.05rem 0 .85rem 0;} #budget-structure .note{margin:0;font-size:.95rem;line-height:1.6;color:var(--ja17fc-secondary);} #budget-structure .inline-steps{display:flex;flex-direction:column;gap:.9rem;margin-top:.6rem;} #budget-structure .step{display:flex;gap:.85rem;align-items:flex-start;} #budget-structure .step-num{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--ja17fc-border);display:flex;align-items:center;justify-content:center;font-weight:780;color:var(--ja17fc-primary);flex:0 0 auto;background:color-mix(in srgb, var(--ja17fc-primary) 10%, var(--ja17fc-surface));} #budget-structure .step-title{font-weight:760;letter-spacing:-0.01em;margin-bottom:.2rem;color:var(--ja17fc-ink);} #budget-structure .step-text{color:var(--ja17fc-text);line-height:1.65;font-size:.98rem;} #budget-structure .mini-focus{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;} #budget-structure .tag{border:1px solid var(--ja17fc-border);background:color-mix(in srgb, var(--ja17fc-bg) 60%, var(--ja17fc-surface));border-radius:999px;padding:.42rem .7rem;font-size:.88rem;color:var(--ja17fc-secondary);font-weight:650;} #budget-structure .cta-row{margin-top:clamp(1.25rem,3vw,2.2rem);padding:clamp(1.05rem,2.4vw,1.35rem);border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--ja17fc-radius-lg,18px);display:grid;grid-template-columns:1.2fr .8fr;gap:1.1rem;align-items:center;} #budget-structure .cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;} #budget-structure .btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.7rem 1rem;border-radius:12px;text-decoration:none;font-weight:760;letter-spacing:-0.01em;transition:transform 120ms ease-out, border-color 120ms ease-out, background 120ms ease-out, color 120ms ease-out, box-shadow 120ms ease-out;} #budget-structure .btn.primary{background:var(--ja17fc-primary);color:var(--ja17fc-surface);border:1px solid color-mix(in srgb, var(--ja17fc-primary) 80%, #0000);} #budget-structure .btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px color-mix(in srgb, var(--ja17fc-primary) 18%, transparent);} #budget-structure .btn.primary:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb, var(--ja17fc-primary) 25%, transparent);} #budget-structure .btn.ghost{background:var(--ja17fc-surface);color:var(--ja17fc-ink);border:1px solid var(--ja17fc-border);} #budget-structure .btn.ghost:hover{border-color:color-mix(in srgb, var(--ja17fc-primary) 55%, var(--ja17fc-border));box-shadow:0 0 0 4px color-mix(in srgb, var(--ja17fc-primary) 14%, transparent);} #budget-structure .btn.ghost:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb, var(--ja17fc-primary) 25%, transparent);border-color:var(--ja17fc-primary);} #budget-structure ::selection{background:color-mix(in srgb, var(--ja17fc-primary) 30%, transparent);} @media (max-width: 900px){ #budget-structure .proof-grid{grid-template-columns:1fr;} #budget-structure .cta-row{grid-template-columns:1fr;} #budget-structure .cta-actions{justify-content:flex-start;} #budget-structure .timeline-summary{margin-bottom:1.2rem;} } @media (prefers-reduced-motion: reduce){ #budget-structure .timeline-btn, #budget-structure .btn{transition:none;} } /* ja17fc:pricing-cta */ /* ja17fc:pricing-cta */ #pricing-cta.pricing-cta{background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,5vw,5rem) 0;} #pricing-cta.pricing-cta .pricing-cta__container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,3rem);} #pricing-cta.pricing-cta .pricing-cta__header{max-width:52rem;margin:0 0 1.75rem 0;} #pricing-cta.pricing-cta .pricing-cta__kicker{font-family:var(--font-sans);color:var(--ja17fc-secondary);font-weight:650;letter-spacing:.02em;text-transform:none;font-size:0.95rem;} #pricing-cta.pricing-cta .pricing-cta__title{margin:.6rem 0 .75rem 0;font-family:var(--font-sans);font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;} #pricing-cta.pricing-cta .pricing-cta__lead{margin:0;max-width:56ch;font-size:1rem;line-height:1.65;color:var(--ja17fc-slate);} #pricing-cta.pricing-cta .pricing-cta__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;} #pricing-cta.pricing-cta .pricing-cta__form-card{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg,18px);box-shadow:0 1px 0 rgba(31,35,40,.04);padding:1.25rem;} #pricing-cta.pricing-cta .pricing-cta__form{display:flex;flex-direction:column;gap:0.95rem;} #pricing-cta.pricing-cta .field-row{display:flex;flex-direction:column;gap:.45rem;} #pricing-cta.pricing-cta .field{font-size:.95rem;font-weight:650;color:var(--ja17fc-ink);} #pricing-cta.pricing-cta .input,#pricing-cta.pricing-cta .textarea{font:inherit;border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);padding:.75rem .85rem;background:var(--ja17fc-surface);color:var(--ja17fc-ink);outline:none;} #pricing-cta.pricing-cta .textarea{resize:vertical;min-height:120px;} #pricing-cta.pricing-cta .input::placeholder,#pricing-cta.pricing-cta .textarea::placeholder{color:rgba(31,35,40,.55);} #pricing-cta.pricing-cta .input:focus-visible,#pricing-cta.pricing-cta .textarea:focus-visible{border-color:var(--ja17fc-primary);box-shadow:0 0 0 3px rgba(178,106,77,.18);} #pricing-cta.pricing-cta .pricing-cta__note{padding:.85rem .9rem;border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);background:rgba(217,212,204,.25);color:var(--ja17fc-slate);font-size:.95rem;line-height:1.55;} #pricing-cta.pricing-cta .btn{min-height:44px;border-radius:999px;padding:.75rem 1.1rem;font-weight:720;letter-spacing:.01em;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;user-select:none;} #pricing-cta.pricing-cta .btn--primary{background:var(--ja17fc-primary);border-color:var(--ja17fc-primary);color:var(--ja17fc-surface);} #pricing-cta.pricing-cta .btn--primary:hover{filter:brightness(.98);} #pricing-cta.pricing-cta .btn--primary:active{transform:translateY(1px);} #pricing-cta.pricing-cta .btn--ghost{background:var(--ja17fc-surface);border-color:var(--ja17fc-border);color:var(--ja17fc-ink);} #pricing-cta.pricing-cta .btn--ghost:hover{border-color:var(--ja17fc-primary);color:var(--ja17fc-ink);} #pricing-cta.pricing-cta .btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,106,77,.22);} #pricing-cta.pricing-cta .pricing-cta__fineprint{margin:0;color:var(--ja17fc-secondary);font-size:.86rem;line-height:1.5;} #pricing-cta.pricing-cta .pricing-cta__side{padding:1rem 0;} #pricing-cta.pricing-cta .thin-rule{height:1px;background:var(--ja17fc-border);margin:.2rem 0 1rem 0;} #pricing-cta.pricing-cta .pricing-cta__side-title{margin:0 0 .85rem 0;font-size:1.1rem;letter-spacing:-.01em;} #pricing-cta.pricing-cta .progress{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem;} #pricing-cta.pricing-cta .progress__item{display:flex;gap:.85rem;align-items:flex-start;} #pricing-cta.pricing-cta .progress__node{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:rgba(178,106,77,.12);border:1px solid rgba(178,106,77,.35);color:var(--ja17fc-primary);font-weight:780;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;} #pricing-cta.pricing-cta .progress__text{color:var(--ja17fc-slate);line-height:1.55;font-size:.98rem;} #pricing-cta.pricing-cta .pricing-cta__side-copy{margin:.95rem 0 1.1rem 0;color:var(--ja17fc-slate);line-height:1.65;max-width:46ch;} #pricing-cta.pricing-cta .pricing-cta__accent{color:var(--ja17fc-primary);font-weight:750;} #pricing-cta.pricing-cta .pricing-cta__links{display:flex;flex-direction:column;gap:.55rem;} #pricing-cta.pricing-cta .link{color:var(--ja17fc-ink);text-decoration:none;border-bottom:1px solid rgba(178,106,77,.35);padding-bottom:.1rem;width:max-content;} #pricing-cta.pricing-cta .link:hover{border-bottom-color:var(--ja17fc-primary);} #pricing-cta.pricing-cta .link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,106,77,.22);border-bottom-color:var(--ja17fc-primary);} @media (min-width: 768px){ #pricing-cta.pricing-cta .pricing-cta__grid{grid-template-columns: 1.02fr .98fr;gap:2rem;} #pricing-cta.pricing-cta .pricing-cta__form-card{padding:1.4rem;} } @media (prefers-reduced-motion: reduce){ #pricing-cta.pricing-cta *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* CTA stitch effect (lightweight) */ #pricing-cta.pricing-cta .btn--ghost{position:relative;overflow:hidden;} #pricing-cta.pricing-cta .btn--ghost::after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:2px;background:var(--ja17fc-primary);transform:translateY(6px);opacity:0;transition:opacity 140ms ease-out, transform 220ms ease-out;} #pricing-cta.pricing-cta .btn--ghost:hover::after{opacity:1;transform:translateY(0);} #pricing-cta.pricing-cta .btn--ghost:focus-visible::after{opacity:1;transform:translateY(0);} ::selection{background:rgba(178,106,77,.25);} /* ja17fc:faq-4 */ /* ja17fc:faq-4 */ #faq-4{--radius-sm:var(--ja17fc-radius-sm,10px);--radius-md:var(--ja17fc-radius-md,14px);--radius-lg:var(--ja17fc-radius-lg,18px);background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,5vw,4.25rem) 0;} #faq-4 .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #faq-4 .section-header{max-width:52rem;margin-bottom:1.75rem;} #faq-4 .thin-rule{height:1px;background:var(--ja17fc-border);} #faq-4 .kicker{display:inline-block;font-size:0.875rem;letter-spacing:0.02em;color:var(--ja17fc-secondary);text-transform:none;margin-bottom:0.75rem;} #faq-4 .section-title{margin:0 0 0.85rem 0;font-size:clamp(1.6rem,2.7vw,2.3rem);line-height:1.12;letter-spacing:-0.015em;font-weight:700;text-wrap:balance;} #faq-4 .section-lead{margin:0;font-size:1rem;line-height:1.65;color:var(--ja17fc-slate);} #faq-4 .faq-accordion{border-top:1px solid var(--ja17fc-border);} #faq-4 .accordion-item{border-bottom:1px solid var(--ja17fc-border);} #faq-4 .accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 0.25rem;background:transparent;border:0;cursor:pointer;color:var(--ja17fc-ink);text-align:left;min-height:44px;} #faq-4 .accordion-question{font-weight:650;font-size:1.02rem;line-height:1.35;} #faq-4 .accordion-icon{flex:0 0 auto;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--ja17fc-border);display:flex;align-items:center;justify-content:center;color:var(--ja17fc-primary);font-weight:700;background:var(--ja17fc-surface);} #faq-4 .accordion-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, white 45%);outline-offset:3px;border-radius:10px;} #faq-4 .accordion-panel{padding:0 0 1rem 0;} #faq-4 .accordion-answer{padding-top:0.35rem;color:var(--ja17fc-slate);line-height:1.7;font-size:0.98rem;max-width:60rem;} #faq-4 .faq-cta{margin-top:1.5rem;padding-top:1.15rem;display:block;} #faq-4 .faq-cta-text{margin:0.9rem 0 0.9rem 0;color:var(--ja17fc-ink);font-size:1rem;line-height:1.65;} #faq-4 a.primary-link,#faq-4 a.secondary-link{display:inline-flex;align-items:center;gap:0.6rem;font-weight:700;text-decoration:none;line-height:1.2;} #faq-4 a.primary-link{color:var(--ja17fc-surface);background:var(--ja17fc-primary);border:1px solid var(--ja17fc-primary);padding:0.85rem 1.05rem;border-radius:var(--radius-md);box-shadow:0 1px 0 color-mix(in srgb, var(--ja17fc-primary) 60%, black 40%);} #faq-4 a.primary-link:hover{transform:translateY(-1px);} #faq-4 a.primary-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, white 45%);outline-offset:3px;} #faq-4 a.secondary-link{margin-left:0.9rem;color:var(--ja17fc-primary);background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);padding:0.85rem 1.05rem;border-radius:var(--radius-md);} #faq-4 a.secondary-link:hover{border-color:color-mix(in srgb, var(--ja17fc-primary) 40%, var(--ja17fc-border) 60%);} #faq-4 a.secondary-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, white 45%);outline-offset:3px;} @media (max-width:640px){#faq-4 .section-lead{font-size:0.98rem;}#faq-4 a.secondary-link{display:block;margin-left:0;margin-top:0.75rem;} #faq-4 .faq-cta{padding-top:1rem;}} @media (prefers-reduced-motion:reduce){#faq-4 a.primary-link:hover{transform:none;}} #faq-4 ::selection{background:color-mix(in srgb, var(--ja17fc-primary) 30%, white 70%);} /* ja17fc:faq-intro */ /* ja17fc:faq-intro */ #faq-intro.faq-intro{background:var(--ja17fc-bg);color:var(--ja17fc-ink);padding:clamp(2rem,4vw,3.5rem) 0;} #faq-intro .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #faq-intro .spread{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:stretch;} #faq-intro .spread-left{min-height:340px;} #faq-intro .hero-image-frame{position:relative;height:100%;border:1px solid var(--ja17fc-border);border-radius:var(--ja17fc-radius-lg);overflow:hidden;background:var(--ja17fc-surface);} #faq-intro .hero-image{width:100%;height:100%;object-fit:cover;display:block;} #faq-intro .hero-image-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.10);pointer-events:none;} #faq-intro .spread-right{padding:8px 0;} #faq-intro .eyebrow{font-size:0.875rem;letter-spacing:0.02em;color:var(--ja17fc-secondary);text-transform:none;margin:0 0 10px;} #faq-intro .h1{font-family:var(--font-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-size:clamp(1.8rem,3.2vw,2.4rem);line-height:1.15;margin:0 0 14px;letter-spacing:-0.015em;text-wrap:balance;} #faq-intro .lead{margin:0 0 18px;font-size:1rem;line-height:1.6;color:var(--ja17fc-ink);max-width:40ch;} #faq-intro .mini-timeline{margin-top:18px;} #faq-intro .rail{height:2px;background:var(--ja17fc-border);position:relative;top:18px;} #faq-intro .node-row{display:flex;justify-content:space-between;gap:10px;margin-top:10px;position:relative;top:-8px;} #faq-intro .node{width:44px;height:44px;border-radius:999px;border:1px solid var(--ja17fc-border);display:flex;align-items:center;justify-content:center;color:var(--ja17fc-ink);text-decoration:none;font-weight:700;background:var(--ja17fc-surface);transition:background 120ms ease-out,border-color 120ms ease-out,box-shadow 120ms ease-out;} #faq-intro .node:hover{border-color:var(--ja17fc-accent);} #faq-intro .node:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-accent) 55%, white 45%);outline-offset:3px;} #faq-intro .node-labels{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:var(--ja17fc-secondary);font-size:0.875rem;} #faq-intro .faq-intro-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;} #faq-intro .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:var(--ja17fc-radius-md);text-decoration:none;font-weight:700;letter-spacing:0.01em;border:1px solid transparent;transition:transform 120ms ease-out, background 120ms ease-out, border-color 120ms ease-out, color 120ms ease-out;} #faq-intro .btn.primary{background:var(--ja17fc-accent);color:var(--ja17fc-surface);border-color:var(--ja17fc-accent);} #faq-intro .btn.primary:hover{transform:translateY(-1px);} #faq-intro .btn.primary:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-accent) 55%, white 45%);outline-offset:3px;} #faq-intro .btn.ghost{background:var(--ja17fc-surface);color:var(--ja17fc-ink);border-color:var(--ja17fc-border);} #faq-intro .btn.ghost:hover{border-color:color-mix(in srgb, var(--ja17fc-accent) 55%, var(--ja17fc-border) 45%);} #faq-intro .btn.ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-accent) 55%, white 45%);outline-offset:3px;} #faq-intro .thin-rule{height:1px;background:var(--ja17fc-border);margin:20px 0 14px;} #faq-intro .proof-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;} #faq-intro .proof-list li{display:flex;gap:10px;align-items:flex-start;} #faq-intro .bullet{color:var(--ja17fc-accent);font-size:1.25rem;line-height:1;position:relative;top:-1px;} #faq-intro .proof-list strong{font-weight:800;} #faq-intro ::selection{background:color-mix(in srgb, var(--ja17fc-accent) 28%, white 72%);} @media (max-width:1024px){#faq-intro .spread{grid-template-columns:1fr;gap:16px;}} @media (prefers-reduced-motion:reduce){#faq-intro .btn,#faq-intro .node{transition:none;}} /* ja17fc:faq-accordion */ /* ja17fc:faq-accordion */ #faq-accordion{--r:var(--ja17fc-border);color:var(--ja17fc-text);background:var(--ja17fc-bg);padding:clamp(2.25rem,5vw,4.25rem) 0;} #faq-accordion .faq-wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem);} #faq-accordion .faq-header{max-width:64ch;margin-bottom:1.5rem;} #faq-accordion .faq-kicker{display:inline-block;font:600 0.875rem/1 var(--font-sans,var(--font-family-sans));letter-spacing:0.12em;text-transform:uppercase;color:var(--ja17fc-secondary);padding:0.35rem 0.7rem;border:1px solid var(--ja17fc-border);border-radius:999px;background:rgba(217,212,204,0.35);} #faq-accordion .faq-title{margin:0.9rem 0 0.6rem;font:700 clamp(1.5rem,2.6vw,2.2rem)/1.1 var(--font-sans,var(--font-family-sans));letter-spacing:-0.015em;text-wrap:balance;} #faq-accordion .faq-lead{margin:0;max-width:62ch;font:400 1rem/1.65 var(--font-sans,var(--font-family-sans));color:var(--ja17fc-slate);} #faq-accordion .faq-accordion{border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--radius-lg,18px);overflow:hidden;} #faq-accordion .faq-item{border-top:1px solid var(--ja17fc-border);} #faq-accordion .faq-item:first-child{border-top:none;} #faq-accordion .faq-trigger{width:100%;text-align:left;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.05rem 1.1rem;background:transparent;border:none;color:var(--ja17fc-ink,#1F2328);cursor:pointer;font:650 1rem/1.35 var(--font-sans,var(--font-family-sans));} #faq-accordion .faq-trigger::after{content:"";flex:0 0 auto;width:14px;height:14px;border-right:2px solid var(--ja17fc-primary);border-bottom:2px solid var(--ja17fc-primary);transform:rotate(45deg) translateY(-2px);transition:transform 180ms ease-out, opacity 180ms ease-out;opacity:0.9;} #faq-accordion .faq-item[data-open="true"] .faq-trigger::after{transform:rotate(-135deg) translateY(0px);} #faq-accordion .faq-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, white 45%);outline-offset:2px;border-radius:10px;} #faq-accordion .faq-panel{padding:0 1.1rem 1.05rem 1.1rem;color:var(--ja17fc-slate);} #faq-accordion .faq-answer{margin:0;font:400 0.98rem/1.75 var(--font-sans,var(--font-family-sans));} #faq-accordion .faq-panel[hidden]{display:block;max-height:0;opacity:0;transform:translateY(4px);transition:max-height 180ms ease-out, opacity 180ms ease-out, transform 180ms ease-out;overflow:hidden;} #faq-accordion .faq-panel:not([hidden]){max-height:420px;opacity:1;transform:translateY(0);transition:max-height 180ms ease-out, opacity 180ms ease-out, transform 180ms ease-out;} #faq-accordion .faq-hr{height:1px;background:var(--ja17fc-border);margin:1.25rem 0;} #faq-accordion .faq-cta{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;} #faq-accordion .faq-cta-copy{max-width:60ch;} #faq-accordion .faq-cta-lead{font:700 1.15rem/1.35 var(--font-sans,var(--font-family-sans));margin:0 0 0.35rem;letter-spacing:-0.01em;} #faq-accordion .faq-cta-sub{margin:0;color:var(--ja17fc-slate);font:400 1rem/1.65 var(--font-sans,var(--font-family-sans));} #faq-accordion .faq-cta-actions{display:flex;flex-wrap:wrap;gap:0.9rem;align-items:center;justify-content:flex-end;} #faq-accordion .faq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 1rem;border-radius:var(--radius-md,14px);background:var(--ja17fc-primary);color:var(--ja17fc-surface);text-decoration:none;font:700 0.98rem/1 var(--font-sans,var(--font-family-sans));border:1px solid color-mix(in srgb, var(--ja17fc-primary) 88%, black 12%);} #faq-accordion .faq-btn:hover{background:color-mix(in srgb, var(--ja17fc-primary) 90%, black 10%);} #faq-accordion .faq-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 60%, white 40%);outline-offset:2px;} #faq-accordion .faq-link{position:relative;display:inline-flex;min-height:44px;align-items:center;padding:0 0.1rem;color:var(--ja17fc-ink);text-decoration:none;font:650 0.98rem/1.2 var(--font-sans,var(--font-family-sans));} #faq-accordion .faq-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ja17fc-primary);opacity:1;transform:scaleX(0);transform-origin:left;transition:transform 220ms ease-out;} #faq-accordion .faq-link:hover::after{transform:scaleX(1);} #faq-accordion .faq-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, white 45%);outline-offset:3px;border-radius:10px;} #faq-accordion ::selection{background:color-mix(in srgb, var(--ja17fc-primary) 35%, white 65%);} @media (max-width:768px){#faq-accordion .faq-cta{flex-direction:column;align-items:flex-start;}#faq-accordion .faq-cta-actions{justify-content:flex-start;}} @media (prefers-reduced-motion:reduce){#faq-accordion .faq-panel[hidden],#faq-accordion .faq-panel:not([hidden]){transition:none;}#faq-accordion .faq-trigger::after{transition:none;}#faq-accordion .faq-link::after{transition:none;}} /* ja17fc:faq-cta */ /* ja17fc:faq-cta */ #faq-cta.faq-cta{background:var(--ja17fc-bg);color:var(--ja17fc-ink);padding:clamp(2.5rem,6vw,5rem) 0;} #faq-cta.faq-cta .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #faq-cta.faq-cta .spread{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);box-shadow:0 1px 0 rgba(0,0,0,0.04);} #faq-cta.faq-cta .spread-rule{height:1px;background:var(--ja17fc-border);} #faq-cta.faq-cta .spread-content{display:flex;gap:clamp(1.25rem,3vw,2.25rem);padding:clamp(1.5rem,4vw,2.25rem);align-items:flex-start;} #faq-cta.faq-cta .faq-cta-copy{flex:1 1 auto;min-width:16rem;} #faq-cta.faq-cta .faq-cta-title{font-family:var(--ja17fc-font-serif, inherit);font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15;margin:0 0 0.75rem 0;letter-spacing:-0.02em;text-wrap:balance;} #faq-cta.faq-cta .faq-cta-text{margin:0 0 1.25rem 0;font-size:1rem;line-height:1.6;color:var(--ja17fc-text);max-width:46rem;} #faq-cta.faq-cta .faq-cta-bullets{border-top:1px solid var(--ja17fc-border);padding-top:1rem;display:flex;flex-direction:column;gap:0.85rem;} #faq-cta.faq-cta .bullet{display:flex;gap:0.75rem;align-items:flex-start;} #faq-cta.faq-cta .bullet-dot{width:10px;height:10px;border-radius:50%;background:var(--ja17fc-accent);margin-top:0.4rem;flex:0 0 10px;} #faq-cta.faq-cta .bullet-text{font-size:0.98rem;line-height:1.5;color:var(--ja17fc-ink);} #faq-cta.faq-cta .faq-cta-actions{flex:0 0 21rem;display:flex;flex-direction:column;gap:0.8rem;align-items:stretch;} #faq-cta.faq-cta .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.1rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:700;font-size:1rem;letter-spacing:0.01em;border:1px solid transparent;position:relative;overflow:hidden;} #faq-cta.faq-cta .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-accent) 55%, white 45%);outline-offset:2px;} #faq-cta.faq-cta .btn-primary{background:var(--ja17fc-primary);color:var(--ja17fc-surface);border-color:color-mix(in srgb, var(--ja17fc-primary) 85%, #000 0%);} #faq-cta.faq-cta .btn-primary::after{content:"";position:absolute;left:-20%;top:-40%;width:140%;height:180%;background:rgba(255,255,255,0.12);transform:translateX(-35%);opacity:0;transition:opacity 180ms ease-out, transform 220ms ease-out;} #faq-cta.faq-cta .btn-primary:hover::after{opacity:1;transform:translateX(0);} #faq-cta.faq-cta .btn-ghost{background:var(--ja17fc-surface);color:var(--ja17fc-ink);border-color:var(--ja17fc-border);} #faq-cta.faq-cta .btn-ghost::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--ja17fc-accent);transform:translateY(12px);opacity:0;transition:transform 220ms ease-out, opacity 180ms ease-out;} #faq-cta.faq-cta .btn-ghost:hover::after{transform:translateY(0);opacity:1;} #faq-cta.faq-cta .faq-cta-note{margin:0.2rem 0 0 0;font-size:0.875rem;line-height:1.5;color:var(--ja17fc-slate);border-top:1px solid var(--ja17fc-border);padding-top:0.85rem;} #faq-cta.faq-cta ::selection{background:color-mix(in srgb, var(--ja17fc-accent) 35%, white 65%);} @media (max-width:768px){ #faq-cta.faq-cta .spread-content{flex-direction:column;} #faq-cta.faq-cta .faq-cta-actions{flex:1 1 auto; width:100%;} } @media (prefers-reduced-motion:reduce){ #faq-cta.faq-cta .btn, #faq-cta.faq-cta .btn::after{transition:none !important;} } /* ja17fc:about-lead */ /* ja17fc:about-lead */ #about-lead.about-lead{--pad:clamp(16px,3.5vw,28px);background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:var(--pad) 0;} #about-lead.about-lead .about-lead__container{max-width:72rem;margin:0 auto;padding:0 var(--pad);} #about-lead.about-lead .about-lead__grid{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:start;} #about-lead.about-lead .about-lead__media{position:relative;min-height:360px;} #about-lead.about-lead .about-lead__img{width:100%;height:auto;display:block;border-radius:var(--radius-lg);box-shadow:0 1px 0 rgba(31,35,40,.08);} #about-lead.about-lead .about-lead__overlay{position:absolute;inset:0;border-radius:var(--radius-lg);background:rgba(31,35,40,.10);} #about-lead.about-lead .about-lead__content{padding-top:8px;} #about-lead.about-lead .about-lead__rule{height:1px;background:var(--ja17fc-border);margin:0 0 14px 0;} #about-lead.about-lead .about-lead__kicker{font-family:var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:.02em;font-size:1rem;margin:0 0 10px 0;color:var(--ja17fc-primary);font-weight:700;} #about-lead.about-lead .about-lead__title{font-family:var(--font-serif, 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif);font-size:clamp(1.75rem,3.1vw,2.3rem);line-height:1.12;margin:0 0 12px 0;letter-spacing:-0.01em;text-wrap:balance;} #about-lead.about-lead .about-lead__perex{font-size:1rem;line-height:1.65;margin:0 0 18px 0;color:var(--ja17fc-ink);max-width:42ch;} #about-lead.about-lead .about-lead__timeline{margin-top:18px;} #about-lead.about-lead .about-lead__timeline-top{display:flex;align-items:baseline;gap:10px;} #about-lead.about-lead .about-lead__timeline-label{font-size:1rem;font-weight:700;color:var(--ja17fc-text);} #about-lead.about-lead .about-lead__rail{height:2px;background:rgba(178,106,77,.35);margin:10px 0 14px 0;position:relative;} #about-lead.about-lead .about-lead__nodes{display:flex;gap:10px;} #about-lead.about-lead .about-lead__node{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid rgba(217,212,204,.8);background:var(--ja17fc-surface);border-radius:var(--radius-md);padding:12px 12px;cursor:pointer;transition:background 120ms ease-out,border-color 120ms ease-out,transform 120ms ease-out;} #about-lead.about-lead .about-lead__node:hover{border-color:rgba(178,106,77,.75);} #about-lead.about-lead .about-lead__node.is-active{border-color:rgba(178,106,77,1);box-shadow:0 1px 0 rgba(178,106,77,.25);} #about-lead.about-lead .about-lead__node:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:2px;} #about-lead.about-lead .about-lead__node-dot{width:14px;height:14px;border-radius:50%;background:rgba(178,106,77,.25);border:2px solid rgba(178,106,77,.35);} #about-lead.about-lead .about-lead__node.is-active .about-lead__node-dot{background:var(--ja17fc-primary);border-color:var(--ja17fc-primary);} #about-lead.about-lead .about-lead__node-text{font-size:.95rem;font-weight:700;color:var(--ja17fc-text);} #about-lead.about-lead .about-lead__panels{margin-top:14px;border-top:1px solid var(--ja17fc-border);padding-top:14px;} #about-lead.about-lead .about-lead__panel{opacity:0;transform:translateY(6px);transition:opacity 150ms ease-out,transform 150ms ease-out;} #about-lead.about-lead .about-lead__panel.is-active{opacity:1;transform:translateY(0);} #about-lead.about-lead .about-lead__panel-title{font-size:1.05rem;font-weight:800;margin:0 0 6px 0;} #about-lead.about-lead .about-lead__panel-body{font-size:1rem;line-height:1.65;margin:0;color:var(--ja17fc-text);max-width:56ch;} #about-lead.about-lead .about-lead__ctaRow{margin-top:18px;display:flex;flex-direction:column;gap:8px;} #about-lead.about-lead .about-lead__cta{display:inline-flex;align-items:center;gap:10px;color:var(--ja17fc-text);text-decoration:none;font-weight:800;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);position:relative;overflow:hidden;max-width:max-content;} #about-lead.about-lead .about-lead__cta::after{content:"";position:absolute;left:-10px;right:-10px;bottom:8px;height:2px;background:var(--ja17fc-primary);opacity:0;transform:translateY(6px);transition:opacity 120ms ease-out,transform 120ms ease-out;} #about-lead.about-lead .about-lead__cta:hover::after,#about-lead.about-lead .about-lead__cta:focus-visible::after{opacity:1;transform:translateY(0);} #about-lead.about-lead .about-lead__cta:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:2px;} #about-lead.about-lead .about-lead__ctaNote{margin:0;color:var(--ja17fc-secondary);font-size:.95rem;line-height:1.5;} #about-lead.about-lead .about-lead__thinRule{margin-top:22px;height:1px;background:var(--ja17fc-border);} ::selection{background:rgba(178,106,77,.25);} @media (max-width:1024px){#about-lead.about-lead .about-lead__grid{grid-template-columns:1fr;gap:16px;}#about-lead.about-lead .about-lead__media{min-height:260px;}#about-lead.about-lead .about-lead__img{border-radius:var(--radius-md);}#about-lead.about-lead .about-lead__overlay{border-radius:var(--radius-md);}#about-lead.about-lead .about-lead__nodes{gap:8px;}#about-lead.about-lead .about-lead__node{padding:11px 10px;}} @media (prefers-reduced-motion:reduce){#about-lead.about-lead .about-lead__panel,#about-lead.about-lead .about-lead__node,#about-lead.about-lead .about-lead__cta::after{transition:none !important;}} /* ja17fc:working-style */ /* ja17fc:working-style */ #working-style{--ws-accent:var(--ja17fc-accent);--ws-ink:var(--ja17fc-ink);--ws-muted:var(--ja17fc-secondary);--ws-bg:var(--ja17fc-bg);--ws-surface:var(--ja17fc-surface);--ws-border:var(--ja17fc-border);--ws-mist:var(--ja17fc-mist);font-family:var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);background:var(--ws-bg);color:var(--ws-ink);padding:clamp(1.25rem,3vw,2rem) 0;} #working-style .ws-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #working-style .ws-rule{height:1px;background:var(--ws-border);margin:0 0 clamp(1rem,2.2vw,1.6rem);} #working-style .ws-header{max-width:62ch;padding:0 0 clamp(1.25rem,2.8vw,2rem);} #working-style .ws-eyebrow{margin:0 0 .6rem;letter-spacing:.02em;font-weight:600;color:var(--ws-muted);text-transform:none;} #working-style .ws-title{margin:0;font-size:clamp(1.6rem,2.8vw,2.35rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance;} #working-style .ws-lead{margin:.9rem 0 0;font-size:1rem;line-height:1.7;color:var(--ws-ink);} #working-style .ws-main{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1rem,3vw,2rem);align-items:start;} #working-style .ws-rail{position:relative;background:var(--ws-surface);border:1px solid var(--ws-border);border-radius:var(--radius-md,14px);padding:clamp(1rem,.9vw,1.25rem);} #working-style .ws-rail-line{position:absolute;left:clamp(1rem,2vw,1.25rem);right:clamp(1rem,2vw,1.25rem);top:3.25rem;height:1px;background:var(--ws-border);} #working-style .ws-rail-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;position:relative;z-index:1;} #working-style .ws-node{appearance:none;border:0;background:transparent;padding:.85rem .4rem .7rem;border-radius:10px;cursor:pointer;min-height:44px;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;outline:none;} #working-style .ws-node:focus-visible{box-shadow:0 0 0 3px rgba(178,106,77,.25);background:rgba(178,106,77,.06);} #working-style .ws-node-dot{width:12px;height:12px;border-radius:999px;border:1px solid var(--ws-border);background:var(--ws-mist);transition:background .15s ease,border-color .15s ease,transform .15s ease;} #working-style .ws-node-text{font-size:.92rem;line-height:1.2;font-weight:650;color:var(--ws-muted);} #working-style .ws-node.is-active .ws-node-dot{background:var(--ws-accent);border-color:var(--ws-accent);} #working-style .ws-node.is-active .ws-node-text{color:var(--ws-ink);} #working-style .ws-panels{margin-top:1.05rem;} #working-style .ws-panel{animation:wsPanel .18s ease-out;} @keyframes wsPanel{from{opacity:.4;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}} #working-style .ws-panel-head{margin:0 0 .35rem;font-weight:750;letter-spacing:-.01em;} #working-style .ws-panel-body{margin:0;font-size:1rem;line-height:1.65;color:var(--ws-ink);} #working-style .ws-details{display:flex;flex-direction:column;gap:clamp(.9rem,2vw,1.2rem);} #working-style .ws-detail-block{background:var(--ws-surface);border:1px solid var(--ws-border);border-radius:var(--radius-md,14px);padding:clamp(1rem,.9vw,1.25rem);} #working-style .ws-h3{margin:0 0 .8rem;font-size:1.2rem;letter-spacing:-.01em;} #working-style .ws-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem;} #working-style .ws-li{display:grid;grid-template-columns:1.1rem 1fr;gap:.75rem;align-items:start;} #working-style .ws-bullet{width:1.1rem;height:1.1rem;border-radius:999px;background:rgba(178,106,77,.12);border:1px solid rgba(178,106,77,.35);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:var(--ws-accent);margin-top:.15rem;} #working-style .ws-li-text{font-size:1rem;line-height:1.6;color:var(--ws-ink);} #working-style .ws-proof{background:var(--ws-surface);border:1px solid var(--ws-border);border-radius:var(--radius-md,14px);padding:clamp(1rem,.9vw,1.25rem);} #working-style .ws-proof-lead{margin:0 0 .75rem;font-weight:700;color:var(--ws-muted);} #working-style .ws-proof-card{border-left:3px solid var(--ws-accent);background:rgba(217,212,204,.35);border-radius:12px;padding:.9rem 1rem;} #working-style .ws-proof-title{margin:0 0 .35rem;font-weight:850;letter-spacing:-.01em;} #working-style .ws-proof-text{margin:0;font-size:.98rem;line-height:1.65;} #working-style .ws-links{background:var(--ws-surface);border:1px solid var(--ws-border);border-radius:var(--radius-md,14px);padding:clamp(1rem,.9vw,1.25rem);} #working-style .ws-thin-rule{height:1px;background:var(--ws-border);margin:0 0 .85rem;} #working-style .ws-links-note{margin:0 0 .9rem;color:var(--ws-muted);font-weight:650;} #working-style .ws-link-row{display:flex;flex-wrap:wrap;gap:.9rem;} #working-style .ws-link{color:var(--ws-accent);text-decoration:none;font-weight:750;position:relative;padding:0 0 .1rem;} #working-style .ws-link::after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;height:2px;background:var(--ws-accent);transform:scaleX(0);transform-origin:left;opacity:1;transition:transform .18s ease,opacity .18s ease;} #working-style .ws-link:hover::after,#working-style .ws-link:focus-visible::after{transform:scaleX(1);} #working-style .ws-link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,106,77,.22);border-radius:10px;padding:6px 10px;margin:-6px -10px;} #working-style .ws-secondary{color:var(--ws-ink);} #working-style .ws-secondary::after{background:var(--ws-ink);} #working-style .ws-bottom-rule{height:1px;background:var(--ws-border);margin:clamp(1.25rem,3vw,2rem) 0 0;} #working-style *::selection{background:rgba(178,106,77,.22);color:var(--ws-ink);} @media (max-width: 900px){#working-style .ws-main{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#working-style .ws-panel{animation:none;}#working-style .ws-link::after{transition:none;}} /* ja17fc:about-proof */ /* ja17fc:about-proof */ #about-proof{--pad:clamp(18px,3vw,28px); background:var(--ja17fc-bg); color:var(--ja17fc-ink); padding:var(--pad) 0;} #about-proof .about-proof-shell{max-width:72rem; margin:0 auto; padding:0 clamp(16px,3vw,28px);} #about-proof .about-proof-toprule,#about-proof .about-proof-bottomrule{height:1px; background:var(--ja17fc-border); margin:0 0 22px 0;} #about-proof .about-proof-bottomrule{margin:26px 0 18px 0;} #about-proof .about-proof-grid{display:grid; grid-template-columns: 1.05fr 0.95fr; gap:24px; align-items:start;} #about-proof .about-proof-copy{padding:8px 0;} #about-proof .about-proof-title{font-family:var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); font-size:clamp(1.6rem,2.5vw,2.1rem); line-height:1.12; letter-spacing:-0.02em; margin:0 0 10px 0; font-weight:800; text-wrap:balance;} #about-proof .about-proof-lead{margin:0; font-size:1rem; line-height:1.6; color:var(--ja17fc-text); max-width:32rem;} #about-proof .about-proof-deliverable{margin-top:16px; border:1px solid var(--ja17fc-border); border-radius:var(--radius-md,14px); background:var(--ja17fc-surface); padding:14px 14px; box-shadow:0 1px 0 rgba(31,35,40,0.06);} #about-proof .about-proof-badge{display:inline-block; font-size:0.875rem; font-weight:750; color:var(--ja17fc-primary); border:1px solid rgba(178,106,77,0.35); padding:6px 10px; border-radius:999px; background:rgba(178,106,77,0.06);} #about-proof .about-proof-deliverable-text{margin:10px 0 0 0; color:var(--ja17fc-text); line-height:1.6;} #about-proof .about-proof-rail-wrap{background:var(--ja17fc-surface); border:1px solid var(--ja17fc-border); border-radius:var(--radius-lg,18px); padding:16px 14px 14px 14px; box-shadow:0 1px 0 rgba(31,35,40,0.06);} #about-proof .about-proof-rail{position:relative; display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:10px; padding:2px 0 8px 0;} #about-proof .about-proof-rail-line{position:absolute; left:14px; right:14px; top:18px; height:2px; background:linear-gradient(90deg, rgba(217,212,204,0.8), rgba(217,212,204,0.8)); border-radius:2px; z-index:0;} #about-proof .about-proof-node{position:relative; z-index:1; border:0; background:transparent; padding:10px 8px; border-radius:12px; cursor:pointer; min-height:44px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; color:var(--ja17fc-ink);} #about-proof .about-proof-node-dot{width:12px; height:12px; border-radius:50%; border:2px solid rgba(31,35,40,0.25); background:var(--ja17fc-surface); transition:background 150ms ease-out, border-color 150ms ease-out, transform 150ms ease-out;} #about-proof .about-proof-node-index{font-variant-numeric:tabular-nums; font-weight:850; font-size:0.95rem; color:var(--ja17fc-slate);} #about-proof .about-proof-node-label{font-size:0.75rem; color:var(--ja17fc-text); text-align:center; line-height:1.2;} #about-proof .about-proof-node:hover .about-proof-node-dot{transform:translateY(-1px); border-color:rgba(178,106,77,0.6);} #about-proof .about-proof-node:focus-visible{outline:3px solid rgba(178,106,77,0.35); outline-offset:2px;} #about-proof .about-proof-node.is-active .about-proof-node-dot{background:var(--ja17fc-primary); border-color:rgba(178,106,77,0.95);} #about-proof .about-proof-node.is-active .about-proof-node-index{color:var(--ja17fc-ink);} #about-proof .about-proof-panels{border-top:1px solid var(--ja17fc-border); padding-top:14px;} #about-proof .about-proof-panel{transition:opacity 150ms ease-out, transform 150ms ease-out;} #about-proof .about-proof-panel.is-active{opacity:1; transform:translateY(0);} #about-proof .about-proof-panel:not(.is-active){opacity:0.0; transform:translateY(4px);} #about-proof .about-proof-panel-title{margin:0 0 8px 0; font-size:1.05rem; line-height:1.35; letter-spacing:-0.01em; font-weight:850;} #about-proof .about-proof-panel-text{margin:0; color:var(--ja17fc-text); line-height:1.65; font-size:0.98rem;} #about-proof .about-proof-note{margin-top:12px; padding-top:12px; border-top:1px dashed rgba(217,212,204,0.95); display:flex; align-items:flex-start; gap:10px; color:var(--ja17fc-text); font-size:0.93rem; line-height:1.5;} #about-proof .about-proof-note-mark{color:var(--ja17fc-primary); font-weight:900;} #about-proof .about-proof-links{display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-top:10px;} #about-proof .about-proof-link{color:var(--ja17fc-primary); text-decoration:none; font-weight:750; border-bottom:1px solid rgba(178,106,77,0.35); padding-bottom:3px;} #about-proof .about-proof-link:focus-visible{outline:3px solid rgba(178,106,77,0.35); outline-offset:3px; border-bottom-color:rgba(178,106,77,0.7);} #about-proof .about-proof-link:hover{text-decoration:none; border-bottom-color:rgba(178,106,77,0.7);} #about-proof .about-proof-sep{color:rgba(31,35,40,0.35);} #about-proof ::selection{background:rgba(178,106,77,0.22);} @media (max-width: 860px){#about-proof .about-proof-grid{grid-template-columns:1fr; gap:18px;} #about-proof .about-proof-rail-line{left:10px; right:10px;}} @media (prefers-reduced-motion: reduce){#about-proof .about-proof-panel{transition:none;} #about-proof .about-proof-node-dot{transition:none;} } /* ja17fc:about-cta */ /* ja17fc:about-cta */ #about-cta{--s-bg:var(--ja17fc-bg);--s-surface:var(--ja17fc-surface);--s-ink:var(--ja17fc-ink);--s-muted:var(--ja17fc-slate);--s-border:var(--ja17fc-border);--s-primary:var(--ja17fc-accent);background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(1.5rem,3vw,2.5rem) 0;} #about-cta *{box-sizing:border-box;} #about-cta .about-cta__inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,1.6rem);display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,2.2vw,2rem);align-items:stretch;} #about-cta .about-cta__media{background:linear-gradient(180deg,rgba(178,106,77,.16),rgba(217,212,204,.42));border:1px solid var(--ja17fc-border);border-radius:var(--radius,14px);min-height:22rem;position:relative;overflow:hidden;} #about-cta .about-cta__media:before{content:"";position:absolute;inset:-40% -30% auto -30%;height:120%;background:radial-gradient(circle at 30% 30%,rgba(31,35,40,.18),transparent 52%),radial-gradient(circle at 70% 40%,rgba(178,106,77,.22),transparent 55%);transform:rotate(-8deg);} #about-cta .about-cta__media:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.06);} #about-cta .about-cta__content{padding:clamp(0.5rem,1vw,0.9rem) 0;} #about-cta .about-cta__kicker{font-family:var(--font-family-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-size:0.95rem;font-weight:650;letter-spacing:.02em;color:var(--ja17fc-slate);text-transform:none;margin-bottom:.6rem;} #about-cta .about-cta__title{font-family:var(--font-family-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-size:clamp(1.6rem,2.4vw,2.25rem);line-height:1.12;letter-spacing:-0.02em;margin:0 0 .85rem;font-weight:750;text-wrap:balance;} #about-cta .about-cta__lead{margin:0 0 1.1rem;font-size:1rem;line-height:1.6;color:var(--ja17fc-ink);max-width:38ch;} #about-cta .about-cta__timeline{display:flex;gap:.5rem;align-items:center;margin:1.05rem 0 .85rem;position:relative;} #about-cta .about-cta__timeline:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ja17fc-border);transform:translateY(-50%);} #about-cta .about-cta__tbtn{position:relative;background:transparent;border:0;padding:.45rem .15rem;font-size:.92rem;line-height:1.2;color:var(--ja17fc-slate);cursor:pointer;border-radius:10px;z-index:1;min-height:44px;} #about-cta .about-cta__tbtn:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background:var(--ja17fc-border);margin:0 auto 6px;} #about-cta .about-cta__tbtn[aria-current="true"]{color:var(--ja17fc-ink);font-weight:750;} #about-cta .about-cta__tbtn[aria-current="true"]:before{background:var(--ja17fc-accent);box-shadow:0 0 0 4px rgba(178,106,77,.18);} #about-cta .about-cta__tbtn:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:2px;} #about-cta .about-cta__deliverable{margin-top:.65rem;border:1px solid var(--ja17fc-border);border-radius:var(--radius,14px);background:var(--ja17fc-surface);padding:1rem;} #about-cta .about-cta__thinrule{height:1px;background:var(--ja17fc-border);margin:0 0 .7rem;} #about-cta .about-cta__deliverable-label{font-size:.9rem;color:var(--ja17fc-slate);font-weight:650;} #about-cta .about-cta__deliverable-value{font-size:1.15rem;font-weight:850;color:var(--ja17fc-ink);} #about-cta .about-cta__mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;} #about-cta .about-cta__actions{margin-top:1.05rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;} #about-cta .about-cta__link{color:var(--ja17fc-ink);text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:.5rem;} #about-cta .about-cta__link:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:3px;border-radius:10px;} #about-cta .about-cta__link{position:relative;} #about-cta .about-cta__link:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--ja17fc-accent);transform:scaleX(.12);transform-origin:left;opacity:1;transition:transform 160ms ease-out;} #about-cta .about-cta__link:hover:after{transform:scaleX(1);} #about-cta .about-cta__or{color:var(--ja17fc-slate);font-weight:650;} #about-cta .about-cta__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border:1px solid rgba(31,35,40,.2);background:var(--ja17fc-surface);color:var(--ja17fc-ink);text-decoration:none;border-radius:var(--radius,14px);font-weight:850;} #about-cta .about-cta__button:hover{border-color:rgba(178,106,77,.6);} #about-cta .about-cta__button:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:3px;} #about-cta .about-cta__note{margin-top:1rem;color:var(--ja17fc-ink);background:rgba(217,212,204,.45);border:1px solid var(--ja17fc-border);padding:.85rem 1rem;border-radius:var(--radius,14px);line-height:1.55;} #about-cta .about-cta__formwrap{grid-column:2/3;display:flex;flex-direction:column;gap:.9rem;} #about-cta .about-cta__formhead{padding-top:.2rem;} #about-cta .about-cta__formtitle{font-size:1.1rem;font-weight:900;color:var(--ja17fc-ink);margin:.4rem 0 .25rem;} #about-cta .about-cta__formsub{color:var(--ja17fc-slate);font-weight:650;} #about-cta .about-cta__form{border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--radius,14px);padding:1rem;} #about-cta .about-cta__grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;} #about-cta .about-cta__field{display:flex;flex-direction:column;gap:.35rem;} #about-cta .about-cta__field--full{grid-column:1/-1;} #about-cta .about-cta__label{font-size:.92rem;color:var(--ja17fc-ink);font-weight:800;} #about-cta .about-cta__input,#about-cta .about-cta__textarea{width:100%;border:1px solid rgba(31,35,40,.22);border-radius:var(--radius,10px);padding:.7rem .75rem;font-size:1rem;background:var(--ja17fc-surface);color:var(--ja17fc-ink);} #about-cta .about-cta__input::placeholder,#about-cta .about-cta__textarea::placeholder{color:rgba(31,35,40,.55);} #about-cta .about-cta__input:focus-visible,#about-cta .about-cta__textarea:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:2px;border-color:rgba(178,106,77,.6);} #about-cta .about-cta__consent{margin-top:.85rem;} #about-cta .about-cta__check{display:flex;gap:.6rem;align-items:flex-start;} #about-cta .about-cta__checkbox{width:18px;height:18px;margin-top:.2rem;accent-color:var(--ja17fc-accent);} #about-cta .about-cta__checktext{font-size:.93rem;line-height:1.45;color:var(--ja17fc-ink);font-weight:650;} #about-cta .about-cta__submit{margin-top:1rem;min-height:48px;width:100%;border-radius:var(--radius,14px);border:1px solid rgba(178,106,77,.55);background:var(--ja17fc-primary);color:var(--ja17fc-surface);font-weight:900;font-size:1.02rem;cursor:pointer;} #about-cta .about-cta__submit:hover{background:rgba(178,106,77,.92);} #about-cta .about-cta__submit:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:3px;} #about-cta .about-cta__fineprint{margin-top:.55rem;color:var(--ja17fc-slate);font-size:.86rem;line-height:1.35;} #about-cta .about-cta__policylinks{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;color:var(--ja17fc-slate);font-weight:700;font-size:.92rem;} #about-cta .about-cta__policylinks a{color:var(--ja17fc-ink);text-decoration:none;border-bottom:1px solid rgba(31,35,40,.15);} #about-cta .about-cta__policylinks a:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:3px;border-radius:10px;} #about-cta .about-cta__dot{color:rgba(31,35,40,.35);} @media (max-width: 900px){ #about-cta .about-cta__inner{grid-template-columns:1fr;} #about-cta .about-cta__formwrap{grid-column:auto;} #about-cta .about-cta__media{min-height:16rem;} } @media (prefers-reduced-motion: reduce){ #about-cta .about-cta__link:after{transition:none;} } ::selection{background:rgba(178,106,77,.28);} /* ja17fc:contact-intro */ /* ja17fc:contact-intro */ #contact-intro{--r1:var(--ja17fc-primary);--r2:var(--ja17fc-secondary);--ink:var(--ja17fc-ink);--slate:var(--ja17fc-slate);--mist:var(--ja17fc-mist);--border:var(--ja17fc-border);--surface:var(--ja17fc-surface);--bg:var(--ja17fc-bg);background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,6vw,5rem) 0;} #contact-intro .contact-intro__container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact-intro .contact-intro__toprule{height:1px;background:var(--ja17fc-border);margin-bottom:clamp(1.25rem,2.8vw,2.25rem);} #contact-intro .contact-intro__grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(1.25rem,3.5vw,2.5rem);align-items:start;} #contact-intro .contact-intro__copy{padding-right:0;} #contact-intro .contact-intro__h1{font-family:var(--font-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-weight:800;letter-spacing:-0.02em;line-height:1.04;text-wrap:balance;font-size:clamp(2.2rem,4.2vw,3.2rem);margin:0 0 .75rem 0;} #contact-intro .contact-intro__lead{font-size:1.05rem;line-height:1.6;margin:0 0 1.35rem 0;color:var(--ja17fc-ink);max-width:44rem;} #contact-intro .contact-intro__timeline{margin:0 0 1.35rem 0;position:relative;padding:1.05rem 0 .2rem 0;} #contact-intro .contact-intro__timeline-line{position:absolute;left:0;right:0;top:1.25rem;height:2px;background:rgba(178,106,77,.25);} #contact-intro .contact-intro__timeline-nodes{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;justify-content:space-between;} #contact-intro .contact-intro__timeline-node{display:flex;flex-direction:column;align-items:flex-start;min-width:0;} #contact-intro .contact-intro__timeline-node:last-child{align-items:flex-end;} #contact-intro .contact-intro__node-dot{width:14px;height:14px;border-radius:999px;background:var(--ja17fc-surface);border:2px solid rgba(178,106,77,.9);box-shadow:0 1px 0 rgba(0,0,0,.04);} #contact-intro .contact-intro__timeline-node:nth-child(2) .contact-intro__node-dot{border-color:rgba(178,106,77,.85);} #contact-intro .contact-intro__timeline-node:nth-child(3) .contact-intro__node-dot{border-color:rgba(178,106,77,.82);} #contact-intro .contact-intro__timeline-node:nth-child(4) .contact-intro__node-dot{border-color:rgba(178,106,77,.9);} #contact-intro .contact-intro__node-label{margin-top:.55rem;font-size:.875rem;line-height:1.25;color:var(--ja17fc-slate);white-space:nowrap;} #contact-intro .contact-intro__deliverable{border:1px solid var(--ja17fc-border);background:rgba(255,255,255,.6);border-radius:var(--radius-md);padding:1.1rem 1.1rem 1rem 1.1rem;box-shadow:0 1px 0 rgba(0,0,0,.03);} #contact-intro .contact-intro__deliverable-kicker{font-size:.875rem;color:var(--ja17fc-secondary);font-weight:700;margin-bottom:.35rem;} #contact-intro .contact-intro__deliverable-title{font-weight:850;letter-spacing:-0.01em;margin:0 0 .5rem 0;color:var(--ja17fc-ink);font-size:1.1rem;} #contact-intro .contact-intro__deliverable-text{margin:0;line-height:1.65;color:var(--ja17fc-ink);font-size:1rem;} #contact-intro .contact-intro__ctaRow{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.35rem;} #contact-intro .contact-intro__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.78rem 1.05rem;border-radius:var(--radius-md);background:var(--ja17fc-primary);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 10px 22px rgba(178,106,77,.18);} #contact-intro .contact-intro__cta:focus-visible{outline:3px solid rgba(178,106,77,.45);outline-offset:3px;} #contact-intro .contact-intro__cta:hover{filter:brightness(1.03);} #contact-intro .contact-intro__link{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.6rem 0;border-radius:8px;color:var(--ja17fc-ink);text-decoration:none;font-weight:700;position:relative;} #contact-intro .contact-intro__link::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;background:rgba(178,106,77,.55);transform:scaleX(.22);transform-origin:left;opacity:.0;transition:transform 180ms ease-out,opacity 180ms ease-out;} #contact-intro .contact-intro__link:hover::after,#contact-intro .contact-intro__link:focus-visible::after{transform:scaleX(1);opacity:1;} #contact-intro .contact-intro__link:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:4px;} #contact-intro .contact-intro__proof{position:relative;} #contact-intro .contact-intro__proof-card{border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--radius-lg);padding:1.15rem 1.1rem;box-shadow:0 1px 0 rgba(0,0,0,.03);} #contact-intro .contact-intro__proof-card--small{margin-top:1rem;} #contact-intro .contact-intro__proof-title{font-weight:850;letter-spacing:-0.01em;margin:0 0 .75rem 0;font-size:1.05rem;color:var(--ja17fc-ink);} #contact-intro .contact-intro__proof-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem;} #contact-intro .contact-intro__proof-item{font-size:.98rem;line-height:1.55;color:var(--ja17fc-ink);position:relative;padding-left:1.1rem;} #contact-intro .contact-intro__proof-item::before{content:"";position:absolute;left:0;top:.55rem;width:8px;height:8px;border-radius:999px;background:rgba(178,106,77,.35);border:1px solid rgba(178,106,77,.65);} #contact-intro .contact-intro__proof-text{margin:0;line-height:1.65;color:var(--ja17fc-ink);font-size:.98rem;} #contact-intro .contact-intro__proof-divider{height:1px;background:var(--ja17fc-border);margin:1rem 0;} #contact-intro ::selection{background:rgba(178,106,77,.28);} @media (max-width: 900px){ #contact-intro .contact-intro__grid{grid-template-columns:1fr;} #contact-intro .contact-intro__timeline-nodes{gap:.25rem;} #contact-intro .contact-intro__node-label{white-space:normal;max-width:12ch;} } @media (prefers-reduced-motion: reduce){ #contact-intro .contact-intro__link::after{transition:none;} } /* ja17fc:contact-form */ /* ja17fc:contact-form */ #contact-form{--pad:clamp(1rem,3vw,2rem);--gutter:clamp(1rem,4vw,3rem);background:var(--ja17fc-bg);color:var(--ja17fc-ink);padding:var(--pad) var(--gutter) clamp(2.5rem,6vw,4.5rem);border-top:1px solid var(--ja17fc-border)} #contact-form .contact-form-wrap{width:100%} #contact-form .contact-form-shell{max-width:72rem;margin:0 auto} #contact-form .contact-form-head{margin-bottom:clamp(1.25rem,3.5vw,2rem)} #contact-form .contact-form-title{font-family:var(--font-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.12;letter-spacing:-0.02em;margin:0 0 .5rem;font-weight:720;text-wrap:balance} #contact-form .contact-form-subtitle{margin:0;max-width:56ch;color:var(--ja17fc-slate);font-size:1rem;line-height:1.6} #contact-form .contact-form-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:start} #contact-form .contact-form{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg,18px);padding:clamp(1rem,3vw,1.5rem);box-shadow:0 1px 0 rgba(178,106,77,.08)} #contact-form .field-row{display:grid;grid-template-columns:1fr;gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(.75rem,2vw,1rem)} #contact-form .field label{display:block;font-size:.875rem;color:var(--ja17fc-text);margin:0 0 .35rem} #contact-form .field input,#contact-form .field select,#contact-form .field textarea{width:100%;box-sizing:border-box;border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);background:var(--ja17fc-surface);padding:.75rem .85rem;font-size:1rem;color:var(--ja17fc-ink);outline:none} #contact-form .field textarea{resize:vertical;min-height:120px} #contact-form .field input:focus,#contact-form .field select:focus,#contact-form .field textarea:focus{border-color:var(--ja17fc-primary);box-shadow:0 0 0 3px rgba(178,106,77,.18)} #contact-form .field input::placeholder,#contact-form .field textarea::placeholder{color:#6b7463} #contact-form .consent{margin:clamp(.75rem,2vw,1rem) 0 1rem;padding:clamp(.75rem,2vw,1rem);border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);background:rgba(217,212,204,.25)} #contact-form .consent-text{margin:0;color:var(--ja17fc-slate);font-size:.95rem;line-height:1.6} #contact-form .cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:44px;padding:.9rem 1rem;border-radius:var(--radius-md,14px);border:1px solid var(--ja17fc-primary);background:var(--ja17fc-primary);color:var(--ja17fc-surface);font-weight:700;font-size:1rem;cursor:pointer;letter-spacing:.01em} #contact-form .cta-button:hover{filter:brightness(1.03)} #contact-form .cta-button:active{transform:translateY(1px)} #contact-form .cta-button:disabled{opacity:.6;cursor:not-allowed} #contact-form .form-footnote{margin:.75rem 0 0;color:var(--ja17fc-secondary);font-size:.875rem;line-height:1.5} #contact-form .contact-proof{display:block} #contact-form .proof-rail{margin-bottom:clamp(1rem,3vw,1.5rem)} #contact-form .proof-rail-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem} #contact-form .proof-rule{height:1px;flex:1;background:var(--ja17fc-border)} #contact-form .proof-lead{margin:0;color:var(--ja17fc-text);font-weight:700;letter-spacing:.01em} #contact-form .timeline-rail{list-style:none;margin:0;padding:0;border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg,18px);background:rgba(255,255,255,.6);position:relative;padding:clamp(.75rem,2vw,1rem);display:grid;gap:.75rem} #contact-form .timeline-rail::before{content:"";position:absolute;left:18px;top:18px;bottom:18px;width:2px;background:rgba(178,106,77,.28);border-radius:999px} #contact-form .rail-step{display:flex;align-items:flex-start;gap:.75rem;position:relative;outline:none} #contact-form .rail-dot{width:14px;height:14px;border-radius:50%;background:var(--ja17fc-surface);border:2px solid rgba(178,106,77,.55);box-shadow:0 0 0 0 rgba(178,106,77,.2)} #contact-form .rail-label{padding:2px 0;color:var(--ja17fc-slate);font-size:.95rem;line-height:1.45} #contact-form .rail-step:hover .rail-dot{border-color:var(--ja17fc-primary)} #contact-form .rail-step:focus-visible .rail-dot{box-shadow:0 0 0 4px rgba(178,106,77,.22);border-color:var(--ja17fc-primary)} #contact-form .proof-card{border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg,18px);background:var(--ja17fc-surface);padding:clamp(1rem,3vw,1.25rem);box-shadow:0 1px 0 rgba(31,35,40,.04)} #contact-form .proof-title{margin:0 0 .75rem;font-size:1.15rem;letter-spacing:-0.01em} #contact-form .proof-list{margin:0;padding-left:0;list-style:none;display:grid;gap:.6rem} #contact-form .proof-list li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ja17fc-slate);line-height:1.55;font-size:.97rem} #contact-form .check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1px solid rgba(178,106,77,.35);color:var(--ja17fc-primary);font-weight:900;flex:0 0 auto;margin-top:2px} #contact-form .proof-note{margin:.95rem 0 0;color:var(--ja17fc-slate);font-size:.95rem;line-height:1.6} #contact-form .inline-link{color:var(--ja17fc-primary);text-decoration:none;border-bottom:1px solid rgba(178,106,77,.35)} #contact-form .inline-link:hover{border-bottom-color:var(--ja17fc-primary)} #contact-form .inline-link:focus-visible{outline:3px solid rgba(178,106,77,.25);outline-offset:3px;border-bottom-color:transparent} #contact-form .field input:focus-visible,#contact-form .field select:focus-visible,#contact-form .field textarea:focus-visible,#contact-form button:focus-visible{outline:3px solid rgba(178,106,77,.25);outline-offset:3px} #contact-form .field input:invalid:focus,#contact-form .field select:invalid:focus,#contact-form .field textarea:invalid:focus{border-color:rgba(178,106,77,.6)} @media (min-width: 768px){ #contact-form .contact-form-grid{grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,2.5rem)} #contact-form .field-row{grid-template-columns:1fr 1fr} #contact-form .contact-form{padding:clamp(1.15rem,3vw,1.75rem)} #contact-form .timeline-rail{gap:.85rem} } @media (prefers-reduced-motion: reduce){ #contact-form *{scroll-behavior:auto;transition:none !important;animation:none !important} } ::selection{background:rgba(178,106,77,.25)} /* ja17fc:contact-what-next */ /* ja17fc:contact-what-next */ #contact-what-next{font-family:'Segoe UI',Candara,'Gill Sans','Trebuchet MS',sans-serif;background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,5vw,4.5rem) 0;} #contact-what-next .wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact-what-next .eyebrow{display:inline-block;font-size:0.875rem;letter-spacing:0.02em;color:var(--ja17fc-secondary);text-transform:none;margin-bottom:0.75rem;} #contact-what-next .title{font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.15;margin:0 0 1rem 0;letter-spacing:-0.015em;max-width:52rem;text-wrap:balance;} #contact-what-next .lede{margin:0 0 1.75rem 0;max-width:62rem;color:var(--ja17fc-ink);font-size:1rem;line-height:1.6;} #contact-what-next .content-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start;} #contact-what-next .rail{position:relative;min-height:220px;border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg);background:var(--ja17fc-surface);padding:1.25rem 1.1rem;} #contact-what-next .rail-line{position:absolute;left:1.1rem;right:1.1rem;top:5.2rem;height:1px;background:var(--ja17fc-border);} #contact-what-next .rail-node{position:absolute;top:3.8rem;width:2.6rem;height:2.6rem;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 120ms ease-out,border-color 120ms ease-out,transform 120ms ease-out;} #contact-what-next .rail-node[data-step="1"]{left:0.9rem;} #contact-what-next .rail-node[data-step="2"]{left:calc(50% - 1.3rem);} #contact-what-next .rail-node[data-step="3"]{right:calc(50% + 1.3rem);} #contact-what-next .rail-node[data-step="4"]{right:0.9rem;} #contact-what-next .rail-node[aria-current="true"]{background:var(--ja17fc-primary);border-color:var(--ja17fc-primary);color:var(--ja17fc-surface);transform:translateY(-1px);} #contact-what-next .rail-node:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, white 45%);outline-offset:3px;} #contact-what-next .steps{display:flex;flex-direction:column;gap:1rem;} #contact-what-next .step-card{border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg);background:var(--ja17fc-surface);padding:1.25rem 1.25rem;} #contact-what-next .step-card.is-hidden{display:none;} #contact-what-next .step-title{margin:0 0 0.5rem 0;font-size:1.15rem;letter-spacing:-0.01em;} #contact-what-next .step-text{margin:0 0 0.95rem 0;line-height:1.65;color:var(--ja17fc-ink);} #contact-what-next .deliverable{display:inline-block;padding:0.5rem 0.75rem;border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--ja17fc-mist) 35%, white 65%);color:var(--ja17fc-slate);font-weight:650;letter-spacing:0.01em;} #contact-what-next .cta-row{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;margin-top:0.25rem;} #contact-what-next .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 1.05rem;border-radius:var(--radius-md);border:1px solid var(--ja17fc-primary);background:var(--ja17fc-primary);color:var(--ja17fc-surface);font-weight:750;text-decoration:none;transition:filter 120ms ease-out,transform 120ms ease-out;} #contact-what-next .btn:hover{filter:brightness(1.03);} #contact-what-next .btn:active{transform:translateY(1px);} #contact-what-next .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, white 45%);outline-offset:3px;} #contact-what-next .link{color:var(--ja17fc-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:650;} #contact-what-next .link:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, white 45%);outline-offset:3px;border-radius:6px;} #contact-what-next .note{display:flex;gap:0.6rem;align-items:flex-start;padding:1rem 1.05rem;border:1px dashed var(--ja17fc-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--ja17fc-mist) 25%, white 75%);color:var(--ja17fc-slate);line-height:1.55;} #contact-what-next .note-mark{color:var(--ja17fc-primary);font-weight:900;} #contact-what-next .thin-rule{height:1px;background:var(--ja17fc-border);margin-top:1.75rem;} #contact-what-next ::selection{background:color-mix(in srgb,var(--ja17fc-primary) 25%, white 75%);} @media (min-width: 768px){ #contact-what-next .content-grid{grid-template-columns:0.92fr 1.08fr;gap:1.5rem;} #contact-what-next .step-card{padding:1.4rem 1.4rem;} #contact-what-next .rail{padding:1.35rem 1.25rem;} } @media (prefers-reduced-motion: reduce){ #contact-what-next .rail-node{transition:none;} #contact-what-next .btn{transition:none;} } /* ja17fc:contact-consent-note */ /* ja17fc:contact-consent-note */ #contact-consent-note{background:var(--ja17fc-bg);color:var(--ja17fc-ink);} #contact-consent-note .shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem) clamp(1.5rem,4vw,3rem);} #contact-consent-note .rule{height:1px;background:var(--ja17fc-border);margin-top:clamp(1.5rem,3vw,2.25rem);margin-bottom:clamp(1rem,2.2vw,1.5rem);} #contact-consent-note .note-wrap{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);padding:clamp(1rem,2.6vw,1.5rem);box-shadow:0 1px 0 rgba(178,106,77,.08);} #contact-consent-note .note-title{font-family:var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-size:clamp(1.1rem,2.2vw,1.35rem);line-height:1.2;margin:0 0 .5rem 0;letter-spacing:-0.01em;} #contact-consent-note .note-text{font-size:1rem;line-height:1.55;margin:0;color:var(--ja17fc-text);} #contact-consent-note ::selection{background:rgba(178,106,77,.25);} @media (max-width:640px){#contact-consent-note .note-wrap{border-radius:var(--radius-sm,10px);}} @media (prefers-reduced-motion:reduce){#contact-consent-note *{transition:none !important;animation:none !important;}} /* ja17fc:areas-lead */ #areas-lead{--pad-top:clamp(1.5rem,3.6vw,3.1rem);--pad-bot:clamp(2rem,4.2vw,3.6rem);--gutter:clamp(1rem,3vw,2rem);background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:var(--pad-top) var(--gutter) var(--pad-bot);} #areas-lead .areas-wrap{max-width:72rem;margin:0 auto;} #areas-lead .areas-head{padding-bottom:clamp(1rem,2.2vw,1.6rem);} #areas-lead .areas-kicker{font:700 0.95rem/1.2 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:0.02em;color:var(--ja17fc-secondary);text-transform:none;} #areas-lead .areas-title{margin:0.6rem 0 0.75rem;font:800 clamp(1.55rem,2.6vw,2.2rem)/1.18 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:-0.015em;text-wrap:balance;} #areas-lead .areas-perex{margin:0;max-width:62ch;font:500 1.02rem/1.65 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);opacity:0.96;} #areas-lead .areas-proof{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg,18px);box-shadow:0 1px 0 rgba(178,106,77,0.09);overflow:hidden;} #areas-lead .areas-rule{height:1px;background:var(--ja17fc-border);} #areas-lead .areas-rail{padding:clamp(1.15rem,2.2vw,1.75rem);} #areas-lead .areas-rail-top{display:flex;gap:1rem;align-items:baseline;justify-content:space-between;flex-wrap:wrap;} #areas-lead .areas-rail-title{margin:0;font:700 1.05rem/1.25 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);} #areas-lead .areas-rail-note{margin:0;color:var(--ja17fc-slate);font:600 0.95rem/1.35 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);} #areas-lead .areas-rail-track{margin-top:0.9rem;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0.25rem;align-items:center;} #areas-lead .areas-rail-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(178,106,77,0.25);transform:translateY(-50%);border-radius:999px;} #areas-lead .areas-rail-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:0.4rem;min-height:56px;cursor:pointer;background:transparent;border:0;padding:0.25rem 0.2rem;border-radius:12px;color:var(--ja17fc-ink);} #areas-lead .areas-rail-node::after{content:"";position:absolute;left:10%;right:10%;bottom:6px;height:2px;background:var(--ja17fc-accent);opacity:0;transform:scaleX(0.6);transition:opacity 140ms ease-out, transform 140ms ease-out;} #areas-lead .areas-rail-node:hover::after{opacity:0.55;transform:scaleX(1);} #areas-lead .areas-rail-node.is-active::after{opacity:1;transform:scaleX(1);} #areas-lead .areas-rail-node:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:3px;} #areas-lead .areas-rail-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(31,35,40,0.35);background:var(--ja17fc-bg);box-shadow:0 0 0 3px rgba(217,212,204,0.35);} #areas-lead .areas-rail-node.is-active .areas-rail-dot{border-color:var(--ja17fc-accent);background:var(--ja17fc-accent);} #areas-lead .areas-rail-label{font:700 0.82rem/1.1 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);text-align:center;} #areas-lead .areas-rail-node.is-active .areas-rail-label{color:var(--ja17fc-ink);} #areas-lead .areas-detail{margin-top:1rem;border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);padding:0.95rem 1rem;background:rgba(247,244,239,0.75);} #areas-lead .areas-detail-inner{display:grid;grid-template-columns:auto 1fr;gap:0.9rem;align-items:flex-start;} #areas-lead .areas-detail-badge{font:800 0.86rem/1.2 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-primary);background:rgba(178,106,77,0.12);border:1px solid rgba(178,106,77,0.22);padding:0.35rem 0.6rem;border-radius:999px;white-space:nowrap;} #areas-lead .areas-detail-text{margin:0;font:600 1rem/1.55 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);} #areas-lead .areas-sides{display:grid;grid-template-columns:1.1fr 0.9fr;gap:0;} #areas-lead .areas-side{padding:clamp(1.1rem,2.2vw,1.75rem);} #areas-lead .areas-side + .areas-side{border-left:1px solid var(--ja17fc-border);background:linear-gradient(180deg, rgba(249,247,243,0.9), rgba(247,244,239,0.35));} #areas-lead .areas-side-title{margin:0 0 0.85rem;font:750 1.05rem/1.3 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:-0.005em;} #areas-lead .areas-list{margin:0;padding:0;list-style:none;display:grid;gap:0.65rem;} #areas-lead .areas-list-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:rgba(178,106,77,0.12);border:1px solid rgba(178,106,77,0.22);color:var(--ja17fc-primary);font:900 0.9rem/1 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);margin-right:0.6rem;} #areas-lead .areas-list-text{font:620 0.98rem/1.5 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);vertical-align:middle;} #areas-lead .areas-cta .areas-bullets{display:grid;gap:0.7rem;margin-bottom:1rem;} #areas-lead .areas-bullet{display:grid;grid-template-columns:16px 1fr;gap:0.6rem;align-items:flex-start;} #areas-lead .areas-bullet-mark{width:12px;height:12px;border-radius:3px;background:rgba(178,106,77,0.22);border:1px solid rgba(178,106,77,0.35);margin-top:0.35rem;} #areas-lead .areas-bullet-text{margin:0;font:610 0.98rem/1.5 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);} #areas-lead .areas-links{display:flex;gap:0.8rem;flex-wrap:wrap;margin-top:0.8rem;} #areas-lead .areas-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.85rem 1.05rem;border-radius:var(--radius-sm,10px);background:var(--ja17fc-primary);color:var(--ja17fc-surface);text-decoration:none;font:800 0.98rem/1.1 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);border:1px solid rgba(178,106,77,0.5);} #areas-lead .areas-btn:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:3px;} #areas-lead .areas-btn:hover{filter:brightness(0.98);} #areas-lead .areas-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.85rem 1.05rem;border-radius:var(--radius-sm,10px);background:transparent;color:var(--ja17fc-ink);text-decoration:none;font:800 0.98rem/1.1 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);border:1px solid rgba(217,212,204,1);box-shadow:0 1px 0 rgba(31,35,40,0.05);position:relative;overflow:hidden;} #areas-lead .areas-ghost::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ja17fc-accent);opacity:0;transform:translateY(6px);transition:opacity 160ms ease-out, transform 160ms ease-out;} #areas-lead .areas-ghost:hover::after{opacity:0.9;transform:translateY(0);} #areas-lead .areas-ghost:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:3px;} #areas-lead .areas-fine{margin:0.85rem 0 0;font:600 0.9rem/1.55 var(--ds-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-secondary);} #areas-lead ::selection{background:rgba(178,106,77,0.25);} @media (max-width: 900px){#areas-lead .areas-sides{grid-template-columns:1fr;}#areas-lead .areas-side + .areas-side{border-left:0;border-top:1px solid var(--ja17fc-border);} } @media (prefers-reduced-motion: reduce){#areas-lead *{transition:none !important;scroll-behavior:auto !important;}} /* ja17fc:areas-examples */ /* ja17fc:areas-examples */ #areas-examples{--radius-sm:var(--ja17fc-radius-sm,10px);--radius-md:var(--ja17fc-radius-md,14px);--radius-lg:var(--ja17fc-radius-lg,18px);background:var(--ja17fc-bg);color:var(--ja17fc-ink);padding:clamp(2.5rem,6vw,5.5rem) 0;} #areas-examples .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #areas-examples .top{max-width:64ch;} #areas-examples .kicker{font-family:var(--ja17fc-font-sans,Segoe UI,Candara,'Gill Sans','Trebuchet MS',sans-serif);font-weight:600;letter-spacing:.02em;color:var(--ja17fc-secondary);text-transform:none;margin:0 0 .75rem;} #areas-examples .title{margin:0 0 1rem;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance;} #areas-examples .lead{margin:0;font-size:1rem;line-height:1.6;color:var(--ja17fc-text);max-width:66ch;} #areas-examples .thin-rule{height:1px;background:var(--ja17fc-border);margin:1.75rem 0 clamp(1.75rem,3vw,2.5rem);} #areas-examples .spreads{display:flex;flex-direction:column;gap:clamp(1.75rem,3.4vw,2.7rem);} #areas-examples .spread{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1rem,2vw,1.5rem);align-items:stretch;} #areas-examples .spread-media{position:relative;border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);overflow:hidden;background:var(--ja17fc-surface);} #areas-examples .spread-img{width:100%;height:100%;display:block;object-fit:cover;} #areas-examples .media-overlay{position:absolute;inset:0;background:rgba(0,0,0,.1);opacity:.09;pointer-events:none;} #areas-examples .spread-body{padding:clamp(1rem,2vw,1.3rem) 0;} #areas-examples .spread-title{margin:0 0 .6rem;font-size:clamp(1.2rem,2.2vw,1.55rem);letter-spacing:-.01em;line-height:1.2;} #areas-examples .spread-text{margin:0 0 1rem;color:var(--ja17fc-text);line-height:1.7;max-width:52ch;} #areas-examples .mini-timeline{border-top:1px solid var(--ja17fc-border);padding-top:1rem;margin-top:1rem;} #areas-examples .rail{position:relative;height:18px;margin-bottom:.75rem;} #areas-examples .rail-line{position:absolute;left:0;right:0;top:9px;height:2px;background:var(--ja17fc-border);} #areas-examples .rail-dot{position:absolute;top:4px;width:10px;height:10px;border-radius:999px;background:var(--ja17fc-surface);border:2px solid var(--ja17fc-accent);} #areas-examples .rail-dot:nth-child(1){left:0%;} #areas-examples .rail-dot:nth-child(2){left:33.333%;} #areas-examples .rail-dot:nth-child(3){left:66.666%;} #areas-examples .rail-dot--last{left:100%;transform:translateX(-10px);} #areas-examples .timeline-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1rem;} #areas-examples .timeline-steps li{display:flex;gap:.6rem;align-items:baseline;} #areas-examples .step-label{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ja17fc-accent);font-size:.95rem;min-width:1.25rem;} #areas-examples .step-text{font-size:.95rem;color:var(--ja17fc-text);line-height:1.4;} #areas-examples .deliverable{margin-top:1rem;padding:1rem;border:1px solid var(--ja17fc-border);border-radius:var(--radius-sm);background:var(--ja17fc-surface);} #areas-examples .deliverable-title{display:block;font-size:.875rem;color:var(--ja17fc-secondary);margin-bottom:.35rem;} #areas-examples .deliverable-value{font-weight:650;letter-spacing:-.01em;line-height:1.35;} #areas-examples .cta-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-top:clamp(1.5rem,3vw,2.5rem);padding:1.2rem 1rem;border-top:1px solid var(--ja17fc-border);} #areas-examples .cta-copy{max-width:64ch;} #areas-examples .cta-lead{margin:0 0 .4rem;line-height:1.6;} #areas-examples .cta-sub{margin:0;color:var(--ja17fc-text);line-height:1.6;} #areas-examples .cta-actions{padding-top:.2rem;} #areas-examples .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--ja17fc-accent);background:var(--ja17fc-primary);color:#fff;font-weight:700;text-decoration:none;letter-spacing:-.01em;position:relative;overflow:hidden;} #areas-examples .btn::after{content:"";position:absolute;left:-10%;top:0;bottom:0;width:120%;background:rgba(255,255,255,.22);transform:translateX(-60%);opacity:.0;transition:transform 160ms ease-out,opacity 160ms ease-out;} #areas-examples .btn:hover::after{transform:translateX(20%);opacity:1;} #areas-examples .btn:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:3px;} #areas-examples .note{margin-top:1rem;padding:1rem;border-radius:var(--radius-sm);border:1px dashed var(--ja17fc-border);color:var(--ja17fc-slate);background:rgba(255,255,255,.55);} #areas-examples ::selection{background:rgba(178,106,77,.25);} @media (max-width: 900px){ #areas-examples .spread{grid-template-columns:1fr;} #areas-examples .spread-media{min-height:220px;} #areas-examples .spread-body{padding:0;} #areas-examples .cta-row{flex-direction:column;} #areas-examples .timeline-steps{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #areas-examples .btn::after{transition:none;} } /* ja17fc:areas-cta */ /* ja17fc:areas-cta */ #areas-cta{background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:var(--area-sp,clamp(2.25rem,5vw,4.5rem)) 0;} #areas-cta .areas-cta__inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3.5vw,2.25rem);} #areas-cta .areas-cta__top{display:flex;gap:clamp(1.25rem,3vw,2.25rem);align-items:flex-start;} #areas-cta .areas-cta__copy{flex:1 1 56%;min-width:0;} #areas-cta .areas-cta__stack{flex:0 1 44%;min-width:0;} #areas-cta .areas-cta__rule{height:1px;background:var(--ja17fc-border);margin-bottom:1rem;} #areas-cta .areas-cta__title{font-family:var(--font-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-size:clamp(1.6rem,2.6vw,2.35rem);line-height:1.1;letter-spacing:-0.02em;margin:0 0 .9rem 0;text-wrap:balance;} #areas-cta .areas-cta__lead{margin:0;font-size:1rem;line-height:1.65;color:var(--ja17fc-slate);max-width:40rem;} #areas-cta .areas-cta__timeline{border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);background:var(--ja17fc-surface);padding:1.05rem 1rem 1rem 1rem;box-shadow:0 1px 0 rgba(31,35,40,.06);} #areas-cta .areas-cta__timeline-rule{display:none;} #areas-cta .areas-cta__timeline-nodes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;} #areas-cta .areas-cta__node{font-size:.9rem;line-height:1.2;color:var(--ja17fc-slate);padding:.55rem .6rem;border-radius:10px;position:relative;} #areas-cta .areas-cta__node::before{content:"";position:absolute;left:0;right:0;top:-10px;height:2px;background:var(--ja17fc-border);} #areas-cta .areas-cta__node[aria-current="step"]{color:var(--ja17fc-ink);font-weight:650;background:rgba(178,106,77,.08);outline:1px solid rgba(178,106,77,.35);} #areas-cta .areas-cta__node[aria-current="step"]::before{background:var(--ja17fc-primary);} #areas-cta .areas-cta__cta{margin-top:1rem;} #areas-cta .areas-cta__button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:var(--radius-md,14px);background:var(--ja17fc-primary);color:var(--ja17fc-surface);text-decoration:none;font-weight:700;border:1px solid rgba(0,0,0,.06);letter-spacing:.01em;} #areas-cta .areas-cta__button:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:2px;} #areas-cta .areas-cta__button:hover{filter:brightness(.98);} #areas-cta .areas-cta__link{display:inline-block;margin-top:.7rem;color:var(--ja17fc-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:650;} #areas-cta .areas-cta__link:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:3px;border-radius:6px;} #areas-cta .areas-cta__micro{margin:.85rem 0 0 0;font-size:.92rem;line-height:1.55;color:var(--ja17fc-slate);} #areas-cta .areas-cta__note{margin-top:1.75rem;border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);background:var(--ja17fc-surface);padding:1rem 1rem;display:flex;gap:.75rem;align-items:flex-start;} #areas-cta .areas-cta__note-dot{width:10px;height:10px;border-radius:50%;background:var(--ja17fc-primary);margin-top:.45rem;flex:0 0 auto;} #areas-cta .areas-cta__note-text{margin:0;color:var(--ja17fc-slate);line-height:1.6;font-size:.95rem;} #areas-cta ::selection{background:rgba(178,106,77,.25);} @media (max-width: 900px){ #areas-cta .areas-cta__top{flex-direction:column;} #areas-cta .areas-cta__stack{width:100%;} #areas-cta .areas-cta__timeline-nodes{grid-template-columns:repeat(2,1fr);} } @media (prefers-reduced-motion: reduce){ #areas-cta *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* ja17fc:range-lead */ /* ja17fc:range-lead */ #range-lead{--section-bg:var(--ja17fc-bg);--section-text:var(--ja17fc-ink);--section-border:var(--ja17fc-border);background:var(--ja17fc-bg);color:var(--section-text);padding:clamp(1.75rem,4vw,3rem) 0 clamp(2.5rem,6vw,4rem)} #range-lead .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem)} #range-lead .editorial-split{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:start} #range-lead .photo-wrap{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--ja17fc-surface);box-shadow:0 1px 0 rgba(31,35,40,.06)} #range-lead .photo{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:4/5;transform:scale(1.02)} #range-lead .photo-overlay{position:absolute;inset:0;background:rgba(0,0,0,.1)} #range-lead .content{padding-top:.15rem} #range-lead .thin-rule{height:1px;background:var(--ja17fc-border);width:100%;margin:0 0 .95rem} #range-lead .h1{font-family:var(--font-sans);font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 .85rem;font-weight:700;text-wrap:balance} #range-lead .perex{margin:0 0 1.25rem;font-size:1rem;line-height:1.65;color:var(--ja17fc-text);max-width:38ch} #range-lead .timeline{margin-top:1rem} #range-lead .timeline-label{display:block;font-weight:650;color:var(--ja17fc-slate);margin:0 0 .55rem} #range-lead .rail{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;list-style:none;margin:0;padding:0;align-items:center;position:relative} #range-lead .rail::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(217,212,204,.9);transform:translateY(-50%);border-radius:999px} #range-lead .rail-node{position:relative;z-index:1} #range-lead .rail-button{width:44px;height:44px;border-radius:999px;border:1px solid rgba(217,212,204,1);background:var(--ja17fc-surface);color:var(--ja17fc-ink);font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease} #range-lead .rail-button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,106,77,.28)} #range-lead .rail-button:hover{border-color:rgba(178,106,77,.65)} #range-lead .panel{margin-top:1rem;position:relative} #range-lead .panel-inner{padding:1rem;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--radius-md);box-shadow:0 1px 0 rgba(31,35,40,.05)} #range-lead .panel-inner.is-hidden{display:none} #range-lead .panel-title{margin:0 0 .35rem;font-weight:750;color:var(--ja17fc-ink)} #range-lead .panel-text{margin:0;line-height:1.65;color:var(--ja17fc-text);max-width:52ch} #range-lead .proof-row{display:flex;gap:1.25rem;align-items:flex-start;margin:1.15rem 0 1.05rem} #range-lead .proof-divider{width:1px;align-self:stretch;background:var(--ja17fc-border)} #range-lead .proof-item{display:flex;gap:.85rem;align-items:flex-start} #range-lead .proof-number{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:2rem;line-height:1;color:var(--ja17fc-primary)} #range-lead .proof-title{margin:0 0 .25rem;font-weight:750} #range-lead .proof-text{margin:0;color:var(--ja17fc-slate);line-height:1.6} #range-lead .cta-row{margin-top:1.15rem} #range-lead .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:44px;padding:.75rem 1.05rem;border-radius:var(--radius-sm);border:1px solid rgba(178,106,77,.55);background:var(--ja17fc-primary);color:var(--ja17fc-surface);font-weight:750;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease} #range-lead .btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(178,106,77,.18)} #range-lead .btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,106,77,.28)} #range-lead .cta-note{margin:.6rem 0 0;color:var(--ja17fc-slate);line-height:1.55;font-size:.95rem;max-width:55ch} #range-lead .micro-rail{margin-top:1.1rem;border-top:1px solid var(--ja17fc-border);padding-top:1rem} #range-lead .micro-item{display:flex;gap:.6rem;align-items:flex-start;margin:.55rem 0} #range-lead .micro-dot{width:10px;height:10px;border-radius:50%;background:rgba(178,106,77,.35);margin-top:.55rem;flex:0 0 auto;border:1px solid rgba(178,106,77,.6)} #range-lead .micro-text{color:var(--ja17fc-text);line-height:1.6} #range-lead .section-rule{height:1px;background:var(--ja17fc-border);margin-top:clamp(1.2rem,3vw,2rem)} #range-lead ::selection{background:rgba(178,106,77,.28);color:var(--ja17fc-ink)} @media (max-width: 860px){#range-lead .editorial-split{grid-template-columns:1fr;gap:1rem}#range-lead .proof-row{flex-direction:column;gap:.9rem}#range-lead .proof-divider{width:100%;height:1px;align-self:stretch}#range-lead .content{padding-top:0}#range-lead .photo-wrap{border-radius:var(--radius-md)}} @media (prefers-reduced-motion: reduce){#range-lead .rail-button,#range-lead .btn{transition:none}#range-lead .btn:hover{transform:none} } /* ja17fc:range-checklist */ /* ja17fc:range-checklist */ #range-checklist.range-checklist{padding:clamp(2.5rem,6vw,5rem) 0;background:var(--ja17fc-bg);color:var(--ja17fc-ink);} #range-checklist.range-checklist .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #range-checklist.range-checklist .spread-top{display:block;} #range-checklist.range-checklist .rule{height:1px;background:var(--ja17fc-border);width:100%;margin-bottom:1.25rem;} #range-checklist.range-checklist .section-head{max-width:62ch;} #range-checklist.range-checklist .kicker{font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.25;margin:0 0 .75rem 0;letter-spacing:-0.01em;font-weight:700;} #range-checklist.range-checklist .lead{margin:0;color:var(--ja17fc-text);font-size:1rem;line-height:1.6;} #range-checklist.range-checklist .checklist-wrap{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;margin-top:1.75rem;} #range-checklist.range-checklist .checklist{list-style:none;padding:0;margin:0;display:grid;gap:1rem;} #range-checklist.range-checklist .checklist-item{border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--ja17fc-radius, var(--ja17fc-radius-md, 14px));padding:1rem 1rem;box-shadow:0 1px 0 rgba(31,35,40,.06);} #range-checklist.range-checklist .node{display:flex;align-items:flex-start;gap:.75rem;} #range-checklist.range-checklist .node-index{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid var(--ja17fc-border);background:rgba(178,106,77,.08);color:var(--ja17fc-accent);font-weight:800;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;} #range-checklist.range-checklist .node-title{margin:0;font-size:1.05rem;line-height:1.25;font-weight:750;letter-spacing:-0.01em;} #range-checklist.range-checklist .node-text{margin:.55rem 0 0 3rem;color:var(--ja17fc-text);font-size:1rem;line-height:1.55;} #range-checklist.range-checklist .aside{border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--ja17fc-radius, var(--ja17fc-radius-md, 14px));padding:1.1rem 1.1rem;} #range-checklist.range-checklist .aside-rule{height:1px;background:var(--ja17fc-border);margin-bottom:1rem;} #range-checklist.range-checklist .aside-title{margin:0 0 .75rem 0;font-size:1.02rem;font-weight:750;letter-spacing:-0.01em;} #range-checklist.range-checklist .rail{list-style:none;padding:0;margin:0;display:flex;gap:.5rem;} #range-checklist.range-checklist .rail-node{width:44px;height:44px;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-accent);font-weight:850;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform 120ms ease-out, box-shadow 120ms ease-out, background 120ms ease-out, border-color 120ms ease-out;} #range-checklist.range-checklist .rail-node:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,106,77,.35);border-color:rgba(178,106,77,.6);} #range-checklist.range-checklist .rail-node[aria-pressed="true"]{background:rgba(178,106,77,.12);border-color:rgba(178,106,77,.6);} #range-checklist.range-checklist .deliverable{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--ja17fc-border);} #range-checklist.range-checklist .deliverable-label{font-size:.875rem;color:var(--ja17fc-secondary);margin-bottom:.35rem;} #range-checklist.range-checklist .deliverable-text{font-size:1.1rem;font-weight:800;letter-spacing:-0.01em;margin:0;} #range-checklist.range-checklist .deliverable-note{margin:.45rem 0 0 0;color:var(--ja17fc-text);font-size:.95rem;line-height:1.5;} #range-checklist.range-checklist :root{--ja17fc-radius-md:14px;} #range-checklist.range-checklist ::selection{background:rgba(178,106,77,.25);} @media (min-width: 768px){ #range-checklist.range-checklist .checklist-wrap{grid-template-columns:1.2fr .8fr;gap:2rem;} #range-checklist.range-checklist .checklist-item{padding:1.1rem 1.15rem;} } @media (prefers-reduced-motion: reduce){ #range-checklist.range-checklist .rail-node{transition:none;} } /* ja17fc:range-tradeoffs */ /* ja17fc:range-tradeoffs */ #range-tradeoffs{--rt-accent:var(--ja17fc-primary);--rt-ink:var(--ja17fc-ink);--rt-muted:var(--ja17fc-secondary);--rt-bg:var(--ja17fc-bg);--rt-border:var(--ja17fc-border);background:var(--rt-bg);color:var(--rt-ink);padding:clamp(2.5rem,5vw,4.5rem) 0;} #range-tradeoffs::selection{background:rgba(178,106,77,.22);} .range-tradeoffs__container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} .range-tradeoffs__header{margin-bottom:clamp(1.5rem,3.5vw,2.5rem);} .range-tradeoffs__kicker{display:inline-flex;gap:.6rem;align-items:center;font-family:var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);font-size:.875rem;letter-spacing:.02em;color:var(--ja17fc-secondary);text-transform:none;} .range-tradeoffs__title{margin:.65rem 0 0 0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance;} .range-tradeoffs__lead{margin:.85rem 0 0 0;max-width:62ch;font-size:1rem;line-height:1.65;color:var(--ja17fc-slate);} .range-tradeoffs__split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:start;} .range-tradeoffs__railWrap{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-md,14px);padding:clamp(1rem,2.2vw,1.4rem);position:relative;box-shadow:0 1px 0 rgba(31,35,40,.03);} .range-tradeoffs__rule{height:1px;background:var(--ja17fc-border);} .range-tradeoffs__rule--thin{margin-bottom:clamp(.9rem,2vw,1rem);} .range-tradeoffs__rail{position:relative;margin-top:1rem;padding:1.05rem 0 0 0;} .range-tradeoffs__railLine{position:absolute;left:18px;right:18px;top:28px;height:1px;background:var(--ja17fc-border);} .range-tradeoffs__node{width:40px;height:40px;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-text);font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:1;} .range-tradeoffs__node:nth-of-type(2){margin-left:calc((100% - 80px)/3);} .range-tradeoffs__node:nth-of-type(3){margin-left:calc((100% - 80px)/3);} .range-tradeoffs__node:nth-of-type(4){margin-left:calc((100% - 80px)/3);} .range-tradeoffs__node{margin-right:0;} .range-tradeoffs__node:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,106,77,.25);border-color:var(--rt-accent);} .range-tradeoffs__node.is-active{border-color:var(--rt-accent);color:var(--rt-accent);} .range-tradeoffs__panels{margin-top:1rem;} .range-tradeoffs__panel{display:none;} .range-tradeoffs__panel.is-active{display:block;} .range-tradeoffs__panelTitle{margin:.2rem 0 .4rem 0;font-size:1.05rem;letter-spacing:-.01em;} .range-tradeoffs__panelText{margin:0;color:var(--ja17fc-slate);line-height:1.7;font-size:.98rem;} .range-tradeoffs__proof{padding-top:.1rem;} .range-tradeoffs__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.4vw,1.5rem);} .range-tradeoffs__col{padding:0;} .range-tradeoffs__subhead{margin:.2rem 0 .7rem 0;font-size:1.05rem;letter-spacing:-.01em;} .range-tradeoffs__list{margin:0; padding-left:1.05rem;} .range-tradeoffs__li{margin:.65rem 0;color:var(--ja17fc-slate);line-height:1.65;font-size:.98rem;} .range-tradeoffs__note{margin-top:1.25rem;padding:1rem;border:1px solid var(--ja17fc-border);border-radius:var(--radius-sm,10px);background:rgba(217,212,204,.25);} .range-tradeoffs__noteTitle{display:inline-block;margin-right:.35rem;color:var(--ja17fc-ink);} .range-tradeoffs__noteText{color:var(--ja17fc-slate);line-height:1.6;} .range-tradeoffs__ctaRow{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;} .range-tradeoffs__link{display:inline-flex;align-items:center;gap:.5rem;color:var(--ja17fc-ink);text-decoration:none;border-bottom:1px solid rgba(178,106,77,.35);padding-bottom:2px;position:relative;} .range-tradeoffs__link::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--rt-accent);transition:transform .18s ease-out, opacity .18s ease-out;opacity:0;} .range-tradeoffs__link:hover::after,.range-tradeoffs__link:focus-visible::after{right:0;opacity:1;transform:translateX(0);} .range-tradeoffs__link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,106,77,.22);border-bottom-color:rgba(178,106,77,.75);} .range-tradeoffs__link--secondary{border-bottom-color:rgba(122,127,107,.45);color:var(--ja17fc-slate);} .range-tradeoffs__link--secondary:hover{color:var(--ja17fc-ink);} @media (max-width:900px){.range-tradeoffs__split{grid-template-columns:1fr;}.range-tradeoffs__grid{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){.range-tradeoffs__link::after{transition:none;}} /* ja17fc:range-cta */ /* ja17fc:range-cta */ #range-cta.range-cta{background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,6vw,5rem) var(--page-gutter,clamp(1rem,4vw,3rem));} #range-cta .range-cta__wrap{max-width:72rem;margin:0 auto;} #range-cta .range-cta__head{max-width:46rem;margin-bottom:clamp(1.5rem,3.5vw,2.5rem);} #range-cta .range-cta__kicker{font:600 1.125rem/1.25 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:-0.01em;margin:0 0 .75rem 0;} #range-cta .range-cta__lead{margin:0;font:500 1.02rem/1.6 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);opacity:.95;} #range-cta .range-cta__grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start;} #range-cta .spread-rule{height:1px;background:var(--ja17fc-border);margin:0 0 1rem 0;} #range-cta .range-cta__form-card{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--ja17fc-radius-lg,18px);box-shadow:0 1px 0 rgba(178,106,77,.18);padding:1.25rem;} #range-cta .range-cta__form{display:block;} #range-cta .field{margin-bottom:1rem;} #range-cta .field--split{display:grid;grid-template-columns:1fr;gap:1rem;} #range-cta .label{display:block;margin:0 0 .5rem 0;font:600 .92rem/1.2 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);} #range-cta .input,#range-cta .textarea{width:100%;box-sizing:border-box;border:1px solid var(--ja17fc-border);border-radius:var(--ja17fc-radius-md,14px);padding:.8rem .9rem;font:500 1rem/1.4 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);background:var(--ja17fc-surface);color:var(--ja17fc-ink);} #range-cta .textarea{resize:vertical;min-height:120px;} #range-cta .input:focus,#range-cta .textarea:focus{outline:none;border-color:var(--ja17fc-accent);box-shadow:0 0 0 3px rgba(178,106,77,.25);} #range-cta .consent{display:flex;gap:.75rem;align-items:flex-start;margin:.5rem 0 1rem 0;} #range-cta .checkbox{width:18px;height:18px;margin-top:.2rem;accent-color:var(--ja17fc-accent);} #range-cta .consent__label{font:500 .95rem/1.5 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #range-cta .range-cta__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;} #range-cta .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ja17fc-radius-md,14px);padding:.95rem 1.05rem;font:700 1rem/1.1 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);min-height:44px;border:1px solid transparent;cursor:pointer;} #range-cta .btn--primary{background:var(--ja17fc-primary);color:var(--ja17fc-surface);box-shadow:0 10px 22px rgba(178,106,77,.22);} #range-cta .btn--primary:hover{filter:brightness(1.02);} #range-cta .btn--primary:active{transform:translateY(1px);} #range-cta .btn--primary:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(178,106,77,.35),0 10px 22px rgba(178,106,77,.22);} #range-cta .range-cta__fine{margin:0;font:600 .9rem/1.5 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #range-cta .range-cta__side{padding:0 0 .25rem 0;} #range-cta .range-cta__side-title{margin:.2rem 0 1rem 0;font:650 1.15rem/1.25 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:-0.01em;} #range-cta .mini-timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem;} #range-cta .mini-timeline__item{display:grid;grid-template-columns:52px 1fr;gap:.9rem;align-items:start;} #range-cta .mini-node{width:44px;height:44px;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);font:800 1rem/1 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);cursor:pointer;box-shadow:0 1px 0 rgba(178,106,77,.18);} #range-cta .mini-node:hover{border-color:var(--ja17fc-accent);} #range-cta .mini-node:focus-visible{outline:none;border-color:var(--ja17fc-accent);box-shadow:0 0 0 4px rgba(178,106,77,.25),0 1px 0 rgba(178,106,77,.18);} #range-cta .mini-timeline__text{font:600 .95rem/1.55 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);} #range-cta .range-cta__note{margin-top:1.25rem;padding-top:1.15rem;border-top:1px solid var(--ja17fc-border);} #range-cta .range-cta__note-text{margin:0 0 .9rem 0;font:600 1rem/1.6 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);} #range-cta .range-cta__links{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;} #range-cta .link{color:var(--ja17fc-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700;} #range-cta .link:hover{filter:brightness(1.03);} #range-cta .link:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(178,106,77,.25);border-radius:10px;} #range-cta .range-cta__dot{color:var(--ja17fc-secondary);font-weight:800;} #range-cta ::selection{background:rgba(178,106,77,.22);} #range-cta .btn, #range-cta .input, #range-cta .textarea, #range-cta .mini-node{transition:box-shadow 120ms ease-out,border-color 120ms ease-out,filter 120ms ease-out;} @media (min-width: 768px){ #range-cta .range-cta__grid{grid-template-columns:1.15fr .85fr;gap:2rem;} #range-cta .field--split{grid-template-columns:1fr 1fr;} #range-cta .range-cta__form-card{padding:1.35rem;} } @media (prefers-reduced-motion: reduce){ #range-cta *{transition:none !important;scroll-behavior:auto !important;} } /* ja17fc:availability-lead */ /* ja17fc:availability-lead */ #availability-lead.availability-lead{--r:14px;--gap:24px;--gutter:clamp(16px,4vw,32px);background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(28px,5vw,56px) 0;} #availability-lead .container{max-width:72rem;margin:0 auto;padding:0 var(--gutter);} #availability-lead .rule{height:1px;background:var(--ja17fc-border);margin:0 0 26px 0;} #availability-lead .lead-grid{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:start;} #availability-lead .title{font-family:var(--ja17fc-sans, 'Segoe UI');font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.08;margin:0 0 14px 0;letter-spacing:-0.02em;text-wrap:balance;} #availability-lead .perex{margin:0 0 18px 0;color:var(--ja17fc-ink);font-size:1.0rem;line-height:1.6;max-width:42rem;} #availability-lead .timeline-4{position:relative;padding-top:22px;margin:0 0 18px 0;} #availability-lead .timeline-rail{position:absolute;left:0;right:0;top:34px;height:2px;background:color-mix(in srgb, var(--ja17fc-primary) 22%, transparent);} #availability-lead .timeline-node{width:44px;height:44px;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:transform 120ms ease-out, border-color 120ms ease-out, background 120ms ease-out;} #availability-lead .timeline-node[data-node="1"]{margin-left:0;} #availability-lead .timeline-node{margin-left:calc((100% - 176px)/3);} #availability-lead .timeline-node:first-of-type{margin-left:0;} #availability-lead .timeline-node:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, transparent);outline-offset:3px;border-color:color-mix(in srgb, var(--ja17fc-primary) 55%, var(--ja17fc-border));} #availability-lead .timeline-node:hover{transform:translateY(-1px);border-color:color-mix(in srgb, var(--ja17fc-primary) 55%, var(--ja17fc-border));} #availability-lead .deliverable{border:1px solid var(--ja17fc-border);border-radius:14px;background:var(--ja17fc-surface);padding:14px 16px;box-shadow:0 1px 0 color-mix(in srgb, var(--ja17fc-slate) 16%, transparent);} #availability-lead .deliverable-label{font-size:0.875rem;color:var(--ja17fc-slate);margin-bottom:6px;letter-spacing:0.01em;} #availability-lead .deliverable-value{font-size:1.05rem;font-weight:800;margin:0;color:var(--ja17fc-ink);} #availability-lead .lead-aside{border:1px solid var(--ja17fc-border);border-radius:18px;background:var(--ja17fc-surface);padding:18px 18px 16px 18px;box-shadow:0 1px 0 color-mix(in srgb, var(--ja17fc-slate) 16%, transparent);} #availability-lead .aside-title{margin:0 0 12px 0;font-size:1.25rem;line-height:1.25;letter-spacing:-0.01em;} #availability-lead .aside-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;} #availability-lead .dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--ja17fc-primary);margin-right:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ja17fc-primary) 16%, transparent);} #availability-lead .item-text{color:var(--ja17fc-ink);font-size:0.98rem;line-height:1.55;} #availability-lead .aside-actions{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap;} #availability-lead .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;min-height:44px;padding:10px 14px;font-weight:800;letter-spacing:0.01em;transition:transform 120ms ease-out, border-color 120ms ease-out, background 120ms ease-out, color 120ms ease-out;} #availability-lead .btn.primary{background:var(--ja17fc-primary);color:var(--ja17fc-surface);border:1px solid color-mix(in srgb, var(--ja17fc-primary) 75%, var(--ja17fc-primary));} #availability-lead .btn.primary:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, transparent);outline-offset:3px;} #availability-lead .btn.primary:hover{transform:translateY(-1px);background:color-mix(in srgb, var(--ja17fc-primary) 92%, #ffffff);} #availability-lead .btn.ghost{background:var(--ja17fc-surface);color:var(--ja17fc-ink);border:1px solid var(--ja17fc-border);} #availability-lead .btn.ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 55%, transparent);outline-offset:3px;border-color:color-mix(in srgb, var(--ja17fc-primary) 55%, var(--ja17fc-border));} #availability-lead .btn.ghost:hover{transform:translateY(-1px);border-color:color-mix(in srgb, var(--ja17fc-primary) 55%, var(--ja17fc-border));} #availability-lead .mini-note{margin-top:12px;font-size:0.875rem;color:var(--ja17fc-secondary);line-height:1.5;border-top:1px solid var(--ja17fc-border);padding-top:12px;} #availability-lead ::selection{background:color-mix(in srgb, var(--ja17fc-primary) 28%, transparent);} @media (max-width: 900px){#availability-lead .lead-grid{grid-template-columns:1fr;gap:18px;}#availability-lead .timeline-rail{top:36px;}#availability-lead .timeline-4{padding-top:20px;}#availability-lead .timeline-node{margin-left:0;margin-right:0;} #availability-lead .timeline-node{display:inline-flex;margin-top:10px;} #availability-lead .timeline-4{display:flex;flex-wrap:wrap;gap:12px;align-items:center;} #availability-lead .timeline-rail{left:0;right:auto;width:100%;top:58px;height:1px;}} @media (prefers-reduced-motion: reduce){#availability-lead .timeline-node,#availability-lead .btn{transition:none;}} /* ja17fc:availability-how */ /* ja17fc:availability-how */ #availability-how.availability-how{background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,6vw,5.5rem) 0;} #availability-how .availability-how__wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #availability-how .availability-how__split{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:stretch;} #availability-how .availability-how__left{min-height:360px;} #availability-how .availability-how__image{position:relative;height:100%;border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg,18px);overflow:hidden;background:var(--ja17fc-surface);} #availability-how .availability-how__image::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(178,106,77,.18), rgba(217,212,204,.15));} #availability-how .availability-how__image-overlay{position:absolute;inset:0;background:rgba(0,0,0,.1);} #availability-how .availability-how__image-caption{position:absolute;left:16px;right:16px;bottom:16px;font-size:0.95rem;color:var(--ja17fc-ink);background:rgba(247,244,239,.86);border:1px solid rgba(217,212,204,.7);border-radius:var(--radius-md,14px);padding:10px 12px;} #availability-how .availability-how__right{padding:8px 0;} #availability-how .availability-how__kicker{font-size:0.95rem;font-weight:650;letter-spacing:.02em;color:var(--ja17fc-slate);text-transform:none;} #availability-how .availability-how__title{font-family:var(--font-serif, 'Optima, Segoe UI, Candara, Gill Sans', sans-serif);font-weight:650;letter-spacing:-0.02em;line-height:1.05;margin:12px 0 14px;font-size:clamp(1.6rem,3vw,2.5rem);text-wrap:balance;} #availability-how .availability-how__lead{margin:0 0 18px;max-width:34rem;font-size:1.02rem;line-height:1.6;color:var(--ja17fc-ink);} #availability-how .availability-how__rail{position:relative;margin:12px 0 14px;padding:14px 0 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;} #availability-how .availability-how__rail-line{position:absolute;left:0;right:0;top:30px;height:2px;background:rgba(217,212,204,.95);} #availability-how .availability-how__node{position:relative;border:0;background:transparent;padding:10px 6px;cursor:pointer;min-height:44px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--ja17fc-ink);} #availability-how .availability-how__node:focus-visible{outline:3px solid var(--ja17fc-primary);outline-offset:4px;border-radius:10px;} #availability-how .availability-how__node-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(31,35,40,.25);background:var(--ja17fc-surface);box-shadow:0 1px 0 rgba(178,106,77,.12);} #availability-how .availability-how__node-label{font-size:0.85rem;color:var(--ja17fc-slate);font-weight:650;} #availability-how .availability-how__node[aria-expanded="true"] .availability-how__node-dot{background:var(--ja17fc-primary);border-color:var(--ja17fc-primary);} #availability-how .availability-how__node[aria-expanded="true"] .availability-how__node-label{color:var(--ja17fc-primary);} #availability-how .availability-how__panels{border-top:1px solid rgba(217,212,204,.95);padding-top:18px;} #availability-how .availability-how__panel{display:none;} #availability-how .availability-how__panel[data-active="true"]{display:block;} #availability-how .availability-how__panel-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;} #availability-how .availability-how__panel-num{width:34px;height:34px;border-radius:999px;border:1px solid rgba(217,212,204,.95);background:var(--ja17fc-surface);display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;font-weight:750;color:var(--ja17fc-primary);} #availability-how .availability-how__panel-title{font-size:1.15rem;font-weight:750;letter-spacing:-0.01em;} #availability-how .availability-how__panel-text{margin:0;max-width:38rem;line-height:1.65;font-size:1.02rem;} #availability-how .availability-how__cta{margin-top:18px;padding:14px 0;} #availability-how .availability-how__link{display:inline-block;color:var(--ja17fc-primary);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(178,106,77,.35);padding-bottom:6px;position:relative;} #availability-how .availability-how__link::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--ja17fc-primary);transform:scaleX(0);transform-origin:left;opacity:.9;transition:transform 140ms ease-out;} #availability-how .availability-how__link:hover::after,#availability-how .availability-how__link:focus-visible::after{transform:scaleX(1);} #availability-how .availability-how__link:focus-visible{outline:3px solid var(--ja17fc-primary);outline-offset:4px;border-radius:8px;} #availability-how .availability-how__micro{margin-top:10px;color:var(--ja17fc-slate);font-size:0.95rem;} #availability-how .availability-how__fine{margin-top:20px;} #availability-how .availability-how__thin-rule{height:1px;background:rgba(31,35,40,.14);} #availability-how .availability-how__fine-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px;} #availability-how .availability-how__fine-item{border:1px solid rgba(217,212,204,.95);background:var(--ja17fc-surface);border-radius:var(--radius-md,14px);padding:12px 14px;box-shadow:0 1px 0 rgba(31,35,40,.03);} #availability-how .availability-how__fine-label{font-size:0.85rem;color:var(--ja17fc-slate);font-weight:700;margin-bottom:6px;} #availability-how .availability-how__fine-value{font-weight:800;letter-spacing:-0.01em;} #availability-how .availability-how__panel{animation:availability-how__fade 180ms ease-out;} @keyframes availability-how__fade{from{opacity:.75;transform:translateY(4px);}to{opacity:1;transform:translateY(0);} } #availability-how *::selection{background:rgba(178,106,77,.25);} @media (max-width: 1024px){#availability-how .availability-how__split{grid-template-columns:1fr;}} @media (max-width: 640px){#availability-how .availability-how__rail-line{top:28px;}#availability-how .availability-how__fine-grid{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#availability-how .availability-how__panel{animation:none;}#availability-how .availability-how__link::after{transition:none;}} /* ja17fc:availability-faq-accordion */ /* ja17fc:availability-faq-accordion */ #availability-faq-accordion{--pad:clamp(1rem,3vw,2rem);--gutter:clamp(.75rem,2vw,1.25rem);background:var(--ja17fc-bg);color:var(--ja17fc-text);font-family:'Segoe UI',Candara,'Gill Sans','Trebuchet MS',sans-serif;} #availability-faq-accordion .container{max-width:72rem;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) var(--gutter) clamp(2.5rem,6vw,5rem) var(--gutter);} #availability-faq-accordion .section-head{padding-bottom:clamp(1.25rem,2.5vw,1.75rem);} #availability-faq-accordion .kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ja17fc-secondary);} #availability-faq-accordion .kicker::before{content:"";width:14px;height:2px;background:var(--ja17fc-primary);border-radius:2px;} #availability-faq-accordion .title{margin:clamp(.75rem,1.5vw,1rem) 0 0 0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.02em;max-width:48rem;text-wrap:balance;} #availability-faq-accordion .lead{margin:.9rem 0 0 0;max-width:62ch;font-size:1rem;line-height:1.65;color:var(--ja17fc-ink);} #availability-faq-accordion .thin-rule{margin-top:1.4rem;height:1px;background:var(--ja17fc-border);} #availability-faq-accordion .accordion{margin-top:clamp(1.25rem,3vw,2rem);border:1px solid var(--ja17fc-border);border-radius:var(--ja17fc-radius-md,14px);background:var(--ja17fc-surface);overflow:hidden;} #availability-faq-accordion .faq-item{border-top:1px solid var(--ja17fc-border);} #availability-faq-accordion .faq-item:first-child{border-top:none;} #availability-faq-accordion .faq-trigger{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,2.2vw,1.25rem) var(--pad);background:transparent;border:none;cursor:pointer;color:var(--ja17fc-ink);font-family:inherit;} #availability-faq-accordion .faq-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 35%, transparent);outline-offset:-3px;border-radius:10px;} #availability-faq-accordion .faq-q{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;} #availability-faq-accordion .faq-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--ja17fc-border);color:var(--ja17fc-secondary);font-weight:800;} #availability-faq-accordion .faq-panel{padding:0 var(--pad) var(--pad) var(--pad);} #availability-faq-accordion .faq-item[data-open="true"] .faq-icon{color:var(--ja17fc-primary);border-color:color-mix(in srgb, var(--ja17fc-primary) 40%, var(--ja17fc-border));} #availability-faq-accordion .faq-body{padding-top:.1rem;} #availability-faq-accordion .faq-body p{margin:.2rem 0 1rem 0;line-height:1.65;max-width:75ch;} #availability-faq-accordion .mini-steps{margin:0;padding-left:0;list-style:none;display:grid;gap:.55rem;} #availability-faq-accordion .mini-steps li{display:grid;grid-template-columns:28px 1fr;gap:.75rem;align-items:start;color:var(--ja17fc-ink);} #availability-faq-accordion .mini-step-num{font-variant-numeric:tabular-nums;font-weight:900;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb, var(--ja17fc-primary) 12%, var(--ja17fc-surface));border:1px solid color-mix(in srgb, var(--ja17fc-primary) 25%, var(--ja17fc-border));color:var(--ja17fc-primary);} #availability-faq-accordion .faq-footer{margin-top:1.15rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:0 var(--gutter);} #availability-faq-accordion .faq-note{margin:0;max-width:70ch;color:var(--ja17fc-secondary);line-height:1.65;} #availability-faq-accordion .cta-link{display:inline-flex;align-items:center;gap:.6rem;color:var(--ja17fc-primary);text-decoration:none;font-weight:800;letter-spacing:-.01em;} #availability-faq-accordion .cta-link::after{content:"";height:2px;background:var(--ja17fc-primary);width:0;transition:width 180ms ease-out;} #availability-faq-accordion .cta-link:hover::after,#availability-faq-accordion .cta-link:focus-visible::after{width:100%;} #availability-faq-accordion .cta-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 35%, transparent);outline-offset:4px;border-radius:10px;} #availability-faq-accordion ::selection{background:color-mix(in srgb, var(--ja17fc-primary) 30%, transparent);} @media (prefers-reduced-motion: reduce){#availability-faq-accordion *{transition:none !important;animation:none !important;}} @media (max-width: 640px){#availability-faq-accordion .faq-footer{flex-direction:column;align-items:flex-start;padding:0;} #availability-faq-accordion .faq-trigger{padding-left:var(--pad);padding-right:var(--pad);} } /* ja17fc:availability-cta */ /* ja17fc:availability-cta */ #availability-cta{--r:var(--ja17fc-border);--ink:var(--ja17fc-ink);--muted:var(--ja17fc-secondary);--bg:var(--ja17fc-bg);--mist:var(--ja17fc-mist);background:var(--ja17fc-bg);color:var(--ja17fc-ink);padding:clamp(1.5rem,4vw,3rem) 0;} #availability-cta *{box-sizing:border-box;} #availability-cta .availability-cta-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);} #availability-cta .availability-cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1rem,2.5vw,2rem);align-items:start;} #availability-cta .thin-rule{height:1px;background:var(--ja17fc-border);margin-bottom:1rem;} #availability-cta .thin-rule-accent{background:var(--ja17fc-primary);width:3.25rem;margin:0 0 1rem;} #availability-cta .availability-cta-copy{padding:0;} #availability-cta .availability-cta-title{font-family:var(--ds-font-serif,inherit);font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 .75rem;font-weight:700;text-wrap:balance;} #availability-cta .availability-cta-lead{margin:0 0 1.25rem;color:var(--ja17fc-text);font-size:1rem;line-height:1.6;max-width:38rem;} #availability-cta .availability-cta-mini-rail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.1rem 0 1.25rem;padding:.25rem 0;} #availability-cta .availability-cta-mini-rail:after{content:"";position:absolute;left:0;right:0;top:18px;height:1px;background:var(--ja17fc-border);z-index:0;} #availability-cta .rail-node{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem;} #availability-cta .rail-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);font-weight:650;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;} #availability-cta .rail-btn.is-active{border-color:var(--ja17fc-primary);background:var(--ja17fc-bg);} #availability-cta .rail-btn:focus-visible{outline:3px solid color-mix(in oklab, var(--ja17fc-primary) 35%, transparent);outline-offset:3px;} #availability-cta .rail-label{font-size:.875rem;color:var(--ja17fc-secondary);line-height:1.1;} #availability-cta .availability-cta-deliverable{display:flex;gap:.75rem;align-items:flex-start;background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--ja17fc-radius-md,14px);padding:1rem;margin:0 0 1.2rem;box-shadow:0 1px 0 rgba(0,0,0,.04);} #availability-cta .deliverable-dot{width:10px;height:10px;border-radius:999px;background:var(--ja17fc-primary);margin-top:.35rem;flex:0 0 auto;} #availability-cta .deliverable-text{margin:0;font-size:.98rem;line-height:1.45;color:var(--ja17fc-text);} #availability-cta .deliverable-strong{font-weight:750;} #availability-cta .availability-cta-links{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;} #availability-cta .availability-cta-link{color:var(--ja17fc-ink);text-decoration:none;border-bottom:1px solid var(--ja17fc-border);padding-bottom:.35rem;position:relative;} #availability-cta .availability-cta-link:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--ja17fc-primary);transition:width 160ms ease-out;} #availability-cta .availability-cta-link:hover:after,#availability-cta .availability-cta-link:focus-visible:after{width:100%;} #availability-cta .availability-cta-link:focus-visible{outline:3px solid color-mix(in oklab, var(--ja17fc-primary) 35%, transparent);outline-offset:3px;border-bottom-color:var(--ja17fc-primary);} #availability-cta .availability-cta-form-wrap{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--ja17fc-radius-lg,18px);padding:1.25rem;box-shadow:0 1px 0 rgba(0,0,0,.04);} #availability-cta .availability-cta-form-title{margin:.2rem 0 1rem;font-weight:750;color:var(--ja17fc-ink);font-size:1.05rem;} #availability-cta .availability-form{display:flex;flex-direction:column;gap:1rem;} #availability-cta .field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;} #availability-cta .field{display:flex;flex-direction:column;gap:.5rem;} #availability-cta .label{font-size:.875rem;color:var(--ja17fc-secondary);font-weight:650;} #availability-cta .input,#availability-cta .textarea{width:100%;border:1px solid var(--ja17fc-border);border-radius:var(--ja17fc-radius-sm,10px);padding:.85rem .9rem;background:var(--ja17fc-bg);color:var(--ja17fc-ink);font-family:inherit;font-size:1rem;} #availability-cta .textarea{resize:vertical;min-height:120px;} #availability-cta .input::placeholder,#availability-cta .textarea::placeholder{color:color-mix(in oklab, var(--ja17fc-secondary) 90%, transparent);} #availability-cta .input:focus,#availability-cta .textarea:focus{outline:none;border-color:color-mix(in oklab, var(--ja17fc-primary) 55%, var(--ja17fc-border));box-shadow:0 0 0 4px color-mix(in oklab, var(--ja17fc-primary) 18%, transparent);} #availability-cta .consent{padding-top:.25rem;} #availability-cta .checkbox{display:flex;gap:.75rem;align-items:flex-start;cursor:pointer;} #availability-cta .checkbox input{margin-top:.15rem;accent-color:var(--ja17fc-primary);} #availability-cta .checkbox-text{font-size:.92rem;line-height:1.45;color:var(--ja17fc-text);} #availability-cta .form-actions{display:flex;flex-direction:column;gap:.6rem;} #availability-cta .primary-btn{border:1px solid var(--ja17fc-primary);background:var(--ja17fc-primary);color:#fff;font-weight:800;border-radius:var(--ja17fc-radius-md,14px);padding:.95rem 1rem;cursor:pointer;min-height:44px;} #availability-cta .primary-btn:hover{filter:brightness(.98);} #availability-cta .primary-btn:focus-visible{outline:3px solid color-mix(in oklab, var(--ja17fc-primary) 35%, transparent);outline-offset:3px;} #availability-cta .primary-btn:disabled{background:color-mix(in oklab, var(--ja17fc-primary) 55%, #fff);border-color:color-mix(in oklab, var(--ja17fc-primary) 55%, var(--ja17fc-border));cursor:not-allowed;} #availability-cta .form-note{margin:0;color:var(--ja17fc-secondary);font-size:.9rem;line-height:1.4;} #availability-cta .thin-divider{height:1px;background:var(--ja17fc-border);margin:1.75rem 0 .9rem;} #availability-cta .availability-cta-footnote{margin:0;color:var(--ja17fc-secondary);font-size:.95rem;line-height:1.55;max-width:72ch;} #availability-cta ::selection{background:color-mix(in oklab, var(--ja17fc-primary) 22%, transparent);} @media (max-width: 860px){ #availability-cta .availability-cta-grid{grid-template-columns:1fr;} #availability-cta .field-row{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #availability-cta .availability-cta-link:after{transition:none;} } /* ja17fc:dod-lead */ /* ja17fc:dod-lead */ #dod-lead{background:var(--ja17fc-bg);color:var(--ja17fc-text);} #dod-lead .container{max-width:72rem;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) var(--gutter,clamp(1rem,4vw,3rem));} #dod-lead .editorial-split{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:stretch;} #dod-lead .editorial-photo{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:340px;background:var(--ja17fc-surface);} #dod-lead .photo-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.1);} #dod-lead .photo-fallback{position:absolute;inset:0;background: radial-gradient(900px 420px at 20% 30%, rgba(178,106,77,0.18), transparent 55%), radial-gradient(700px 360px at 70% 60%, rgba(122,127,107,0.18), transparent 55%), linear-gradient(180deg, rgba(31,35,40,0.05), rgba(31,35,40,0.02));} #dod-lead .editorial-content{padding:6px 0 0;} #dod-lead .thin-rule{height:1px;background:var(--ja17fc-border);margin:6px 0 16px;} #dod-lead .lead-kicker{font-weight:700;letter-spacing:.02em;color:var(--ja17fc-secondary);text-transform:none;margin:0 0 10px;font-size:1rem;} #dod-lead .h1{font-family:var(--font-sans, 'Segoe UI, Candara, sans-serif');font-size:clamp(2rem,4vw,4rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 14px;} #dod-lead .perex{margin:0 0 18px;font-size:1.05rem;line-height:1.6;max-width:36rem;color:var(--ja17fc-ink);} #dod-lead .timeline-rail{position:relative;display:flex;align-items:center;gap:12px;margin:14px 0 14px;padding:18px 10px 10px;} #dod-lead .rail-line{position:absolute;left:18px;right:18px;top:38px;height:2px;background:rgba(122,127,107,0.35);} #dod-lead .rail-node{position:relative;appearance:none;border:0;background:transparent;padding:0;width:64px;display:flex;flex-direction:column;align-items:center;cursor:pointer;outline:none;} #dod-lead .rail-dot{width:12px;height:12px;border-radius:50%;background:var(--ja17fc-primary);box-shadow:0 0 0 4px rgba(178,106,77,0.18);transform:scale(0.95);transition:transform 160ms ease-out, box-shadow 160ms ease-out, opacity 160ms ease-out;} #dod-lead .rail-label{margin-top:8px;font-variant-numeric:tabular-nums;font-weight:800;color:var(--ja17fc-ink);font-size:.98rem;} #dod-lead .rail-node:focus-visible .rail-dot{box-shadow:0 0 0 4px rgba(178,106,77,0.18),0 0 0 3px rgba(31,35,40,0.25);transform:scale(1.05);} #dod-lead .timeline-detail{border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);padding:16px 16px 14px;background:var(--ja17fc-surface);box-shadow:0 1px 0 rgba(178,106,77,0.08);} #dod-lead .detail-title{margin:0 0 6px;font-weight:800;letter-spacing:-.01em;} #dod-lead .detail-text{margin:0 0 10px;line-height:1.6;color:var(--ja17fc-slate);} #dod-lead .detail-badge{margin:0;font-size:.9rem;font-weight:700;color:var(--ja17fc-secondary);} #dod-lead .cta-row{display:flex;gap:14px;align-items:center;margin:16px 0 10px;flex-wrap:wrap;} #dod-lead .cta-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:var(--radius-md);background:var(--ja17fc-primary);color:#fff;text-decoration:none;font-weight:800;letter-spacing:.01em;position:relative;overflow:hidden;} #dod-lead .cta-primary:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:2px;} #dod-lead .cta-primary::after{content:"";position:absolute;left:-10%;top:0;bottom:0;width:120%;background:rgba(255,255,255,0.18);transform:translateX(-35%);opacity:0;transition:transform 180ms ease-out,opacity 180ms ease-out;} #dod-lead .cta-primary:hover::after{transform:translateX(10%);opacity:1;} #dod-lead .cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);text-decoration:none;font-weight:800;letter-spacing:.01em;} #dod-lead .cta-secondary:focus-visible{outline:3px solid rgba(31,35,40,0.2);outline-offset:2px;} #dod-lead .microcopy{margin:6px 0 0;color:var(--ja17fc-slate);font-size:.95rem;line-height:1.5;} #dod-lead .section-rule{height:1px;background:rgba(31,35,40,0.08);margin:26px 0 18px;} #dod-lead .proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;} #dod-lead .proof-stat{border:1px solid rgba(217,212,204,0.9);border-radius:var(--radius-md);padding:16px;background:var(--ja17fc-surface);} #dod-lead .proof-number{margin:0 0 8px;font-weight:900;font-size:2rem;letter-spacing:-.02em;tab-size:3;} #dod-lead .proof-text{margin:0;color:var(--ja17fc-secondary);line-height:1.45;font-weight:700;} #dod-lead ::selection{background:rgba(178,106,77,0.25);} @media (prefers-reduced-motion: reduce){#dod-lead *{transition:none !important;scroll-behavior:auto !important;}} @media (max-width:900px){#dod-lead .editorial-split{grid-template-columns:1fr;gap:16px;} #dod-lead .proof-strip{grid-template-columns:1fr;}} /* ja17fc:dod-deliverables */ /* ja17fc:dod-deliverables */ #dod-deliverables{padding:var(--dod-section-pad,clamp(2.5rem,6vw,4.5rem)) 0;background:var(--ja17fc-bg);} #dod-deliverables .dod-wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3.5vw,1.5rem);} #dod-deliverables .dod-header{padding-bottom:clamp(1.25rem,3vw,2rem);border-bottom:1px solid var(--ja17fc-border);} #dod-deliverables .dod-kicker{display:inline-flex;align-items:center;gap:.6rem;font-weight:650;letter-spacing:.02em;color:var(--ja17fc-slate);font-size:0.95rem;} #dod-deliverables .dod-kicker::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--ja17fc-accent);box-shadow:0 0 0 3px rgba(178,106,77,.12);} #dod-deliverables .dod-title{margin:.75rem 0 .75rem;font-family:'Optima','Segoe UI',Candara,'Gill Sans',sans-serif;letter-spacing:-0.015em;font-size:clamp(1.7rem,3.4vw,2.35rem);line-height:1.12;color:var(--ja17fc-ink);text-wrap:balance;} #dod-deliverables .dod-perex{margin:0;max-width:58ch;color:var(--ja17fc-ink);font-size:1rem;line-height:1.65;} #dod-deliverables .dod-timeline{position:relative;margin-top:1.25rem;padding:1rem 0 0.5rem;} #dod-deliverables .dod-tl-line{position:absolute;left:0;right:0;top:1.2rem;height:2px;background:rgba(178,106,77,.25);} #dod-deliverables .dod-tl-node{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 0.75rem;margin-right:0.25rem;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);border-radius:var(--ja17fc-radius-md,14px);font-weight:650;font-size:0.95rem;cursor:pointer;transform:translateZ(0);} #dod-deliverables .dod-tl-node:last-of-type{margin-right:0;} #dod-deliverables .dod-tl-node::after{content:"";position:absolute;left:50%;top:calc(1.2rem - 6px);width:12px;height:12px;border-radius:50%;background:rgba(178,106,77,.20);transform:translateX(-50%);} #dod-deliverables .dod-tl-node[aria-expanded="true"]{border-color:rgba(178,106,77,.55);box-shadow:0 10px 24px rgba(178,106,77,.14);} #dod-deliverables .dod-tl-node[aria-expanded="true"]::after{background:var(--ja17fc-accent);box-shadow:0 0 0 4px rgba(178,106,77,.18);} #dod-deliverables .dod-tl-node:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:2px;} #dod-deliverables .dod-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem;} #dod-deliverables .dod-deliverable{border:1px solid var(--ja17fc-border);background:rgba(255,255,255,.75);border-radius:var(--ja17fc-radius-lg,18px);box-shadow:0 1px 0 rgba(0,0,0,.04);overflow:hidden;} #dod-deliverables .dod-deliverable-inner{padding:1.1rem 1.1rem 1.05rem;} #dod-deliverables .dod-number{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:rgba(31,35,40,.7);font-weight:800;font-size:0.95rem;} #dod-deliverables .dod-h3{margin:.55rem 0 .4rem;font-size:1.15rem;line-height:1.25;color:var(--ja17fc-ink);letter-spacing:-0.01em;} #dod-deliverables .dod-p{margin:0;color:var(--ja17fc-ink);font-size:1rem;line-height:1.65;max-width:70ch;} #dod-deliverables .dod-thin-rule{height:1px;background:var(--ja17fc-border);margin:1rem 0 .75rem;} #dod-deliverables .dod-bullets{margin:0;padding-left:1.1rem;color:var(--ja17fc-text);} #dod-deliverables .dod-bullets li{margin:.35rem 0;line-height:1.55;} #dod-deliverables .dod-note{margin-top:1.25rem;display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;} #dod-deliverables .dod-note-mark{color:rgba(178,106,77,.9);font-weight:900;font-size:1.5rem;line-height:1;} #dod-deliverables .dod-note-text{margin:.15rem 0 0;color:var(--ja17fc-ink);font-size:1rem;line-height:1.6;max-width:60ch;} #dod-deliverables .dod-ghost-link{color:var(--ja17fc-ink);text-decoration:none;border-bottom:2px solid rgba(178,106,77,.35);padding-bottom:.15rem;font-weight:700;position:relative;} #dod-deliverables .dod-ghost-link::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--ja17fc-accent);transform:scaleX(0);transform-origin:left;opacity:0.9;transition:transform 160ms ease-out;} #dod-deliverables .dod-ghost-link:hover::after{transform:scaleX(1);} #dod-deliverables .dod-ghost-link:focus-visible{outline:3px solid rgba(178,106,77,.35);outline-offset:4px;} @media (min-width:768px){ #dod-deliverables .dod-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #dod-deliverables .dod-tl-node{border-radius:14px;} } @media (min-width:1024px){ #dod-deliverables .dod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem;} #dod-deliverables .dod-deliverable-inner{padding:1.2rem 1.25rem 1.15rem;} #dod-deliverables .dod-perex{font-size:1.02rem;} } @media (prefers-reduced-motion:reduce){ #dod-deliverables .dod-ghost-link::after{transition:none;} } ::selection{background:rgba(178,106,77,.28);} /* ja17fc:dod-rail */ /* ja17fc:dod-rail */ #dod-rail{padding:clamp(1.5rem,3.2vw,3rem) 0;background:var(--ja17fc-bg);color:var(--ja17fc-text);} #dod-rail .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #dod-rail .spread{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);} #dod-rail .proof-header{display:flex;flex-direction:column;gap:0.75rem;} #dod-rail .rule{height:1px;background:var(--ja17fc-border);width:100%;} #dod-rail .section-title{margin:0;font-family:var(--ja17fc-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);font-size:clamp(1.6rem,2.5vw,2.1rem);letter-spacing:-0.015em;line-height:1.1;} #dod-rail .section-lead{margin:0;max-width:62ch;font-size:1rem;line-height:1.6;color:var(--ja17fc-text);} #dod-rail .timeline-wrap{position:relative;padding:1.1rem 0 0.9rem;border-radius:var(--ja17fc-radius-lg,18px);background:var(--ja17fc-surface);} #dod-rail .timeline-rail{position:absolute;left:1.2rem;right:1.2rem;top:1.55rem;height:2px;background:rgba(31,35,40,0.12);border-radius:999px;} #dod-rail .timeline-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.75rem;padding:0 0.75rem 0.25rem;align-items:start;} #dod-rail .timeline-node{min-height:5rem;} #dod-rail .node-button{width:100%;display:flex;flex-direction:column;gap:0.35rem;align-items:center;justify-content:flex-start;padding:0.75rem 0.5rem;border:1px solid transparent;border-radius:var(--ja17fc-radius-md,14px);background:transparent;color:var(--ja17fc-ink);cursor:pointer;min-height:5rem;} #dod-rail .node-dot{width:12px;height:12px;border-radius:999px;background:var(--ja17fc-secondary);box-shadow:0 0 0 4px rgba(122,127,107,0.12);} #dod-rail .node-label{font-size:0.95rem;line-height:1.2;text-align:center;white-space:normal;max-width:10ch;} #dod-rail .node-button:hover{border-color:rgba(178,106,77,0.35);} #dod-rail .node-button:focus-visible{outline:3px solid rgba(178,106,77,0.45);outline-offset:2px;border-color:rgba(178,106,77,0.55);} #dod-rail .timeline-node:has(.node-button[data-active-node="true"]) .node-dot{background:var(--ja17fc-accent);box-shadow:0 0 0 5px rgba(178,106,77,0.14);} #dod-rail .timeline-node:has(.node-button[data-active-node="true"]) .node-button{border-color:rgba(178,106,77,0.45);background:rgba(178,106,77,0.06);} #dod-rail .timeline-detail{position:relative;margin-top:0.5rem;border-top:1px solid var(--ja17fc-border);padding:1rem clamp(0.85rem,2vw,1.2rem) 1rem;} #dod-rail .detail-item{display:block;} #dod-rail .detail-title{margin:0 0 0.35rem 0;font-size:1.05rem;letter-spacing:-0.01em;} #dod-rail .detail-text{margin:0;font-size:1rem;line-height:1.65;color:rgba(31,35,40,0.92);} #dod-rail .thin-note{display:flex;gap:0.6rem;align-items:flex-start;padding:0.25rem 0.2rem;} #dod-rail .thin-note-mark{color:var(--ja17fc-accent);font-size:1.25rem;line-height:1;} #dod-rail .thin-note-text{margin:0;font-size:0.95rem;line-height:1.6;color:var(--ja17fc-text);} #dod-rail ::selection{background:rgba(178,106,77,0.22);} @media (max-width:640px){ #dod-rail .timeline-rail{left:0.95rem;right:0.95rem;top:1.45rem;} #dod-rail .timeline-nodes{gap:0.5rem;padding:0 0.45rem;} #dod-rail .node-label{font-size:0.9rem;} #dod-rail .timeline-detail{padding-left:0.9rem;padding-right:0.9rem;} } @media (prefers-reduced-motion: reduce){ #dod-rail *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* ja17fc:dod-cta */ /* ja17fc:dod-cta */ #dod-cta{background:var(--ja17fc-bg);color:var(--ja17fc-ink);padding:clamp(2rem,4vw,3rem) 0;} #dod-cta .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);} #dod-cta .spread{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1rem,3vw,2.25rem);align-items:stretch;} #dod-cta .spread-media{position:relative;} #dod-cta .media-frame{height:100%;min-height:360px;border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--ja17fc-surface);box-shadow:0 1px 0 rgba(178,106,77,.22),0 12px 30px rgba(31,35,40,.06);} #dod-cta .media-overlay{position:absolute;inset:0;background:rgba(31,35,40,.08);} #dod-cta .media-pattern{position:absolute;inset:0;background: linear-gradient(90deg, rgba(178,106,77,.12) 0 1px, transparent 1px 100%) 0 0/18px 18px, linear-gradient(0deg, rgba(122,127,107,.10) 0 1px, transparent 1px 100%) 0 0/18px 18px;opacity:.55;} #dod-cta .spread-content{padding:clamp(0.5rem,1.4vw,1.1rem) 0;} #dod-cta .thin-rule{height:1px;background:rgba(217,212,204,.9);margin-bottom:14px;width:100%;} #dod-cta .headline{font-family:var(--font-sans);font-size:clamp(1.6rem,3.2vw,2.25rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 12px;font-weight:700;text-wrap:balance;} #dod-cta .lead{margin:0 0 18px;font-size:1rem;line-height:1.6;max-width:42ch;color:var(--ja17fc-text);} #dod-cta .proof-line{border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);padding:14px 14px 12px;background:rgba(255,255,255,.65);} #dod-cta .mini-rail{display:flex;gap:10px;list-style:none;padding:0;margin:0 0 10px;} #dod-cta .mini-node{width:40px;height:40px;border-radius:999px;border:1px solid rgba(178,106,77,.45);background:var(--ja17fc-surface);display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:-.02em;outline:none;color:var(--ja17fc-primary);} #dod-cta .mini-node:focus-visible{box-shadow:0 0 0 4px rgba(178,106,77,.22);} #dod-cta .proof-text{margin:0;font-size:.95rem;line-height:1.5;color:var(--ja17fc-slate);} #dod-cta .cta-form{margin-top:18px;} #dod-cta .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;} #dod-cta .field{display:flex;flex-direction:column;gap:8px;min-width:0;} #dod-cta .field-block{margin-top:14px;} #dod-cta .label{font-size:.875rem;font-weight:700;letter-spacing:.01em;color:var(--ja17fc-ink);} #dod-cta input,#dod-cta textarea{width:100%;border:1px solid var(--ja17fc-border);border-radius:var(--radius-sm);padding:12px 12px;font-size:1rem;line-height:1.4;background:var(--ja17fc-surface);color:var(--ja17fc-ink);outline:none;} #dod-cta input:focus-visible,#dod-cta textarea:focus-visible{border-color:rgba(178,106,77,.7);box-shadow:0 0 0 4px rgba(178,106,77,.16);} #dod-cta textarea{resize:vertical;min-height:120px;} #dod-cta .consent{margin-top:14px;} #dod-cta .check{display:flex;align-items:flex-start;gap:10px;} #dod-cta .check input{margin-top:3px;} #dod-cta .check-text{font-size:.95rem;line-height:1.55;color:var(--ja17fc-text);} #dod-cta .cta-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px;} #dod-cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 16px;font-weight:800;letter-spacing:-.01em;text-decoration:none;min-height:44px;} #dod-cta .btn-primary{background:var(--ja17fc-primary);color:var(--ja17fc-surface);border:1px solid rgba(178,106,77,.4);} #dod-cta .btn-primary:hover{filter:brightness(1.02);} #dod-cta .btn-primary:focus-visible{box-shadow:0 0 0 4px rgba(178,106,77,.22);outline:none;} #dod-cta .btn-ghost{background:transparent;color:var(--ja17fc-ink);border:1px solid rgba(31,35,40,.22);} #dod-cta .btn-ghost:hover{background:rgba(178,106,77,.06);border-color:rgba(178,106,77,.55);} #dod-cta .btn-ghost:focus-visible{box-shadow:0 0 0 4px rgba(178,106,77,.18);outline:none;} #dod-cta .fineprint{margin:12px 0 0;font-size:.875rem;line-height:1.5;color:var(--ja17fc-slate);} #dod-cta :global(a){color:inherit;} #dod-cta ::selection{background:rgba(178,106,77,.25);} @media (max-width: 900px){#dod-cta .spread{grid-template-columns:1fr;gap:16px;} #dod-cta .media-frame{min-height:220px;} #dod-cta .field-grid{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#dod-cta *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* ja17fc:prewed-lead */ /* ja17fc:prewed-lead */ #prewed-lead{padding:0 var(--ja17fc-gutter,0); background:var(--ja17fc-bg); color:var(--ja17fc-text); font-family:'Segoe UI',Candara,'Gill Sans','Trebuchet MS',sans-serif} #prewed-lead .wrap{max-width:72rem; margin:0 auto; padding:clamp(1.25rem,3.5vw,2.25rem) clamp(1rem,4vw,3rem)} #prewed-lead .spread{display:grid; grid-template-columns:7fr 5fr; gap:24px; align-items:stretch} #prewed-lead .spread-media{position:relative; border-radius:var(--ja17fc-radius-lg,18px); overflow:hidden; min-height:320px; box-shadow:0 1px 0 rgba(31,35,40,.06)} #prewed-lead .spread-img{width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.02)} #prewed-lead .spread-overlay{position:absolute; inset:0; background:rgba(0,0,0,.09)} #prewed-lead .spread-content{padding:6px 0 0} #prewed-lead .kicker{display:flex; align-items:center; gap:12px; margin-bottom:12px} #prewed-lead .kicker-line{width:34px; height:1px; background:var(--ja17fc-accent)} #prewed-lead .kicker-text{margin:0; font-size:0.875rem; color:var(--ja17fc-secondary); letter-spacing:.02em} #prewed-lead .title{margin:0; font-size:clamp(2rem,4vw,4rem); line-height:1.05; letter-spacing:-0.02em; font-weight:750; text-wrap:balance} #prewed-lead .lede{margin:14px 0 18px; font-size:1.0625rem; line-height:1.6; max-width:38rem; color:var(--ja17fc-ink)} #prewed-lead .rail{position:relative; margin:18px 0 20px; padding:10px 2px 8px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; gap:0} #prewed-lead .rail-track{position:absolute; left:0; right:0; top:28px; height:1px; background:rgba(31,35,40,.18)} #prewed-lead .rail-node{position:relative; z-index:1; justify-self:center; width:44px; height:44px; border-radius:999px; border:1px solid rgba(31,35,40,.25); background:var(--ja17fc-surface); color:var(--ja17fc-ink); font-size:0.875rem; font-weight:650; cursor:default} #prewed-lead .rail-node[aria-current="step"]{border-color:var(--ja17fc-accent); outline:none; box-shadow:0 0 0 3px rgba(178,106,77,.22)} #prewed-lead .rail-node:focus-visible{outline:none; box-shadow:0 0 0 3px rgba(178,106,77,.25)} #prewed-lead .deliverable{padding:14px 14px; border:1px solid var(--ja17fc-border); border-radius:var(--ja17fc-radius-md,14px); background:rgba(255,255,255,.65)} #prewed-lead .deliverable-label{margin:0; font-size:0.875rem; color:var(--ja17fc-secondary)} #prewed-lead .deliverable-title{margin:6px 0 6px; font-size:1.125rem; font-weight:750; letter-spacing:-.01em} #prewed-lead .deliverable-text{margin:0; color:var(--ja17fc-ink); line-height:1.55} #prewed-lead .actions{display:flex; gap:12px; align-items:center; margin:16px 0 18px; flex-wrap:wrap} #prewed-lead .btn{display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:12px 16px; border-radius:var(--ja17fc-radius-sm,10px); text-decoration:none; font-weight:700; border:1px solid transparent; cursor:pointer} #prewed-lead .btn.primary{background:var(--ja17fc-primary); color:var(--ja17fc-surface); border-color:var(--ja17fc-primary)} #prewed-lead .btn.primary:hover{background:#A8624A} #prewed-lead .btn.primary:focus-visible{outline:none; box-shadow:0 0 0 3px rgba(178,106,77,.3)} #prewed-lead .btn.ghost{background:var(--ja17fc-surface); color:var(--ja17fc-ink); border-color:rgba(31,35,40,.22)} #prewed-lead .btn.ghost:hover{border-color:rgba(178,106,77,.7); box-shadow:inset 0 0 0 1px rgba(178,106,77,.35)} #prewed-lead .proof-strip{display:grid; grid-template-columns:1fr; gap:12px; margin-top:12px} #prewed-lead .proof-item{padding:12px 14px; border-radius:var(--ja17fc-radius-md,14px); border:1px solid rgba(31,35,40,.12); background:rgba(217,212,204,.22)} #prewed-lead .proof-head{margin:0 0 6px; font-size:0.95rem; font-weight:800} #prewed-lead .proof-body{margin:0; color:var(--ja17fc-ink); line-height:1.55} #prewed-lead .thin-rule{height:1px; background:rgba(31,35,40,.16); margin:22px 0 18px} #prewed-lead .lead-form-wrap{padding:6px 0 0} #prewed-lead .section-lead{margin:0 0 10px; font-size:clamp(1.5rem,2.4vw,2.25rem); letter-spacing:-.02em; line-height:1.2} #prewed-lead .section-sub{margin:0 0 18px; color:var(--ja17fc-secondary); line-height:1.6; max-width:58ch} #prewed-lead .lead-form{background:var(--ja17fc-surface); border:1px solid var(--ja17fc-border); border-radius:var(--ja17fc-radius-lg,18px); padding:18px; box-shadow:0 1px 0 rgba(31,35,40,.05)} #prewed-lead .field-row{display:grid; grid-template-columns:1fr 1fr; gap:14px} #prewed-lead .field{display:flex; flex-direction:column; gap:8px; margin-bottom:14px} #prewed-lead .label-text{font-size:0.875rem; color:var(--ja17fc-ink); font-weight:750} #prewed-lead input[type="text"],#prewed-lead input[type="email"],#prewed-lead input[type="tel"],#prewed-lead textarea{width:100%; border:1px solid rgba(31,35,40,.18); border-radius:var(--ja17fc-radius-sm,10px); padding:12px 12px; font-size:1rem; color:var(--ja17fc-ink); background:var(--ja17fc-surface)} #prewed-lead textarea{resize:vertical; min-height:120px} #prewed-lead input::placeholder,#prewed-lead textarea::placeholder{color:rgba(31,35,40,.55)} #prewed-lead input:focus,#prewed-lead textarea:focus{outline:none; border-color:rgba(178,106,77,.7); box-shadow:0 0 0 3px rgba(178,106,77,.22)} #prewed-lead .consent{margin:6px 0 16px} #prewed-lead .check{display:flex; gap:12px; align-items:flex-start} #prewed-lead .check input{position:absolute; opacity:0; pointer-events:none} #prewed-lead .check-box{width:20px; height:20px; border-radius:6px; border:1px solid rgba(31,35,40,.22); background:var(--ja17fc-surface); flex:0 0 auto; margin-top:2px} #prewed-lead .check input:checked + .check-box{border-color:var(--ja17fc-accent); background:rgba(178,106,77,.18); box-shadow:inset 0 0 0 1px rgba(178,106,77,.35)} #prewed-lead .check input:focus-visible + .check-box{box-shadow:0 0 0 3px rgba(178,106,77,.25)} #prewed-lead .check-text{color:var(--ja17fc-ink); line-height:1.45; font-size:0.95rem} #prewed-lead .consent-note{margin:10px 0 0; color:var(--ja17fc-secondary); font-size:0.9rem} #prewed-lead .link{color:var(--ja17fc-accent); text-decoration:underline; text-decoration-color:rgba(178,106,77,.45)} #prewed-lead .link:focus-visible{outline:none; box-shadow:0 0 0 3px rgba(178,106,77,.25)} #prewed-lead .submit{width:100%; margin-top:8px} #prewed-lead .microcopy{margin:12px 4px 0; color:var(--ja17fc-secondary); line-height:1.6; font-size:0.95rem} #prewed-lead ::selection{background:rgba(178,106,77,.25)} @media (max-width: 960px){#prewed-lead .spread{grid-template-columns:1fr; gap:16px}#prewed-lead .spread-media{min-height:260px}#prewed-lead .field-row{grid-template-columns:1fr}} @media (prefers-reduced-motion: reduce){#prewed-lead *{scroll-behavior:auto}} /* ja17fc:prewed-budget */ /* ja17fc:prewed-budget */ #prewed-budget{font-family:var(--ja17fc-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(1.5rem,4vw,3rem) 0;} #prewed-budget .shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #prewed-budget .section-rule{height:1px;background:var(--ja17fc-border);margin:0 0 1.5rem;} #prewed-budget .section-header{max-width:52rem;margin:0 0 1.8rem;} #prewed-budget .kicker{display:inline-block;font-size:0.875rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ja17fc-secondary);margin-bottom:0.75rem;} #prewed-budget .section-title{font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.1;margin:0 0 0.9rem;font-weight:700;letter-spacing:-0.02em;text-wrap:balance;} #prewed-budget .section-lead{margin:0;max-width:58ch;font-size:1rem;line-height:1.6;color:var(--ja17fc-text);} #prewed-budget .budget-grid{display:grid;grid-template-columns:1.05fr 1.55fr;gap:clamp(1.2rem,3vw,2.2rem);align-items:start;} #prewed-budget .budget-col{min-width:0;} #prewed-budget .rail-title{font-weight:700;font-size:1rem;margin:0 0 0.75rem;} #prewed-budget .progress-rail{position:relative;display:flex;gap:0.4rem;align-items:center;padding:1.1rem 0 0.95rem;} #prewed-budget .rail-line{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ja17fc-border);transform:translateY(-50%);} #prewed-budget .rail-node{width:40px;height:40px;border-radius:999px;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-secondary);font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 160ms ease-out,border-color 160ms ease-out,color 160ms ease-out,transform 160ms ease-out;position:relative;z-index:1;} #prewed-budget .rail-node:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 35%, transparent);outline-offset:3px;} #prewed-budget .rail-node:hover{transform:translateY(-1px);} #prewed-budget .rail-node.is-active{border-color:var(--ja17fc-primary);background:color-mix(in srgb, var(--ja17fc-primary) 12%, var(--ja17fc-surface));color:var(--ja17fc-ink);} #prewed-budget .rail-panels{margin-top:0.5rem;} #prewed-budget .rail-panel{border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);background:var(--ja17fc-surface);padding:1.05rem 1rem;box-shadow:0 1px 0 rgba(0,0,0,0.03);opacity:0;transform:translateY(6px);transition:opacity 170ms ease-out,transform 170ms ease-out;pointer-events:none;} #prewed-budget .rail-panel.is-active{opacity:1;transform:translateY(0);pointer-events:auto;} #prewed-budget .panel-head{font-weight:800;margin:0 0 0.5rem;font-size:1.02rem;} #prewed-budget .panel-text{margin:0;line-height:1.6;color:var(--ja17fc-text);} #prewed-budget .table-card{border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg);background:var(--ja17fc-surface);padding:1.1rem;box-shadow:0 1px 0 rgba(0,0,0,0.03);} #prewed-budget .table-head{padding-bottom:0.9rem;border-bottom:1px solid var(--ja17fc-border);} #prewed-budget .table-title{font-weight:900;font-size:1.12rem;letter-spacing:-0.01em;margin:0 0 0.4rem;} #prewed-budget .table-sub{margin:0;color:var(--ja17fc-secondary);line-height:1.5;font-size:0.95rem;} #prewed-budget .table-wrap{margin-top:0.95rem;} #prewed-budget .t-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;} #prewed-budget .t-row + .t-row{border-top:1px solid var(--ja17fc-border);} #prewed-budget .t-head{border-top:none;} #prewed-budget .t-cell{padding:0.85rem 0.8rem;line-height:1.55;font-size:0.98rem;} #prewed-budget .t-head .t-cell{font-weight:900;color:var(--ja17fc-ink);background:color-mix(in srgb, var(--ja17fc-bg) 70%, var(--ja17fc-surface));} #prewed-budget .t-foot .t-cell{padding-top:0.95rem;padding-bottom:0.95rem;} #prewed-budget .badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb, var(--ja17fc-primary) 55%, var(--ja17fc-border));color:var(--ja17fc-primary);background:color-mix(in srgb, var(--ja17fc-primary) 10%, var(--ja17fc-surface));border-radius:999px;padding:0.35rem 0.7rem;font-weight:900;font-size:0.85rem;margin-right:0.6rem;} #prewed-budget .foot-note{color:var(--ja17fc-secondary);font-weight:600;} #prewed-budget .thin-divider{height:1px;background:var(--ja17fc-border);margin:1.25rem 0;} #prewed-budget .tips-title{margin:0 0 0.6rem;font-size:1.05rem;font-weight:900;letter-spacing:-0.01em;} #prewed-budget .tips-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.7rem;} #prewed-budget .tip{display:flex;gap:0.65rem;align-items:flex-start;color:var(--ja17fc-text);line-height:1.6;} #prewed-budget .dot{width:10px;height:10px;border-radius:3px;background:color-mix(in srgb, var(--ja17fc-accent) 65%, white);margin-top:0.5rem;flex:0 0 auto;box-shadow:0 0 0 1px color-mix(in srgb, var(--ja17fc-accent) 25%, var(--ja17fc-border));} #prewed-budget .tips-cta-text{margin:0.9rem 0 0;color:var(--ja17fc-text);font-weight:600;} #prewed-budget .inline-link{color:var(--ja17fc-primary);text-decoration:none;border-bottom:1px solid color-mix(in srgb, var(--ja17fc-primary) 55%, transparent);padding-bottom:2px;} #prewed-budget .inline-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ja17fc-primary) 35%, transparent);outline-offset:3px;border-radius:6px;} #prewed-budget .inline-link:hover{border-bottom-color:var(--ja17fc-primary);} #prewed-budget .budget-footer{margin-top:1.8rem;} #prewed-budget .fine-rule{height:1px;background:var(--ja17fc-border);margin-bottom:1rem;} #prewed-budget .budget-foot-text{margin:0;line-height:1.7;color:var(--ja17fc-secondary);max-width:80ch;} ::selection{background:color-mix(in srgb, var(--ja17fc-primary) 25%, transparent);} #prewed-budget [role="button"], #prewed-budget button, #prewed-budget a{cursor:pointer;} @media (max-width: 900px){ #prewed-budget .budget-grid{grid-template-columns:1fr;} #prewed-budget .t-row{grid-template-columns:1fr;} #prewed-budget .t-head .t-cell{background:transparent;} #prewed-budget .t-cell{padding:0.75rem 0.6rem;} } @media (prefers-reduced-motion: reduce){ #prewed-budget .rail-node,#prewed-budget .rail-panel{transition:none;} #prewed-budget .rail-node:hover{transform:none;} } /* ja17fc:prewed-delivery */ /* ja17fc:prewed-delivery */ #prewed-delivery{--pw-container:72rem;--pw-gutter:clamp(1rem,4vw,3rem);background:var(--ja17fc-bg);color:var(--ja17fc-ink);padding:clamp(2.5rem,5vw,6rem) 0;} #prewed-delivery .pw-container{max-width:var(--pw-container);margin:0 auto;padding:0 var(--pw-gutter);} #prewed-delivery .pw-toprule,#prewed-delivery .pw-bottomrule{height:1px;background:var(--ja17fc-border);} #prewed-delivery .pw-spread{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.5rem,3vw,2.4rem);align-items:start;padding-top:clamp(1.25rem,2.2vw,2rem);} #prewed-delivery .pw-rail{padding-right:0;} #prewed-delivery .pw-eyebrow{font:600 0.95rem/1.2 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:0.02em;color:var(--ja17fc-secondary);margin:0 0 .85rem;} #prewed-delivery .pw-title{font:700 clamp(1.5rem,2.6vw,2.3rem)/1.1 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:-0.02em;margin:0 0 1rem;text-wrap:balance;} #prewed-delivery .pw-lead{margin:0 0 1.25rem;font:400 1rem/1.6 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);max-width:52ch;} #prewed-delivery .pw-mini-timeline{position:relative;margin:0 0 1.25rem;padding:1.05rem 0 0;display:flex;gap:1rem;} #prewed-delivery .pw-mini-line{position:absolute;left:0;right:0;top:2.05rem;height:2px;background:rgba(178,106,77,0.25);border-radius:999px;} #prewed-delivery .pw-mini-node{flex:1;min-width:0;position:relative;} #prewed-delivery .pw-mini-btn{width:100%;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;border:1px solid transparent;background:transparent;padding:.6rem .65rem;border-radius:var(--ja17fc-radius-md, 14px);cursor:pointer;} #prewed-delivery .pw-mini-btn:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:2px;border-color:rgba(178,106,77,0.35);} #prewed-delivery .pw-mini-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--ja17fc-bg);border:1px solid var(--ja17fc-border);color:var(--ja17fc-ink);font:700 0.95rem/1 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);} #prewed-delivery .pw-mini-label{font:600 .92rem/1.2 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #prewed-delivery .pw-mini-panel{margin-top:.55rem;font:400 .92rem/1.45 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-ink);max-width:34ch;opacity:0;transform:translateY(6px);transition:opacity 150ms ease-out, transform 150ms ease-out;height:0;overflow:hidden;} #prewed-delivery .pw-mini-node[data-active="true"] .pw-mini-btn{border-color:rgba(178,106,77,0.35);} #prewed-delivery .pw-mini-node[data-active="true"] .pw-mini-num{border-color:rgba(178,106,77,0.45);} #prewed-delivery .pw-mini-node[data-active="true"] .pw-mini-panel{opacity:1;transform:translateY(0);height:auto;overflow:visible;} #prewed-delivery .pw-proofline{height:1px;background:var(--ja17fc-border);margin:1.35rem 0 1.15rem;} #prewed-delivery .pw-proofgrid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.25rem;} #prewed-delivery .pw-proof-item{padding:.85rem .85rem;border:1px solid var(--ja17fc-border);border-radius:var(--ja17fc-radius-md, 14px);background:var(--ja17fc-surface);box-shadow:0 1px 0 rgba(31,35,40,0.03);} #prewed-delivery .pw-proof-number{margin:0;font:700 1.35rem/1.1 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);font-variant-numeric:tabular-nums;color:var(--ja17fc-primary);} #prewed-delivery .pw-proof-text{margin:.35rem 0 0;font:400 .95rem/1.5 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);color:var(--ja17fc-slate);} #prewed-delivery .pw-actions{display:flex;flex-direction:column;gap:.75rem;} #prewed-delivery .pw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1.05rem;border-radius:var(--ja17fc-radius-md, 14px);background:var(--ja17fc-primary);color:var(--ja17fc-surface);text-decoration:none;border:1px solid var(--ja17fc-primary);font:700 1rem/1.1 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);letter-spacing:0.01em;} #prewed-delivery .pw-btn:hover{background:rgba(178,106,77,0.92);border-color:rgba(178,106,77,0.92);} #prewed-delivery .pw-btn:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:2px;} #prewed-delivery .pw-cta-note{margin:0;color:var(--ja17fc-secondary);font:400 .92rem/1.5 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);max-width:55ch;} #prewed-delivery .pw-media-frame{position:relative;overflow:hidden;border-radius:var(--ja17fc-radius-lg, 18px);border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);box-shadow:0 1px 0 rgba(31,35,40,0.03);} #prewed-delivery .pw-media-img{display:block;width:100%;height:auto;} #prewed-delivery .pw-media-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.08);} #prewed-delivery .pw-media-caption{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:.75rem;} #prewed-delivery .pw-chip{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 .65rem;border-radius:999px;background:rgba(255,255,255,0.86);border:1px solid rgba(217,212,204,0.9);color:var(--ja17fc-ink);font:700 .78rem/1 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);} #prewed-delivery .pw-caption-text{color:rgba(255,255,255,0.92);font:600 .95rem/1.25 var(--ja17fc-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);text-shadow:0 1px 2px rgba(0,0,0,0.25);} #prewed-delivery ::selection{background:rgba(178,106,77,0.28);} @media (max-width: 900px){ #prewed-delivery .pw-spread{grid-template-columns:1fr;gap:1.2rem;} #prewed-delivery .pw-mini-timeline{flex-direction:column;gap:1rem;padding-top:0;} #prewed-delivery .pw-mini-line{display:none;} #prewed-delivery .pw-mini-panel{max-width:none;} } @media (prefers-reduced-motion: reduce){ #prewed-delivery .pw-mini-panel{transition:none;} } /* ja17fc:prewed-cta */ /* ja17fc:prewed-cta */ #prewed-cta{--pad:clamp(18px,3vw,28px); background:var(--ja17fc-bg); color:var(--ja17fc-ink);} #prewed-cta .container{max-width:72rem; margin:0 auto; padding:clamp(28px,5vw,56px) var(--pad);} #prewed-cta .cta-grid{display:grid; grid-template-columns:7fr 5fr; gap:clamp(18px,3vw,28px); align-items:start;} #prewed-cta .thin-rule{height:1px; background:var(--ja17fc-border); margin-bottom:16px;} #prewed-cta .cta-title{font-family:var(--font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); font-weight:800; letter-spacing:-0.02em; font-size:clamp(1.6rem,3.2vw,2.2rem); line-height:1.12; margin:0 0 10px; text-wrap:balance;} #prewed-cta .cta-lead{margin:0; font-size:1rem; line-height:1.7; color:var(--ja17fc-slate);} #prewed-cta .mini-proof{margin-top:18px; padding-top:14px;} #prewed-cta .rail{position:relative; display:flex; gap:12px; padding:10px 2px;} #prewed-cta .rail::before{content:""; position:absolute; left:12px; right:12px; top:50%; height:2px; background:var(--ja17fc-border); transform:translateY(-50%);} #prewed-cta .rail-node{position:relative; z-index:1; background:transparent; border:0; padding:6px 0; min-width:44px; cursor:pointer; color:var(--ja17fc-ink);} #prewed-cta .node-dot{display:block; width:14px; height:14px; border-radius:50%; border:2px solid var(--ja17fc-border); background:var(--ja17fc-surface); margin:0 auto 6px;} #prewed-cta .rail-node[aria-current="true"] .node-dot{border-color:var(--ja17fc-accent); box-shadow:0 0 0 4px rgba(178,106,77,0.16);} #prewed-cta .node-label{display:block; font-weight:800; font-size:0.9rem; text-align:center; font-variant-numeric:tabular-nums;} #prewed-cta .rail-node:focus-visible{outline:3px solid rgba(178,106,77,0.35); outline-offset:4px; border-radius:10px;} #prewed-cta .proof-text{margin:12px 0 0; font-size:0.95rem; line-height:1.6; color:var(--ja17fc-slate);} #prewed-cta .cta-form-wrap{align-self:stretch;} #prewed-cta .form-frame{background:var(--ja17fc-surface); border:1px solid var(--ja17fc-border); border-radius:var(--radius-lg,18px); box-shadow:0 1px 0 rgba(0,0,0,0.03), 0 10px 24px rgba(31,35,40,0.06); padding:22px;} #prewed-cta .form-title{margin:0 0 6px; font-size:1.35rem; line-height:1.25; font-weight:900; letter-spacing:-0.015em;} #prewed-cta .form-note{margin:0 0 18px; color:var(--ja17fc-slate); font-size:0.98rem; line-height:1.6;} #prewed-cta .lead-form{display:block;} #prewed-cta .field{margin:14px 0;} #prewed-cta label{display:block; font-weight:700; font-size:0.9rem; margin-bottom:8px; color:var(--ja17fc-ink);} #prewed-cta input, #prewed-cta textarea{width:100%; box-sizing:border-box; border:1px solid var(--ja17fc-border); background:var(--ja17fc-surface); border-radius:var(--radius-md,14px); padding:12px 12px; font:inherit; color:var(--ja17fc-ink);} #prewed-cta textarea{resize:vertical; min-height:120px;} #prewed-cta input:focus-visible, #prewed-cta textarea:focus-visible{outline:3px solid rgba(178,106,77,0.35); outline-offset:2px; border-color:rgba(178,106,77,0.7);} #prewed-cta .consent{margin-top:14px;} #prewed-cta .checkbox{display:flex; gap:10px; align-items:flex-start; font-size:0.95rem; color:var(--ja17fc-slate); font-weight:600;} #prewed-cta .checkbox input{margin-top:3px; width:18px; height:18px; accent-color:var(--ja17fc-accent);} #prewed-cta .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; height:44px; padding:0 18px; border-radius:var(--radius-md,14px); border:1px solid transparent; cursor:pointer; font-weight:900; font-size:1rem; text-decoration:none;} #prewed-cta .btn.primary{background:var(--ja17fc-accent); color:var(--ja17fc-surface); border-color:var(--ja17fc-accent);} #prewed-cta .btn.primary:hover{background:#a95f45;} #prewed-cta .btn.primary:active{transform:translateY(1px);} #prewed-cta .btn.primary:focus-visible{outline:3px solid rgba(178,106,77,0.35); outline-offset:3px;} #prewed-cta .microcopy{margin:12px 0 0; color:var(--ja17fc-secondary, var(--ja17fc-slate)); font-size:0.88rem; line-height:1.55;} #prewed-cta .micro-links{margin:14px 0 0; color:var(--ja17fc-slate); font-size:0.92rem; line-height:1.6;} #prewed-cta .inline-link{color:var(--ja17fc-accent); font-weight:800; text-decoration:underline; text-decoration-color:rgba(178,106,77,0.35); text-underline-offset:4px;} #prewed-cta .inline-link:focus-visible{outline:3px solid rgba(178,106,77,0.35); outline-offset:4px; border-radius:10px;} #prewed-cta ::selection{background:rgba(178,106,77,0.22);} @media (max-width: 900px){ #prewed-cta .cta-grid{grid-template-columns:1fr;} #prewed-cta .form-frame{padding:18px;} } @media (prefers-reduced-motion: reduce){ #prewed-cta *{scroll-behavior:auto;} } /* ja17fc:reservation-intro */ /* ja17fc:reservation-intro */ #reservation-intro.reservation-intro{background:var(--ja17fc-bg);color:var(--ja17fc-text);padding:clamp(2.5rem,6vw,7rem) 0;} #reservation-intro .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #reservation-intro .thin-rule{height:1px;background:var(--ja17fc-border);} #reservation-intro .bottom-rule{height:1px;background:var(--ja17fc-border);margin-top:clamp(1.5rem,4vw,3rem);} #reservation-intro .hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:stretch;} #reservation-intro .hero-media{position:relative;border-radius:var(--ja17fc-radius-lg,18px);overflow:hidden;min-height:22rem;background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);} #reservation-intro .hero-media-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.08);} #reservation-intro .hero-media:before{content:"";position:absolute;inset:-40% -20%;background:repeating-linear-gradient(115deg, rgba(178,106,77,0.18) 0 10px, rgba(121,127,107,0.10) 10px 22px, rgba(217,212,204,0.14) 22px 32px);transform:rotate(0deg);} #reservation-intro .hero-content{padding:0;} #reservation-intro .kicker{display:inline-block;font-size:0.875rem;letter-spacing:0.02em;color:var(--ja17fc-secondary);font-weight:700;text-transform:uppercase;} #reservation-intro .hero-title{margin:0.75rem 0 1rem;font-family:var(--ja17fc-font-serif, 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);font-weight:700;font-size:clamp(2rem,4vw,4rem);line-height:1.04;letter-spacing:-0.02em;text-wrap:balance;} #reservation-intro .hero-perex{margin:0 0 1.35rem;font-size:1.05rem;line-height:1.6;color:var(--ja17fc-ink);max-width:38ch;} #reservation-intro .mini-evidence{border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:var(--ja17fc-radius-md,14px);padding:1.05rem 1.1rem;margin-bottom:1.35rem;box-shadow:0 1px 0 rgba(178,106,77,0.12);} #reservation-intro .mini-title{font-weight:800;letter-spacing:0.01em;margin-bottom:0.6rem;} #reservation-intro .progress-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;} #reservation-intro .rail-step{display:flex;flex-direction:column;gap:0.45rem;align-items:flex-start;min-height:78px;} #reservation-intro .rail-step:not(:first-child){position:relative;padding-left:0.85rem;} #reservation-intro .rail-step:not(:first-child):before{content:"";position:absolute;left:0;top:12px;bottom:32px;width:1px;background:rgba(178,106,77,0.45);} #reservation-intro .rail-dot{width:18px;height:18px;border-radius:50%;background:var(--ja17fc-primary);box-shadow:0 0 0 4px rgba(178,106,77,0.14);border:1px solid rgba(178,106,77,0.35);} #reservation-intro .rail-label{font-size:0.875rem;color:var(--ja17fc-slate);font-weight:700;} #reservation-intro .cta-row{display:flex;flex-direction:column;gap:0.75rem;} #reservation-intro .primary-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:0.6rem;max-width:fit-content;text-decoration:none;color:var(--ja17fc-surface);background:var(--ja17fc-primary);border:1px solid var(--ja17fc-primary);padding:0.95rem 1.1rem;border-radius:var(--ja17fc-radius-md,14px);font-weight:800;letter-spacing:0.01em;position:relative;overflow:hidden;} #reservation-intro .primary-link:after{content:"";position:absolute;left:-10%;top:0;bottom:0;width:0;background:rgba(255,255,255,0.22);transform:skewX(-15deg);transition:width 160ms ease-out;} #reservation-intro .primary-link:hover:after{width:120%;} #reservation-intro .primary-link:focus-visible{outline:3px solid rgba(178,106,77,0.35);outline-offset:3px;} #reservation-intro .cta-subtext{margin:0;color:var(--ja17fc-secondary);font-weight:650;line-height:1.5;max-width:52ch;} #reservation-intro .fineprint{margin-top:1.05rem;} #reservation-intro .fineprint-text{margin:0.75rem 0 0;font-size:0.95rem;line-height:1.6;color:var(--ja17fc-ink);} #reservation-intro ::selection{background:rgba(178,106,77,0.28);} @media (max-width:1024px){#reservation-intro .hero-grid{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){#reservation-intro .primary-link:after{transition:none;}} /* ja17fc:reservation-form */ /* ja17fc:reservation-form */ #reservation-form{--r-pad:24px;--r-gap:16px;--r-rule:1px;--r-shadow:0 1px 0 rgba(31,35,40,0.06);background:var(--ja17fc-bg);color:var(--ja17fc-ink);} #reservation-form .reservation-wrap{max-width:72rem;margin:0 auto;padding:clamp(1.25rem,3vw,2.25rem) var(--r-pad);} #reservation-form .reservation-editorial{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:start;} #reservation-form .reservation-image{min-height:520px;background:linear-gradient(180deg, rgba(31,35,40,0.06), rgba(31,35,40,0.02)), radial-gradient(900px 400px at 20% 10%, rgba(178,106,77,0.25), transparent 60%), radial-gradient(700px 420px at 70% 40%, rgba(122,127,107,0.22), transparent 62%), var(--ja17fc-surface);border:var(--r-rule) solid var(--ja17fc-border);border-radius:var(--radius-lg);box-shadow:var(--r-shadow);} #reservation-form .reservation-content{padding-top:4px;} #reservation-form .reservation-kicker{margin:0 0 10px;font:600 0.95rem/1.25 var(--font-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');color:var(--ja17fc-slate);letter-spacing:0.02em;} #reservation-form .reservation-title{margin:0 0 12px;font:700 clamp(1.55rem,2.8vw,2.4rem)/1.06 var(--font-serif,'Optima, Segoe UI, Candara, Gill Sans, sans-serif');letter-spacing:-0.01em;text-wrap:balance;} #reservation-form .reservation-lead{margin:0 0 18px;font:500 1rem/1.55 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');color:var(--ja17fc-ink);max-width:36rem;} #reservation-form .reservation-rail{margin:0 0 18px;position:relative;border-top:var(--r-rule) solid var(--ja17fc-border);padding-top:16px;} #reservation-form .reservation-rail-line{position:absolute;left:0;right:0;top:calc(16px + 18px);height:2px;background:rgba(178,106,77,0.28);} #reservation-form .reservation-rail-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;} #reservation-form .reservation-rail-node{display:flex;justify-content:center;} #reservation-form .reservation-node-btn{appearance:none;border:var(--r-rule) solid rgba(217,212,204,0.9);background:var(--ja17fc-surface);color:var(--ja17fc-ink);padding:10px 10px;border-radius:var(--radius-md);font:650 0.95rem/1.2 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');cursor:pointer;min-height:44px;min-width:120px;transition:transform 120ms ease-out, border-color 120ms ease-out, box-shadow 120ms ease-out;} #reservation-form .reservation-node-btn:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(178,106,77,0.28);border-color:rgba(178,106,77,0.9);} #reservation-form .reservation-node-btn:hover{transform:translateY(-1px);border-color:rgba(178,106,77,0.75);} #reservation-form .reservation-rail-node.is-active .reservation-node-btn{border-color:rgba(178,106,77,0.95);box-shadow:0 0 0 1px rgba(178,106,77,0.18);} #reservation-form .reservation-rail-detail{margin-top:14px;} #reservation-form .reservation-rail-detail-inner{border-left:3px solid rgba(178,106,77,0.65);padding:10px 14px;background:rgba(217,212,204,0.28);border-radius:var(--radius-sm);box-shadow:0 1px 0 rgba(31,35,40,0.05);} #reservation-form .reservation-rail-detail-title{margin:0 0 6px;font:700 1rem/1.35 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');} #reservation-form .reservation-rail-detail-text{margin:0;font:500 0.98rem/1.55 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');color:var(--ja17fc-text);} #reservation-form .reservation-rail-bullets{margin:10px 0 0;padding:0 0 0 18px;font:600 0.95rem/1.5 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');color:var(--ja17fc-ink);} #reservation-form .reservation-form{margin-top:14px;border-top:var(--r-rule) solid var(--ja17fc-border);padding-top:18px;} #reservation-form .reservation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;} #reservation-form .field{display:flex;flex-direction:column;gap:8px;} #reservation-form .field-wide{grid-column:1 / -1;} #reservation-form .field-label{font:700 0.95rem/1.2 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');color:var(--ja17fc-ink);} #reservation-form .field-input,#reservation-form .field-textarea{width:100%;border:var(--r-rule) solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);border-radius:var(--radius-md);padding:12px 12px;font:600 1rem/1.35 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');box-sizing:border-box;transition:border-color 120ms ease-out, box-shadow 120ms ease-out;} #reservation-form .field-input::placeholder,#reservation-form .field-textarea::placeholder{color:rgba(31,35,40,0.55);} #reservation-form .field-input:focus-visible,#reservation-form .field-textarea:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(178,106,77,0.22);border-color:rgba(178,106,77,0.9);} #reservation-form .field-textarea{resize:vertical;min-height:120px;} #reservation-form .checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;user-select:none;} #reservation-form .checkbox input{position:absolute;opacity:0;pointer-events:none;} #reservation-form .checkbox-box{width:20px;height:20px;border:var(--r-rule) solid var(--ja17fc-border);background:var(--ja17fc-surface);border-radius:6px;flex:0 0 auto;margin-top:2px;box-shadow:0 1px 0 rgba(31,35,40,0.04) inset;} #reservation-form .checkbox-text{font:600 0.98rem/1.5 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');color:var(--ja17fc-text);} #reservation-form .checkbox input:focus-visible + .checkbox-box{outline:none;box-shadow:0 0 0 4px rgba(178,106,77,0.22);} #reservation-form .checkbox input:checked + .checkbox-box{border-color:rgba(178,106,77,0.95);background:rgba(178,106,77,0.12);} #reservation-form .checkbox input:checked + .checkbox-box::after{content:"";display:block;width:10px;height:6px;border-left:3px solid rgba(178,106,77,0.95);border-bottom:3px solid rgba(178,106,77,0.95);transform:rotate(-45deg);margin:4px 0 0 4px;} #reservation-form .reservation-form-note{margin:14px 0 0;font:600 0.95rem/1.55 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');color:rgba(31,35,40,0.82);} #reservation-form .reservation-actions{margin-top:18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;} #reservation-form .primary-btn{appearance:none;border:var(--r-rule) solid rgba(178,106,77,0.9);background:var(--ja17fc-primary);color:var(--ja17fc-surface);padding:12px 16px;border-radius:var(--radius-md);font:800 1rem/1.2 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');cursor:pointer;min-height:44px;transition:transform 120ms ease-out, filter 120ms ease-out, box-shadow 120ms ease-out;box-shadow:0 10px 22px rgba(178,106,77,0.14);} #reservation-form .primary-btn:hover{transform:translateY(-1px);filter:saturate(1.03);} #reservation-form .primary-btn:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(178,106,77,0.25), 0 10px 22px rgba(178,106,77,0.14);} #reservation-form .ghost-link{color:var(--ja17fc-ink);font:750 1rem/1.2 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');text-decoration:none;border-bottom:var(--r-rule) solid rgba(178,106,77,0.75);padding-bottom:2px;} #reservation-form .ghost-link:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(178,106,77,0.22);border-radius:6px;} #reservation-form .ghost-link:hover{color:rgba(31,35,40,0.9);} #reservation-form .reservation-faq-hint{margin:14px 0 0;font:650 0.95rem/1.55 var(--font-sans,'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');color:rgba(122,127,107,0.98);} #reservation-form ::selection{background:rgba(178,106,77,0.25);} @media (max-width: 1024px){#reservation-form .reservation-editorial{grid-template-columns:1fr;gap:18px;}#reservation-form .reservation-image{min-height:320px;}#reservation-form .reservation-grid{grid-template-columns:1fr;}#reservation-form .reservation-rail-line{top:calc(16px + 20px);}#reservation-form .reservation-node-btn{min-width:0; width:100%;}} @media (prefers-reduced-motion: reduce){#reservation-form .reservation-node-btn,#reservation-form .primary-btn{transition:none;}} /* ja17fc:reservation-inline-pricing */ /* ja17fc:reservation-inline-pricing */ #reservation-inline-pricing.section-wrap{background:var(--ja17fc-bg);color:var(--ja17fc-ink);padding:clamp(1.5rem,4vw,3rem) 0;} #reservation-inline-pricing .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #reservation-inline-pricing .split{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:start;} #reservation-inline-pricing .copy{padding-top:0;} #reservation-inline-pricing .kicker{font-size:0.875rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ja17fc-secondary);margin:0 0 0.6rem 0;font-weight:700;} #reservation-inline-pricing .title{font-size:clamp(1.25rem,2.6vw,2.1rem);line-height:1.15;letter-spacing:-0.02em;margin:0 0 0.9rem 0;font-weight:750;text-wrap:balance;} #reservation-inline-pricing .lead{margin:0 0 1.25rem 0;font-size:1rem;line-height:1.7;color:var(--ja17fc-ink);max-width:42ch;} #reservation-inline-pricing .timeline{position:relative;margin-top:0.75rem;border-top:1px solid var(--ja17fc-border);padding-top:1.25rem;} #reservation-inline-pricing .rail{height:2px;background:color-mix(in srgb,var(--ja17fc-border) 70%, var(--ja17fc-primary) 30%);position:absolute;left:0;right:0;top:1.55rem;} #reservation-inline-pricing .node{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--ja17fc-border);background:var(--ja17fc-surface);color:var(--ja17fc-ink);display:inline-flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer;outline:none;} #reservation-inline-pricing .node:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--ja17fc-primary) 22%, transparent);border-color:color-mix(in srgb,var(--ja17fc-primary) 60%, var(--ja17fc-border));} #reservation-inline-pricing .node[aria-expanded="true"]{border-color:color-mix(in srgb,var(--ja17fc-primary) 60%, var(--ja17fc-border));} #reservation-inline-pricing .nodes-row{display:flex;} #reservation-inline-pricing .timeline{--padX:0px;} #reservation-inline-pricing .timeline > .node{display:none;} #reservation-inline-pricing .timeline{padding-bottom:0.25rem;} #reservation-inline-pricing .timeline .node{display:inline-flex;} #reservation-inline-pricing .timeline{display:block;} #reservation-inline-pricing .node-1{margin-right:25%;left:0;top:0;position:relative;} #reservation-inline-pricing .node-2{margin-left:0;left:0;top:0;position:absolute;} #reservation-inline-pricing .node-3{margin-left:0;left:0;top:0;position:absolute;} #reservation-inline-pricing .node-4{margin-left:0;left:0;top:0;position:absolute;} #reservation-inline-pricing .timeline{min-height:240px;} #reservation-inline-pricing .node-1{position:absolute;left:0;top:0.1rem;} #reservation-inline-pricing .node-2{position:absolute;left:calc(25% - 22px);top:0.1rem;} #reservation-inline-pricing .node-3{position:absolute;left:calc(50% - 22px);top:0.1rem;} #reservation-inline-pricing .node-4{position:absolute;left:calc(75% - 22px);top:0.1rem;} #reservation-inline-pricing .panels{margin-top:4.2rem;} #reservation-inline-pricing .panel{transition:opacity 150ms ease-out, transform 150ms ease-out;} #reservation-inline-pricing .panel[hidden]{opacity:0;transform:translateY(4px);} #reservation-inline-pricing .panel:not([hidden]){opacity:1;transform:translateY(0);} #reservation-inline-pricing .panel-title{font-weight:850;letter-spacing:-0.01em;margin-bottom:0.35rem;} #reservation-inline-pricing .panel-text{color:var(--ja17fc-ink);line-height:1.65;} #reservation-inline-pricing .aside{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-md, 14px);padding:1.05rem 1.05rem 1.15rem 1.05rem;box-shadow:0 1px 0 color-mix(in srgb,var(--ja17fc-primary) 12%, transparent);} #reservation-inline-pricing .rule{height:1px;background:var(--ja17fc-border);margin-bottom:0.95rem;} #reservation-inline-pricing .aside-lead{font-size:0.95rem;font-weight:850;margin:0 0 0.7rem 0;letter-spacing:-0.01em;} #reservation-inline-pricing .list{list-style:none;padding:0;margin:0 0 1.05rem 0;} #reservation-inline-pricing .li{display:flex;gap:0.6rem;align-items:flex-start;padding:0.35rem 0;} #reservation-inline-pricing .dot{width:10px;height:10px;border-radius:50%;background:var(--ja17fc-accent);margin-top:0.45rem;flex:0 0 auto;} #reservation-inline-pricing .li-text{line-height:1.5;} #reservation-inline-pricing .note{border-top:1px solid var(--ja17fc-border);padding-top:0.85rem;} #reservation-inline-pricing .note-title{font-weight:900;margin:0 0 0.35rem 0;} #reservation-inline-pricing .note-text{color:var(--ja17fc-ink);line-height:1.65;margin:0;} #reservation-inline-pricing .cta-wrap{margin-top:1rem;} #reservation-inline-pricing .cta-link{display:inline-block;font-weight:900;color:var(--ja17fc-primary);text-decoration:none;border-bottom:2px solid color-mix(in srgb,var(--ja17fc-primary) 40%, transparent);padding-bottom:0.15rem;position:relative;} #reservation-inline-pricing .cta-link:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--ja17fc-primary) 22%, transparent);border-radius:10px;} #reservation-inline-pricing .cta-link::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--ja17fc-primary);transition:width 180ms ease-out, opacity 180ms ease-out;opacity:0.9;} #reservation-inline-pricing .cta-link:hover::after{width:100%;} #reservation-inline-pricing .cta-sub{margin:0.7rem 0 0 0;color:var(--ja17fc-ink);line-height:1.6;font-size:0.95rem;} #reservation-inline-pricing ::selection{background:color-mix(in srgb,var(--ja17fc-primary) 22%, transparent);} @media (max-width: 900px){ #reservation-inline-pricing .split{grid-template-columns:1fr;} #reservation-inline-pricing .timeline{min-height:auto;} #reservation-inline-pricing .node-2,#reservation-inline-pricing .node-3,#reservation-inline-pricing .node-4{position:absolute;} } @media (prefers-reduced-motion: reduce){ #reservation-inline-pricing .panel{transition:none;} #reservation-inline-pricing .cta-link::after{transition:none;} } /* Design System Variables */ :root{ --ja17fc-primary: #B26A4D; --ja17fc-secondary: #7A7F6B; --ja17fc-accent: #B26A4D; --ja17fc-ink: #1F2328; --ja17fc-slate: #4B5648; --ja17fc-mist: #D9D4CC; --ja17fc-border: #D9D4CC; --ja17fc-surface: #FFFFFF; --ja17fc-bg: #F7F4EF; --ja17fc-text: #1F2328; --ja17fc-font: 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif; --ja17fc-font-display: 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif; } .policy-page{ background: var(--ja17fc-bg); color: var(--ja17fc-text); font-family: var(--ja17fc-font); line-height: 1.55; padding: 24px 16px; } .policy-wrap{ max-width: 980px; margin: 0 auto; background: var(--ja17fc-surface); border: 1px solid var(--ja17fc-border); border-radius: var(--radius-lg, 18px); box-shadow: 0 1px 0 rgba(0,0,0,0.03); padding: 22px 18px; } .policy-header{ padding-bottom: 10px; } .policy-title{ margin: 0 0 10px 0; font-family: var(--ja17fc-font-display); font-size: 30px; line-height: 1.2; color: var(--ja17fc-ink); } .policy-lead{ margin: 0; color: var(--ja17fc-slate); font-size: 15px; } .policy-section{ margin-top: 18px; padding-top: 4px; } .policy-h2{ margin: 0 0 8px 0; font-size: 18px; color: var(--ja17fc-ink); } .policy-p{ margin: 0 0 10px 0; font-size: 15px; color: var(--ja17fc-text); } .policy-strong{ font-weight: 700; } .policy-list{ margin: 8px 0 10px 18px; padding: 0; } .policy-li{ margin: 8px 0; font-size: 15px; } .policy-footer{ margin-top: 22px; padding-top: 14px; border-top: 1px solid var(--ja17fc-border); } .policy-footer h2{ margin-bottom: 12px; } .policy-footer-grid{ display: block; } .policy-footer-col{ margin-bottom: 10px; } .policy-small{ margin: 14px 0 0 0; font-size: 13px; color: var(--ja17fc-secondary); } @media (min-width: 760px){ .policy-wrap{ padding: 28px 26px; } .policy-footer-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .policy-footer-col{ margin-bottom: 0; } } /* Design-system based, complete styling */ :root{ --ja17fc-primary: #B26A4D; --ja17fc-secondary: #7A7F6B; --ja17fc-accent: #B26A4D; --ja17fc-ink: #1F2328; --ja17fc-slate: #4B5648; --ja17fc-mist: #D9D4CC; --ja17fc-border: #D9D4CC; --ja17fc-surface: #FFFFFF; --ja17fc-bg: #F7F4EF; --ja17fc-text: #1F2328; --ja17fc-font: 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif; --ja17fc-font-display: 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif; } .policy-page{ background: var(--ja17fc-bg); color: var(--ja17fc-text); font-family: var(--ja17fc-font); line-height: 1.55; margin: 0; padding: 24px 14px; } .policy-wrapper{ max-width: 980px; margin: 0 auto; } .policy-header{ background: var(--ja17fc-surface); border: 1px solid var(--ja17fc-border); border-radius: var(--radius-lg, 18px); padding: 22px 18px; box-shadow: 0 1px 0 rgba(0,0,0,0.03); } .policy-title{ margin: 0 0 10px 0; font-family: var(--ja17fc-font-display); font-size: 32px; letter-spacing: 0.2px; color: var(--ja17fc-ink); } .policy-lead{ margin: 0; color: var(--ja17fc-slate); font-size: 16px; } .policy-section{ margin-top: 14px; background: var(--ja17fc-surface); border: 1px solid var(--ja17fc-border); border-radius: var(--radius-md, 14px); padding: 18px 18px; } .policy-section-title{ margin: 0 0 10px 0; font-size: 18px; color: var(--ja17fc-ink); } .policy-text{ margin: 0 0 10px 0; color: var(--ja17fc-text); } .policy-text:last-child{margin-bottom:0;} .policy-form{ margin-top: 10px; display: block; } .policy-label{ display: block; margin-top: 12px; margin-bottom: 6px; font-size: 14px; color: var(--ja17fc-slate); } .policy-input, .policy-textarea{ width: 100%; box-sizing: border-box; border: 1px solid var(--ja17fc-border); background: var(--ja17fc-bg); border-radius: var(--radius-sm, 10px); padding: 10px 12px; font-size: 15px; color: var(--ja17fc-ink); outline: none; } .policy-input:focus, .policy-textarea:focus{ border-color: var(--ja17fc-primary); box-shadow: 0 0 0 3px rgba(178,106,77,0.18); } .policy-textarea{resize: vertical; min-height: 120px;} .policy-button{ margin-top: 16px; background: var(--ja17fc-primary); color: #fff; border: 1px solid var(--ja17fc-primary); border-radius: var(--radius-md, 14px); padding: 11px 16px; font-size: 15px; cursor: pointer; } .policy-button:hover{filter: brightness(0.98);} .policy-button:active{transform: translateY(1px);} .policy-note{ margin: 12px 0 0 0; color: var(--ja17fc-slate); font-size: 13px; } .policy-footer{ margin-top: 14px; padding: 8px 2px 0 2px; } .policy-footer-card{ background: var(--ja17fc-surface); border: 1px solid var(--ja17fc-border); border-radius: var(--radius-lg, 18px); padding: 18px 18px; } .policy-footer-title{ margin: 0 0 10px 0; font-family: var(--ja17fc-font-display); font-size: 22px; color: var(--ja17fc-ink); } .policy-footer-text{ margin: 6px 0; color: var(--ja17fc-text); font-size: 14px; } .policy-legal{ margin: 12px 2px 0 2px; color: var(--ja17fc-secondary); font-size: 13px; } @media (max-width: 520px){ .policy-title{font-size: 26px;} .policy-header, .policy-section, .policy-footer-card{padding: 16px 14px;} } .policy-page{background:var(--ja17fc-bg);color:var(--ja17fc-text);font-family:var(--ja17fc-font);line-height:1.55;min-height:100vh;padding:24px 0}.policy-container{max-width:980px;margin:0 auto;padding:0 18px}.policy-header{background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg);padding:18px 18px 14px 18px}.policy-title{margin:0 0 10px 0;font-family:var(--ja17fc-font-display);font-size:28px;letter-spacing:.2px;color:var(--ja17fc-ink)}.policy-lead{margin:0;font-size:15px;color:var(--ja17fc-slate)}.policy-section{margin-top:14px;background:var(--ja17fc-surface);border:1px solid var(--ja17fc-border);border-radius:var(--radius-lg);padding:16px 18px}.policy-heading{margin:0 0 8px 0;font-size:18px;color:var(--ja17fc-ink);font-weight:700}.policy-text{margin:0 0 10px 0;font-size:15px;color:var(--ja17fc-text)}.policy-text:last-child{margin-bottom:0}.policy-contact{border:1px solid var(--ja17fc-border);border-radius:var(--radius-md);padding:12px 12px;background:#fff}.policy-contact-line{margin:0 0 8px 0;font-size:15px}.policy-contact-line:last-child{margin-bottom:0}.policy-contact-label{display:inline-block;min-width:170px;color:var(--ja17fc-slate);font-weight:700}.policy-contact-value{color:var(--ja17fc-ink)}.policy-link{color:var(--ja17fc-primary);text-decoration:underline}.policy-link:hover{color:var(--ja17fc-ink)}.policy-form{margin-top:8px}.policy-field{margin-top:12px}.policy-field:first-child{margin-top:0}.policy-label{display:block;font-size:14px;font-weight:700;color:var(--ja17fc-slate);margin-bottom:6px}.policy-input,.policy-textarea{width:100%;box-sizing:border-box;border:1px solid var(--ja17fc-border);border-radius:var(--radius-sm);padding:10px 12px;font-family:var(--ja17fc-font);font-size:15px;background:#fff;color:var(--ja17fc-ink)}.policy-textarea{resize:vertical}.policy-input:focus,.policy-textarea:focus{outline:3px solid rgba(178,106,77,.25);border-color:var(--ja17fc-primary)}.policy-submit-row{margin-top:12px;display:block}.policy-button{background:var(--ja17fc-primary);color:#fff;border:0;border-radius:var(--radius-md);padding:11px 16px;font-size:15px;font-weight:700;cursor:pointer}.policy-button:hover{background:var(--ja17fc-ink)}.policy-form-note{display:block;margin-top:10px;color:var(--ja17fc-slate);font-size:13px}.policy-footer{margin-top:16px}.policy-footer-inner{max-width:980px;margin:0 auto;padding:14px 18px 24px 18px;color:var(--ja17fc-slate);font-size:13px;text-align:left}.policy-footer-text{margin:6px 0}.@media (max-width:520px){.policy-contact-label{min-width:120px}.policy-title{font-size:24px}} /* Design system variables */ :root{ --ja17fc-primary: #B26A4D; --ja17fc-secondary: #7A7F6B; --ja17fc-accent: #B26A4D; --ja17fc-ink: #1F2328; --ja17fc-slate: #4B5648; --ja17fc-mist: #D9D4CC; --ja17fc-border: #D9D4CC; --ja17fc-surface: #FFFFFF; --ja17fc-bg: #F7F4EF; --ja17fc-text: #1F2328; --ja17fc-font: 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif; --ja17fc-font-display: 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif; } .thanks-page{ min-height: 100vh; background: var(--ja17fc-bg); color: var(--ja17fc-text); font-family: var(--ja17fc-font); padding: 28px 16px; } .thanks-card{ background: var(--ja17fc-surface); border: 1px solid var(--ja17fc-border); border-radius: var(--radius-lg, 18px); max-width: 920px; margin: 0 auto; padding: 26px 20px; box-sizing: border-box; } .thanks-title{ margin: 0; font-family: var(--ja17fc-font-display); font-size: 34px; line-height: 1.15; color: var(--ja17fc-ink); letter-spacing: 0.2px; } .thanks-text{ margin: 12px 0 0 0; font-size: 16px; line-height: 1.6; } .thanks-divider{ height: 1px; background: var(--ja17fc-border); margin: 18px 0; } .thanks-small{ margin: 12px 0 0 0; font-size: 13.5px; line-height: 1.55; color: var(--ja17fc-slate); } .thanks-legal{ color: var(--ja17fc-ink); font-weight: 600; } .thanks-actions{ margin-top: 18px; } .thanks-link{ display: inline-block; text-decoration: none; color: var(--ja17fc-primary); font-weight: 700; border: 1px solid var(--ja17fc-primary); background: transparent; padding: 10px 14px; border-radius: var(--radius-md, 14px); } .thanks-link:hover{ background: rgba(178, 106, 77, 0.08); } .thanks-footer{ max-width: 920px; margin: 18px auto 0 auto; padding: 0 0; } .footer-inner{ background: var(--ja17fc-surface); border: 1px solid var(--ja17fc-border); border-radius: var(--radius-lg, 18px); padding: 18px 20px; box-sizing: border-box; } .footer-title{ margin: 0; font-family: var(--ja17fc-font-display); font-size: 18px; color: var(--ja17fc-ink); } .footer-list{ list-style: none; padding: 0; margin: 12px 0 0 0; } .footer-item{ margin: 10px 0 0 0; font-size: 14px; line-height: 1.5; color: var(--ja17fc-slate); } .footer-label{ font-weight: 700; color: var(--ja17fc-ink); margin-right: 6px; } .footer-value{ color: var(--ja17fc-slate); } .footer-value:hover{ color: var(--ja17fc-primary); } .footer-note{ margin: 14px 0 0 0; font-size: 13.5px; color: var(--ja17fc-slate); } @media (max-width: 480px){ .thanks-card{ padding: 22px 14px; } .thanks-title{ font-size: 28px; } .footer-inner{ padding: 16px 14px; } } section[data-ja17fc-w3u]:not([data-ja17fc-w3u='header']):not([data-ja17fc-w3u='footer']) { position: relative; } section[data-ja17fc-w3u]:not([data-ja17fc-w3u='header']):not([data-ja17fc-w3u='footer']) { border-top: 1px solid var(--ja17fc-border); } section[data-ja17fc-w3u]:not([data-ja17fc-w3u='header']) h1,section[data-ja17fc-w3u]:not([data-ja17fc-w3u='header']) h2 { max-width: 20ch; letter-spacing: -0.035em; } section[data-ja17fc-w3u]:nth-of-type(even)::before { content: ''; position: absolute; top: 0; left: 0; width: 5rem; border-top: 3px solid var(--ja17fc-accent); } :root { --ja17fc-c-content-width: 72rem; --ja17fc-c-gutter: clamp(1rem, 4vw, 3rem); --ja17fc-c-measure: 65ch; --ja17fc-c-heading-display: clamp(2.5rem, 6vw, 5.5rem); } [data-ja17fc-dr] { scroll-margin-top: 1.5rem; } main > section, main [data-ja17fc-w3u] { padding-inline: var(--ja17fc-c-gutter); } [data-ja17fc-dr*='article'], [data-ja17fc-dr*='review'] { max-width: var(--ja17fc-c-measure); } h1 { font-size: var(--ja17fc-c-heading-display); } @media (max-width: 768px) { [data-ja17fc-dr] { min-width: 0; } }