:root { --paper:#faf7f0; --ink:#18231f; --muted:#64716b; --line:#dde0d7; --pine:#24574f; --pine-dark:#163b36; --pine-soft:#e2ede8; --butter:#f3d465; --coral:#e96e5b; --white:#fffefb; --shadow:0 18px 40px rgba(30,53,45,.09); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif; margin:0; line-height:1.45; }
a { color:inherit; } button { font:inherit; }
.site-header, main, footer { margin:auto; max-width:1200px; padding-left:40px; padding-right:40px; }
.site-header { align-items:center; display:flex; justify-content:space-between; min-height:88px; }
.brand { align-items:center; display:inline-flex; font-size:21px; font-weight:730; gap:10px; letter-spacing:-.65px; text-decoration:none; }.brand img { display:block; height:auto; width:34px; }.brand small { color:var(--muted); display:block; font-family:Arial,sans-serif; font-size:11px; font-weight:600; letter-spacing:0; line-height:12px; margin-top:1px; }
.header-actions { align-items:center; display:flex; gap:22px; }.header-link { color:var(--muted); font-size:14px; font-weight:650; text-decoration:none; }.language-control { background:transparent; border:1px solid var(--line); border-radius:999px; color:var(--pine); cursor:pointer; font-size:13px; font-weight:750; min-height:38px; padding:0 14px; }
.hero { align-items:center; border-bottom:1px solid var(--line); display:grid; gap:64px; grid-template-columns:minmax(0,1.08fr) minmax(330px,.74fr); padding:100px 0 96px; }.hero-copy-block { max-width:650px; }.eyebrow { color:var(--pine); font-size:11px; font-weight:800; letter-spacing:.14em; margin:0 0 20px; }
h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(51px,6.3vw,82px); letter-spacing:-.076em; line-height:.96; margin-bottom:27px; } h2 { font-size:clamp(33px,4.4vw,55px); letter-spacing:-.066em; line-height:1.01; } h3 { font-size:22px; letter-spacing:-.04em; line-height:1.08; margin:31px 0 10px; }
.hero-copy { color:var(--muted); font-size:20px; line-height:1.5; max-width:580px; }.hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:24px; margin-top:34px; }.button { border-radius:999px; display:inline-block; font-size:15px; font-weight:750; padding:14px 21px; text-decoration:none; transition:background .18s ease,transform .18s ease; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--pine); color:white; }.button-primary:hover { background:var(--pine-dark); }.text-action { color:var(--pine); font-size:15px; font-weight:750; text-decoration:none; }.text-action span { margin-left:5px; }.availability { color:var(--muted); font-size:13px; margin:20px 0 0; }
.button:focus-visible,.header-link:focus-visible,.language-control:focus-visible,footer a:focus-visible { outline:3px solid var(--butter); outline-offset:4px; }
.review-preview { background:var(--white); border:1px solid #edf0e9; border-radius:24px; box-shadow:var(--shadow); padding:25px; transform:rotate(1.4deg); }.preview-topline { align-items:center; color:var(--muted); display:flex; font-size:12px; font-weight:700; justify-content:space-between; }.status-dot { background:var(--coral); border-radius:50%; height:8px; width:8px; }.preview-kicker { color:var(--pine); font-size:11px; font-weight:800; letter-spacing:.12em; margin:35px 0 13px; }.deadline-draft { align-items:flex-start; border:1px solid var(--line); border-radius:15px; display:flex; gap:12px; margin-top:10px; padding:14px; }.deadline-draft strong,.deadline-draft span { display:block; }.deadline-draft strong { font-size:15px; letter-spacing:-.025em; }.deadline-draft span { color:var(--muted); font-size:12px; margin-top:4px; }.draft-check { align-items:center; background:var(--pine-soft); border-radius:50%; color:var(--pine); display:flex; flex:0 0 auto; font-size:12px; font-weight:900; height:22px; justify-content:center; width:22px; }.preview-note { color:var(--muted); font-size:12px; margin:18px 0 0; }.preview-note > span:first-child { color:var(--coral); }
.proof { border-bottom:1px solid var(--line); padding:96px 0; }.section-intro { align-items:end; display:flex; justify-content:space-between; }.section-intro h2 { margin:0; }.workflow-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:57px; }.workflow-grid article { border-left:1px solid var(--line); min-height:190px; padding:0 31px; }.workflow-grid article:first-child { border-left:0; padding-left:0; }.workflow-grid span { color:var(--coral); font-size:12px; font-weight:850; letter-spacing:.08em; }.workflow-grid p,.how-copy,.privacy p:not(.eyebrow) { color:var(--muted); font-size:16px; }
.how { background:var(--pine); color:#f7f4ed; display:grid; gap:70px; grid-template-columns:1fr 1fr; margin:0 -40px; padding:106px 40px; }.how .eyebrow { color:var(--butter); }.how h2 { margin:0; }.how-copy { color:#d6e0da; font-size:20px; max-width:515px; }.how-copy p:last-child { margin-bottom:0; }
.privacy { align-items:start; border-bottom:1px solid var(--line); display:grid; gap:50px; grid-template-columns:105px 1fr; padding:100px 0; }.privacy-number { color:var(--butter); font-size:92px; font-weight:750; letter-spacing:-.1em; line-height:.7; }.privacy h2 { margin-bottom:18px; }.privacy p:not(.eyebrow) { font-size:19px; max-width:690px; }
.cta { padding:105px 0; text-align:center; }.cta h2 { margin:0 auto 31px; max-width:600px; }.cta .eyebrow { margin-bottom:18px; }
footer { align-items:center; border-top:1px solid var(--line); display:grid; gap:25px; grid-template-columns:1fr auto; padding-bottom:38px; padding-top:31px; } footer .brand img { width:28px; } footer nav { display:flex; flex-wrap:wrap; gap:18px; } footer nav a,footer p { color:var(--muted); font-size:13px; } footer p { grid-column:1/-1; margin:0; }
.info-page { max-width:840px; padding-bottom:96px; padding-top:44px; }.info-page .brand { margin-bottom:76px; }.info-page .eyebrow { margin-bottom:18px; }.info-page h1 { font-size:clamp(44px,6vw,72px); max-width:760px; }.info-page h2 { font-size:27px; letter-spacing:-.045em; margin:56px 0 13px; }.info-page .lead { color:var(--muted); font-size:21px; line-height:1.5; max-width:700px; }.info-page .body-copy { color:var(--muted); font-size:16px; max-width:700px; }.info-page .support-panel { background:var(--pine); border-radius:18px; color:var(--white); margin:42px 0; padding:31px; }.info-page .support-panel h2 { font-size:26px; margin:0 0 10px; }.info-page .support-panel p { color:#d6e0da; margin:0 0 23px; max-width:520px; }.info-page .support-panel .button { background:var(--butter); color:var(--ink); }.info-page .help-list { border-top:1px solid var(--line); list-style:none; margin:38px 0 0; padding:0; }.info-page .help-list li { border-bottom:1px solid var(--line); color:var(--muted); padding:20px 0; }.info-page .help-list strong { color:var(--ink); display:block; margin-bottom:4px; }.missing-page { align-items:flex-start; display:flex; min-height:78vh; padding-top:12vh; }.missing-page .button { margin-top:12px; }
html[dir="rtl"] body { font-family:Arial,"Tahoma",sans-serif; }.rtl .site-header,.rtl .header-actions,.rtl .hero-actions,.rtl .preview-topline,.rtl .deadline-draft { flex-direction:row-reverse; }.rtl .hero { direction:rtl; }.rtl .review-preview { direction:rtl; transform:rotate(-1.4deg); }.rtl .text-action span { margin-left:0; margin-right:5px; }.rtl .workflow-grid article { border-left:0; border-right:1px solid var(--line); }.rtl .workflow-grid article:first-child { border-right:0; padding-left:31px; padding-right:0; }.rtl .workflow-grid article:last-child { padding-left:0; }.rtl footer { direction:rtl; }
@media (max-width:760px) { .site-header,main,footer { padding-left:22px; padding-right:22px; }.site-header { min-height:76px; }.header-link { display:none; }.hero { gap:50px; grid-template-columns:1fr; padding:67px 0 72px; }.review-preview { max-width:420px; transform:none; }.proof { padding:70px 0; }.workflow-grid { grid-template-columns:1fr; margin-top:37px; }.workflow-grid article,.workflow-grid article:first-child { border-left:0; border-top:1px solid var(--line); min-height:auto; padding:25px 0; }.workflow-grid article:first-child { border-top:0; padding-top:0; }.workflow-grid h3 { margin-top:15px; }.how { gap:42px; grid-template-columns:1fr; margin:0 -22px; padding:75px 22px; }.privacy { gap:26px; grid-template-columns:1fr; padding:74px 0; }.privacy-number { font-size:68px; }.cta { padding:76px 0; } footer { align-items:start; grid-template-columns:1fr; } .rtl .workflow-grid article,.rtl .workflow-grid article:first-child { border-right:0; border-top:1px solid var(--line); padding:25px 0; }.rtl .workflow-grid article:first-child { border-top:0; padding-top:0; } }