:root {
  --ink:#111318;
  --ink-soft:#1b1e24;
  --paper:#f5f3ef;
  --paper-deep:#ebe8e1;
  --muted:#6e7078;
  --coral:#ff515c;
  --coral-hot:#ff3946;
  --line:rgba(17,19,24,.12);
  --blue:#61b8ff;
  --green:#49d59c;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:Inter, "Segoe UI", Arial, sans-serif; }
main { width:100%; max-width:1200px; margin:0 auto; position:relative; }
button,input { font:inherit; }
button { color:inherit; }
a { color:inherit; text-decoration:none; }
svg { flex:none; }
.section-pad { padding:120px max(5vw,32px); }
.section-kicker { margin:0 0 22px; color:var(--coral-hot); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.19em; }
.section-kicker.light { color:#ff7b84; }

.site-header { height:76px; width:100%; max-width:none; margin:0 0 -76px; padding:0 28px; display:flex; align-items:center; justify-content:space-between; gap:32px; position:sticky; top:0; z-index:1000; color:#fff; background:rgba(17,19,24,.72); }
.brand { display:flex; align-items:center; gap:11px; font-weight:750; letter-spacing:-.02em; font-size:17px; }
.brand>img { width:34px; height:34px; object-fit:contain; filter:drop-shadow(0 10px 16px rgba(255,57,70,.24)); }
.nav-links { display:flex; gap:32px; color:rgba(255,255,255,.67); font-size:14px; }
.nav-links a { transition:.2s ease; }
.nav-links a:hover { color:#fff; }

.hero { min-height:780px; padding:150px max(5vw,32px) 200px; display:grid; grid-template-columns:minmax(400px,.83fr) minmax(520px,1.17fr); align-items:center; gap:clamp(36px,6vw,100px); overflow:hidden; position:relative; color:#fff; background:#111318; }
.hero:before { content:""; width:820px; height:820px; position:absolute; left:67%; top:48%; border:1px solid rgba(255,255,255,.045); border-radius:50%; box-shadow:0 0 0 170px rgba(255,255,255,.018),0 0 0 340px rgba(255,255,255,.012); transform:translate(-50%,-50%); pointer-events:none; }
.hero:after { content:""; width:1000px; height:650px; position:absolute; left:68%; bottom:-395px; background:url("assets/soft-coral-hero.png") center/contain no-repeat; transform:translateX(-50%); pointer-events:none; }
.hero-copy { max-width:650px; position:relative; z-index:3; }
.eyebrow { display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.62); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.18em; }
.eyebrow span { width:22px; height:2px; background:var(--coral); border-radius:4px; }
h1 { margin:23px 0 24px; font-size:62px; line-height:.98; letter-spacing:-.064em; font-weight:760; }
h1 em { color:var(--coral); font-style:normal; }
.hero-lead { max-width:600px; margin:0; color:rgba(255,255,255,.67); font-size:clamp(17px,1.4vw,20px); line-height:1.62; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:36px; }
.button { border:0; display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:10px; padding:0 22px; border-radius:14px; font-size:14px; font-weight:750; cursor:pointer; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.button:hover { transform:translateY(-2px); }
.button.primary { color:#fff; background:linear-gradient(135deg,var(--coral),var(--coral-hot)); box-shadow:0 16px 38px rgba(255,57,70,.27); }
.button.primary:hover { box-shadow:0 20px 48px rgba(255,57,70,.37); }
.button.secondary { color:#fff; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.055); }
.play { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.1); }
.micro-proof { display:flex; flex-wrap:wrap; gap:20px; margin-top:25px; color:rgba(255,255,255,.45); font-size:12px; }
.micro-proof span { display:flex; align-items:center; gap:6px; }
.micro-proof svg { color:var(--coral); }

.hero-product { min-width:0; position:relative; z-index:3; transform:perspective(1400px) rotateY(-2deg) rotateX(1deg); }
.product-window { overflow:hidden; position:relative; border:1px solid rgba(255,255,255,.17); border-radius:20px; background:#32343a; box-shadow:0 46px 100px rgba(0,0,0,.55),0 0 0 8px rgba(255,255,255,.02); }
.window-bar { height:38px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.72); background:#292b30; border-bottom:1px solid rgba(255,255,255,.07); font-size:10px; }
.window-brand { display:flex; align-items:center; gap:7px; font-weight:700; }
.window-brand img { width:19px; height:19px; object-fit:contain; }
.window-dots { display:flex; gap:5px; }
.window-dots i { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.2); }
.app-screen { width:100%; display:block; filter:saturate(.92) contrast(1.03); }
.float-card { min-width:212px; display:flex; align-items:center; gap:11px; position:absolute; padding:12px 13px; border:1px solid rgba(255,255,255,.15); border-radius:15px; background:rgba(38,40,46,.88); box-shadow:0 20px 46px rgba(0,0,0,.34); transform:translateZ(40px); }
.float-card b,.float-card small { display:block; }
.float-card b { font-size:11px; margin-bottom:3px; }
.float-card small { color:rgba(255,255,255,.48); font-size:9px; }
.float-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:var(--coral); background:rgba(255,81,92,.12); }
.float-icon.blue { color:var(--blue); background:rgba(97,184,255,.12); }
.float-capture { left:-38px; top:15%; }
.float-cloud { right:-20px; bottom:10%; }
.status-dot { width:7px; height:7px; margin-left:auto; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(72,212,154,.09); }
.copy-pill { width:29px; height:29px; margin-left:auto; display:grid; place-items:center; border-radius:9px; color:rgba(255,255,255,.62); background:rgba(255,255,255,.07); }
.tool-rail { display:flex; gap:6px; position:absolute; left:50%; bottom:-25px; padding:8px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:#24262b; box-shadow:0 18px 40px rgba(0,0,0,.4); transform:translateX(-50%); }
.tool-rail span { width:35px; height:35px; display:grid; place-items:center; border-radius:9px; color:rgba(255,255,255,.45); }
.tool-rail .active { color:#fff; background:var(--coral); }
.orbit { position:absolute; pointer-events:none; border:1px solid rgba(255,255,255,.055); border-radius:50%; }
.orbit-one { width:700px;height:700px;left:-14%;top:-37%; }
.orbit-two { width:500px;height:500px;right:-24%;bottom:-40%; }

.quick-flow { max-width:1320px; min-height:188px; margin:-50px auto 0; padding:32px 38px; display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; position:relative; z-index:5; border:1px solid var(--line); border-radius:26px; background:rgba(255,255,255,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); box-shadow:0 24px 78px rgba(26,22,20,.1); }
.quick-flow>div { display:grid; grid-template-columns:auto auto 1fr; align-items:center; column-gap:15px; }
.quick-flow>div>span { grid-row:1/3; color:#c3bdb7; font-size:12px; font-weight:800; align-self:start; margin-top:3px; }
.quick-flow>div>svg { grid-row:1/3; width:52px;height:52px;padding:12px;border-radius:14px;color:var(--coral-hot);background:#fff0f1; }
.quick-flow strong { font-size:20px; line-height:1.15; }
.quick-flow small { margin-top:7px;color:#848187;font-size:14px; line-height:1.35; }
.quick-flow>i { width:1px;height:72px;margin:0 5px;background:var(--line); }

.statement { max-width:1250px; margin:0 auto; text-align:center; }
.statement h2,.capture-copy h2,.editor-copy h2,.cloud-copy h2,.daily-heading h2,.download-section h2 { margin:0; font-size:62px; line-height:1.03; letter-spacing:-.055em; font-weight:740; }
.statement h2 span,.cloud-copy h2 span,.download-section h2 span { color:var(--coral); }
.statement>p:last-child { max-width:720px; margin:28px auto 0; color:var(--muted); font-size:18px; line-height:1.7; }

.capture-lab { max-width:1440px; margin:0 auto; display:grid; grid-template-columns:minmax(330px,.75fr) minmax(580px,1.25fr); gap:clamp(50px,8vw,120px); align-items:center; padding-top:35px; }
.capture-copy>p:not(.section-kicker) { max-width:510px; margin:27px 0 33px; color:var(--muted); font-size:17px; line-height:1.7; }
.mode-list { display:grid; gap:8px; max-width:460px; }
.mode-list button { width:100%; padding:14px 16px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; border:1px solid transparent; border-radius:13px; color:#6f7077; background:transparent; text-align:left; cursor:pointer; transition:.2s ease; }
.mode-list button:hover { background:#fff; }
.mode-list button.active { color:var(--ink); border-color:rgba(255,81,92,.22); background:#fff; box-shadow:0 10px 32px rgba(20,18,16,.07); }
.mode-list button>svg:first-child { width:35px; height:35px; padding:8px; border-radius:9px; color:#8b8d94; background:#eae7e1; }
.mode-list button.active>svg:first-child { color:var(--coral-hot); background:#fff0f1; }
.mode-list button span { font-size:14px; font-weight:750; }
.mode-list button>svg:last-child { opacity:.35; }
.capture-demo { height:610px; overflow:hidden; position:relative; border:1px solid rgba(255,255,255,.8); border-radius:30px; background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.95),transparent 30%),linear-gradient(135deg,#dedbd4,#b8bec8 55%,#89929d); box-shadow:0 40px 90px rgba(45,41,37,.17); }
.capture-demo:before { content:""; position:absolute; inset:0; opacity:.3; background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px); background-size:50px 50px; }
.desktop-menu { height:54px; padding:0 16px; display:flex; align-items:center; gap:10px; position:absolute; left:26px; right:26px; top:24px; z-index:3; border:1px solid rgba(255,255,255,.24); border-radius:15px; color:#fff; background:rgba(31,34,40,.8); box-shadow:0 15px 36px rgba(25,26,31,.18); font-size:12px; font-weight:750; }
.desktop-logo { width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#ff4a55; }
.desktop-logo img { width:22px;height:22px; }
.desktop-menu kbd { margin-left:auto;padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:7px;color:rgba(255,255,255,.6);background:rgba(255,255,255,.06);font:10px/1 ui-monospace,monospace; }
.desktop-window { position:absolute; padding:15px; border:1px solid rgba(255,255,255,.45); border-radius:17px; color:#6a6c73; background:rgba(245,246,248,.67); box-shadow:0 24px 50px rgba(45,47,52,.14); }
.desktop-window i { display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#c0c3c8; }
.desktop-window b { display:block;margin:18px 0 14px;font-size:13px; }
.desktop-window span { display:block;width:84%;height:9px;margin-top:9px;border-radius:5px;background:rgba(110,115,123,.13); }
.window-a { width:55%;height:300px;left:8%;top:124px;transform:rotate(-3deg); }
.window-b { width:47%;height:280px;right:7%;bottom:35px;transform:rotate(4deg); }
.selection-box { position:absolute; z-index:5; border:2px solid var(--coral); background:rgba(255,81,92,.07); box-shadow:0 0 0 999px rgba(20,22,27,.43); transition:all .35s cubic-bezier(.2,.8,.2,1); }
.selection-area { left:22%;top:31%;width:52%;height:38%; }
.selection-window { left:8%;top:20%;width:55%;height:50%; }
.selection-screen { left:4%;top:15%;width:92%;height:78%; }
.selection-all { left:2%;top:12%;width:96%;height:84%; }
.corner { width:12px;height:12px;position:absolute;border:3px solid #fff;background:var(--coral);border-radius:3px; }
.corner.tl { left:-7px;top:-7px; }.corner.tr { right:-7px;top:-7px; }.corner.bl { left:-7px;bottom:-7px; }.corner.br { right:-7px;bottom:-7px; }
.selection-label { position:absolute;left:-2px;top:calc(100% + 10px);display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:8px;color:#fff;background:#25282e;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 8px 22px rgba(20,20,24,.24); }
.capture-cursor { position:absolute;z-index:7;left:76%;top:69%;color:#fff;font-size:35px;line-height:1;text-shadow:0 3px 8px rgba(0,0,0,.45);transform:rotate(-10deg); }
.capture-tip { position:absolute;z-index:7;left:50%;bottom:20px;width:70%;padding:13px 16px;border-radius:12px;color:#fff;background:rgba(29,32,38,.87);transform:translateX(-50%);box-shadow:0 14px 34px rgba(28,28,32,.25); }
.capture-tip b,.capture-tip small { display:block; }.capture-tip b { font-size:11px; }.capture-tip small { margin-top:4px;color:rgba(255,255,255,.48);font-size:9px; }

.editor-section { max-width:1440px; margin:0 auto; display:grid; grid-template-columns:minmax(540px,1.2fr) minmax(390px,.8fr); gap:clamp(55px,8vw,120px); align-items:center; }
.editor-visual { position:relative; padding:48px 0 38px; }
.editor-visual:before { content:""; width:85%;height:70%;position:absolute;left:-7%;top:0;border-radius:40px;background:#dfdcd5;transform:rotate(-5deg); }
.editor-photo-frame { overflow:hidden; position:relative; z-index:2; border:0; border-radius:23px; background:#2b2e33; box-shadow:0 35px 85px rgba(30,29,27,.24); }
.photo-top { height:38px;padding:0 14px;display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.6);background:#26292e;font-size:9px; }
.photo-top span { margin-right:auto;display:flex;align-items:center;gap:6px;font-weight:700; }.photo-top span img { width:18px;height:18px; }
.photo-top i { width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2); }
.editor-photo-frame>img { width:100%;display:block; }
.active-tool-pop { display:flex;align-items:center;gap:11px;position:absolute;left:24px;bottom:24px;padding:11px 14px;border:1px solid rgba(255,255,255,.14);border-radius:13px;color:#fff;background:rgba(31,34,39,.88);box-shadow:0 16px 35px rgba(0,0,0,.3); }
.active-tool-pop>span { width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--coral); }
.active-tool-pop small,.active-tool-pop b { display:block; }.active-tool-pop small { margin-bottom:2px;color:rgba(255,255,255,.48);font-size:9px; }.active-tool-pop b { font-size:12px; }
.quality-chip { display:flex;align-items:center;gap:10px;position:absolute;z-index:4;right:-20px;bottom:5px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(35,31,29,.13); }
.quality-chip>svg { width:34px;height:34px;padding:8px;border-radius:10px;color:var(--green);background:#ebfbf4; }
.quality-chip b,.quality-chip small { display:block; }.quality-chip b { font-size:11px; }.quality-chip small { margin-top:3px;color:#919197;font-size:9px; }
.editor-copy>p:not(.section-kicker) { margin:27px 0;color:var(--muted);font-size:17px;line-height:1.7; }
.tool-description { min-height:58px; }
.tool-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }
.tool-grid button { min-height:76px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:12px;color:#777980;background:rgba(255,255,255,.55);cursor:pointer;transition:.2s ease; }
.tool-grid button:hover { border-color:rgba(255,81,92,.3);background:#fff; }
.tool-grid button.active { border-color:var(--coral);color:#fff;background:var(--coral);box-shadow:0 12px 24px rgba(255,57,70,.2); }
.tool-grid button span { font-size:10px;font-weight:750; }
.editor-detail-row { display:flex;flex-wrap:wrap;gap:15px 20px;margin-top:24px;color:#7c7e84;font-size:11px; }
.editor-detail-row span { display:flex;align-items:center;gap:6px; }.editor-detail-row svg { color:#a0a1a6; }

.cloud-section { overflow:hidden;position:relative;color:#fff;background:radial-gradient(circle at 70% 34%,rgba(79,160,255,.13),transparent 24%),radial-gradient(circle at 24% 70%,rgba(255,81,92,.1),transparent 27%),#111318; }
.cloud-section:before { content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent); }
.cloud-glow { width:420px;height:420px;position:absolute;right:10%;top:16%;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012); }
.cloud-inner { max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(380px,.8fr) minmax(560px,1.2fr);gap:clamp(60px,9vw,130px);align-items:center;position:relative;z-index:2; }
.cloud-copy>p:not(.section-kicker) { max-width:570px;margin:28px 0;color:rgba(255,255,255,.6);font-size:17px;line-height:1.72; }
.cloud-copy ul { margin:32px 0 0;padding:0;display:grid;gap:14px;list-style:none; }
.cloud-copy li { display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.68);font-size:13px; }
.cloud-copy li svg { width:24px;height:24px;padding:5px;border-radius:50%;color:#fff;background:rgba(72,213,156,.16); }
.cloud-workspace { min-height:610px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;position:relative;transform:perspective(1200px) rotateY(-3deg); }
.cloud-shot { overflow:hidden;position:relative;margin:0;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#2b2e34;box-shadow:0 30px 70px rgba(0,0,0,.3); }
.cloud-shot img { width:100%;height:540px;display:block;object-fit:cover;object-position:top center; }
.cloud-shot figcaption { min-width:190px;padding:11px 13px;display:flex;align-items:center;gap:10px;position:absolute;left:12px;bottom:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;background:rgba(28,30,35,.9);box-shadow:0 14px 32px rgba(0,0,0,.32); }
.cloud-shot figcaption>svg { width:32px;height:32px;padding:7px;border-radius:9px;color:#fff;background:var(--coral); }
.cloud-shot figcaption b,.cloud-shot figcaption small { display:block; }.cloud-shot figcaption b { font-size:11px; }.cloud-shot figcaption small { margin-top:3px;color:rgba(255,255,255,.45);font-size:9px; }
.cloud-shot-main { margin-top:28px; }
.cloud-shot-folder { transform:translateY(-22px); }
.cloud-link-demo { grid-column:1/3;margin:-54px 28px 0;padding:14px 15px;display:flex;align-items:center;gap:12px;position:relative;z-index:4;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(38,41,47,.94);box-shadow:0 22px 55px rgba(0,0,0,.34); }
.cloud-link-demo>span { min-width:0;display:flex;align-items:center;gap:10px;margin-right:auto; }.cloud-link-demo>span>svg { color:var(--blue); }.cloud-link-demo b,.cloud-link-demo small { display:block; }.cloud-link-demo b { font-size:11px; }.cloud-link-demo small { margin-top:3px;color:rgba(255,255,255,.4);font-size:9px; }
.cloud-link-demo button { min-width:118px;height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;color:#fff;background:#337dd9;font-size:10px;font-weight:750;cursor:pointer;transition:.2s ease; }.cloud-link-demo button.copied { background:#2e9d67; }
.drive-card,.share-card { border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(38,41,47,.86);box-shadow:0 30px 70px rgba(0,0,0,.28); }
.drive-card { padding:22px; }
.drive-head { display:flex;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.09); }
.drive-head b,.drive-head small { display:block; }.drive-head b { font-size:13px; }.drive-head small { margin-top:3px;color:rgba(255,255,255,.4);font-size:10px; }
.drive-mark { width:39px;height:39px;display:grid;place-items:center;position:relative;border-radius:12px;background:#fff; }
.drive-mark:before { content:"";width:19px;height:18px;background:conic-gradient(from 10deg,#ffd34e 0 33%,#4ca96a 0 66%,#4285f4 0);clip-path:polygon(50% 0,100% 100%,75% 100%,50% 48%,25% 100%,0 100%); }
.drive-mark i { display:none; }
.connected { margin-left:auto;padding:6px 9px;border-radius:999px;color:#79e4b6;background:rgba(73,213,156,.1);font-size:9px;font-weight:750; }
.drive-card>p { margin:18px 0 8px;color:rgba(255,255,255,.42);font-size:10px; }
.folder-row { display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.04); }
.folder-row>svg:first-child { color:#ffd152; }.folder-row>svg:last-child { margin-left:auto;color:var(--green); }
.folder-row b,.folder-row small { display:block; }.folder-row b { font-size:11px; }.folder-row small { margin-top:2px;color:rgba(255,255,255,.4);font-size:9px; }
.folder-actions { display:flex;justify-content:flex-end;gap:8px;margin-top:14px; }
.folder-actions button { min-height:36px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:rgba(255,255,255,.68);background:rgba(255,255,255,.04);font-size:10px;font-weight:700; }
.folder-actions button:last-child { border-color:transparent;color:#fff;background:var(--coral); }
.share-card { padding:12px;display:grid;grid-template-columns:145px 1fr;gap:14px;align-items:center; }
.share-preview { height:94px;overflow:hidden;position:relative;border-radius:12px;background:#34373d; }
.share-preview img { width:100%;height:100%;object-fit:cover; }
.share-preview span { position:absolute;left:8px;bottom:8px;padding:5px 7px;display:flex;align-items:center;gap:5px;border-radius:6px;color:#c9f9e4;background:rgba(24,31,30,.83);font-size:8px;font-weight:700; }
.share-info { min-width:0;display:flex;align-items:center;gap:10px; }
.share-info>span { min-width:0;margin-right:auto; }.share-info b,.share-info small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.share-info b { font-size:11px; }.share-info small { margin-top:4px;color:rgba(255,255,255,.38);font-size:9px; }
.share-info button { min-width:145px;height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;color:#fff;background:#337dd9;font-size:9px;font-weight:750;cursor:pointer;transition:.2s ease; }
.share-info button.copied { background:#2e9d67; }

.product-showcase { max-width:1440px;margin:0 auto; }
.showcase-heading { margin-bottom:48px;display:flex;align-items:end;justify-content:space-between;gap:60px; }
.showcase-heading h2 { margin:0;font-size:62px;line-height:1.03;letter-spacing:-.055em;font-weight:740; }.showcase-heading h2 span { color:var(--coral); }
.showcase-heading>p { max-width:420px;margin:0 0 6px;color:var(--muted);font-size:16px;line-height:1.7; }
.showcase-grid { display:grid;grid-template-columns:1.25fr .75fr;gap:18px; }
.showcase-card { min-width:0;overflow:hidden;position:relative;margin:0;border:0;border-radius:24px;background:#22252a;box-shadow:0 28px 70px rgba(32,29,27,.13); }
.showcase-card img { width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transition:transform .5s ease; }.showcase-card:hover img { transform:scale(1.015); }
.showcase-card figcaption { min-width:260px;padding:14px 16px;display:flex;align-items:center;gap:12px;position:absolute;left:16px;bottom:16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;color:#fff;background:rgba(28,30,35,.91);box-shadow:0 14px 34px rgba(0,0,0,.3); }
.showcase-card figcaption>span { width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--coral);background:rgba(255,81,92,.13);font-size:10px;font-weight:800; }.showcase-card figcaption b,.showcase-card figcaption small { display:block; }.showcase-card figcaption b { font-size:12px; }.showcase-card figcaption small { margin-top:3px;color:rgba(255,255,255,.48);font-size:9px; }
.showcase-settings { height:510px; }.showcase-link { grid-row:span 2;height:784px; }.showcase-gallery { height:256px; }

.daily-section { max-width:1440px;margin:0 auto; }
.daily-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:55px; }
.daily-heading .section-kicker { max-width:280px;margin:0 0 10px;line-height:1.6; }
.scenario-grid { display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px; }
.scenario { min-height:310px;padding:28px;display:flex;flex-direction:column;position:relative;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 12px 35px rgba(35,31,28,.04); }
.scenario.large { grid-row:span 2;min-height:636px;background:#fff; }
.scenario.wide { grid-column:span 2;min-height:310px; }
.scenario-number { position:absolute;right:22px;top:20px;color:#c6c2bc;font-size:12px;font-weight:800; }
.scenario-icon { width:64px;height:64px;margin:auto;display:grid;place-items:center;border-radius:19px;color:var(--coral);background:#fff0f1; }
.scenario-icon.blue { color:#368be3;background:#eaf4ff; }
.scenario h3 { margin:auto 0 8px;font-size:19px;letter-spacing:-.02em; }
.scenario p { margin:0;color:var(--muted);font-size:13px;line-height:1.6; }
.chat-demo { margin:55px 0 45px;padding:20px;display:grid;gap:12px;border-radius:19px;background:#f0eee9; }
.message { display:flex;align-items:center;gap:8px; }.message.own { justify-content:flex-end; }
.message p { max-width:75%;padding:10px 12px;border-radius:11px;color:#54565c;background:#fff;font-size:10px;box-shadow:0 6px 16px rgba(30,28,25,.05); }
.message.own p { color:#fff;background:#2a2d33; }
.avatar { width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#9da1aa;font-size:8px;font-weight:800; }.message.own .avatar { background:var(--coral); }
.link-bubble { margin-left:auto;width:88%;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,81,92,.17);border-radius:12px;background:#fff; }
.link-bubble>svg { width:32px;height:32px;padding:7px;border-radius:9px;color:var(--coral);background:#fff0f1; }
.link-bubble b,.link-bubble small { display:block; }.link-bubble b { font-size:9px; }.link-bubble small { margin-top:3px;color:#9b999b;font-size:8px; }
.gallery-strip { height:150px;margin:25px 0 28px;position:relative;overflow:hidden;border-radius:15px;background:#282b30; }
.gallery-strip>img { width:100%;height:100%;display:block;object-fit:cover;object-position:top center; }
.gallery-strip:after { content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(17,19,24,.72),transparent 64%); }
.gallery-strip span { position:absolute;z-index:2;left:18px;bottom:12px;padding:7px 9px;display:flex;align-items:center;gap:6px;border-radius:8px;color:#fff;background:rgba(17,19,24,.72);font-size:9px; }

.facts-section { max-width:1300px;margin:0 auto;padding:35px max(5vw,32px) 120px;display:grid;grid-template-columns:repeat(4,1fr); }
.facts-section>div { min-height:120px;padding:10px 30px;display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid var(--line); }
.facts-section>div:last-child { border-right:0; }
.facts-section strong { font-size:39px;letter-spacing:-.05em; }
.facts-section span { color:var(--muted);font-size:11px;line-height:1.5; }

.download-section { min-height:650px;overflow:hidden;position:relative;color:#fff;text-align:center;background:#111318; }
.download-section>*:not(.download-orbit) { position:relative;z-index:2; }
.download-icon { width:200px;height:200px;margin:0 auto 28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:rgba(255,255,255,.04);box-shadow:0 30px 80px rgba(255,57,70,.16); }
.download-icon img { width:68px;height:68px; }
.download-section h2 { font-size:62px; }
.download-section p:not(.section-kicker) { max-width:610px;margin:28px auto;color:rgba(255,255,255,.56);font-size:16px;line-height:1.7; }
.download-button { margin-top:7px; }
.download-notice { width:max-content;max-width:90%;margin:16px auto 0;padding:10px 14px;display:flex;align-items:center;gap:7px;border:1px solid rgba(72,213,156,.22);border-radius:10px;color:#a4e9cc;background:rgba(72,213,156,.08);font-size:10px; }
.download-orbit { position:absolute;border:1px solid rgba(255,255,255,.045);border-radius:50%; }
.download-orbit.one { width:720px;height:720px;left:50%;top:50%;transform:translate(-50%,-50%); }
.download-orbit.two { width:1020px;height:1020px;left:50%;top:50%;transform:translate(-50%,-50%); }
.download-section:after { content:"";width:900px;height:600px;position:absolute;left:50%;bottom:-390px;background:url("assets/soft-coral-download.png") center/contain no-repeat;transform:translateX(-50%);pointer-events:none; }

footer { min-height:110px;padding:30px max(5vw,32px);display:flex;align-items:center;gap:30px;color:rgba(255,255,255,.44);background:#0b0d10;font-size:11px; }
.footer-brand { color:#fff; }.footer-brand>img { width:28px;height:28px; }.footer-brand span { font-size:14px; }
footer p { margin:0 auto 0 0; }
.footer-links { margin-left:auto;display:flex;align-items:center;gap:16px; }
.footer-links a { transition:.2s ease; }.footer-links a:hover { color:#fff; }

.legal-page { min-height:100vh;background:#f5f3ef; }
.legal-header { height:82px;max-width:1440px;margin:0 auto;padding:0 max(5vw,32px);display:flex;align-items:center;gap:34px;position:absolute;inset:0 0 auto;z-index:5;color:#fff; }
.legal-brand { display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800; }.legal-brand img { width:34px;height:34px; }
.legal-header nav { margin-left:auto;display:flex;gap:25px;color:rgba(255,255,255,.58);font-size:12px; }.legal-header nav a:hover { color:#fff; }
.legal-back { padding:9px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:rgba(255,255,255,.76);font-size:11px;font-weight:700;background:rgba(255,255,255,.04); }
.legal-hero { min-height:570px;padding:150px max(5vw,32px) 90px;overflow:hidden;position:relative;color:#fff;background:#111318; }
.legal-hero:after { content:"";width:900px;height:520px;position:absolute;left:50%;bottom:-340px;background:url("assets/soft-coral-legal.png") center/contain no-repeat;transform:translateX(-50%);pointer-events:none; }
.legal-orbit { position:absolute;left:72%;top:51%;border:1px solid rgba(255,255,255,.045);border-radius:50%;transform:translate(-50%,-50%); }.legal-orbit.one { width:640px;height:640px; }.legal-orbit.two { width:980px;height:980px; }
.legal-hero-copy { max-width:1050px;margin:0 auto;position:relative;z-index:2; }
.legal-eyebrow { margin:0 0 25px;color:#ff737c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.2em; }
.legal-hero h1 { max-width:920px;margin:0;font-size:62px;line-height:.94;letter-spacing:-.065em; }
.legal-hero-copy>p:not(.legal-eyebrow) { max-width:720px;margin:28px 0 0;color:rgba(255,255,255,.58);font-size:18px;line-height:1.7; }
.legal-meta { margin-top:30px;display:flex;flex-wrap:wrap;gap:10px; }.legal-meta span { padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:9px;color:rgba(255,255,255,.47);background:rgba(255,255,255,.035);font-size:10px; }
.legal-jump { margin-top:26px;display:flex;gap:8px; }.legal-jump a { padding:9px 15px;border-radius:9px;color:#fff;background:rgba(255,255,255,.075);font-size:11px;font-weight:750; }.legal-jump a:first-child { background:var(--coral); }
.legal-content { max-width:1240px;margin:0 auto;padding:100px max(5vw,32px) 125px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:80px;align-items:start; }
.legal-documents { min-width:0;display:grid;gap:100px; }
.legal-document { min-width:0;scroll-margin-top:30px; }
.legal-language { margin-bottom:40px;display:flex;align-items:center;gap:14px;color:var(--coral-hot);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em; }.legal-language i { height:1px;flex:1;background:linear-gradient(to right,rgba(255,81,92,.35),transparent); }
.legal-section { padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line);scroll-margin-top:28px; }.legal-section:last-child { margin-bottom:0; }
.legal-section h2 { margin:0 0 18px;font-size:25px;line-height:1.25;letter-spacing:-.025em; }
.legal-section p,.legal-section li { color:#64666d;font-size:15px;line-height:1.78; }
.legal-section p { margin:0 0 13px; }.legal-section p:last-child { margin-bottom:0; }
.legal-section ul { margin:0;padding:0;display:grid;gap:11px;list-style:none; }.legal-section li { padding-left:21px;position:relative; }.legal-section li:before { content:"";width:7px;height:7px;position:absolute;left:0;top:.72em;border:2px solid var(--coral);border-radius:50%; }
.legal-section a { color:#e53844;text-decoration:underline;text-decoration-color:rgba(229,56,68,.28);text-underline-offset:3px; }
.legal-aside { padding:25px;position:sticky;top:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 46px rgba(35,31,28,.06); }
.legal-aside-icon { width:48px;height:48px;margin-bottom:24px;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--coral);font-size:23px;font-weight:800;box-shadow:0 14px 30px rgba(255,57,70,.22); }
.legal-aside h3 { margin:0 0 12px;font-size:17px; }.legal-aside p { margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.7; }.legal-aside>a { color:var(--coral-hot);font-size:11px;font-weight:800; }
.legal-footer { min-height:110px;padding:28px max(5vw,32px);display:flex;align-items:center;gap:34px;color:rgba(255,255,255,.45);background:#0b0d10;font-size:11px; }.legal-footer nav { margin-left:auto;display:flex;gap:18px; }.legal-footer nav a:hover { color:#fff; }.legal-footer .legal-brand { color:#fff; }

@media (max-width:1120px) {
  .hero { grid-template-columns:1fr;padding-top:130px; }
  .hero-copy { max-width:760px; }
  .hero-product { max-width:820px;width:90%;margin:25px auto 0; }
  .quick-flow { margin:-50px 24px 0; }
  .float-capture { left:-22px; }
  .capture-lab,.editor-section,.cloud-inner { grid-template-columns:1fr; }
  .capture-copy,.editor-copy,.cloud-copy { max-width:760px; }
  .capture-demo { width:min(850px,100%);margin:0 auto; }
  .editor-visual { width:min(900px,100%); }
  .cloud-workspace { width:min(820px,100%);transform:none; }
  .showcase-grid { grid-template-columns:1fr 1fr; }
  .showcase-settings { grid-column:1/3; }
  .showcase-link { grid-row:auto;height:560px; }
  .showcase-gallery { height:560px; }
  .scenario-grid { grid-template-columns:1fr 1fr; }
  .scenario.large { grid-row:span 1;min-height:500px; }
  .scenario.wide { grid-column:span 2; }
  .facts-section { grid-template-columns:1fr 1fr; }
  .facts-section>div:nth-child(2) { border-right:0; }
  .facts-section>div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}

@media (max-width:720px) {
  .section-pad { padding:82px 20px; }
  .site-header { padding:0 20px; }
  .nav-links { display:none; }
  .hero { min-height:auto;padding:120px 20px 78px; }
  .hero-copy h1 { font-size:49px; }
  .hero-lead { font-size:16px; }
  .hero-actions .button { width:100%; }
  .micro-proof { display:grid;gap:9px; }
  .hero-product { width:100%;margin-top:12px;transform:none; }
  .window-bar { height:30px; }
  .float-card { min-width:0;padding:9px; }
  .float-card b { font-size:9px; }
  .float-card small { display:none; }
  .float-capture { left:-5px;top:11%; }
  .float-cloud { right:-5px;bottom:6%; }
  .float-icon { width:28px;height:28px; }
  .quick-flow { min-height:0;margin:-50px 14px 0;padding:22px 20px;grid-template-columns:1fr; }
  .quick-flow>div { column-gap:14px; }
  .quick-flow>div>svg { width:48px;height:48px;padding:11px; }
  .quick-flow strong { font-size:18px; }
  .quick-flow small { font-size:13px; }
  .quick-flow>i { width:100%;height:1px;margin:18px 0; }
  .tool-rail { display:none; }
  .statement { padding-top:95px; }
  .statement h2,.capture-copy h2,.editor-copy h2,.cloud-copy h2,.daily-heading h2 { font-size:43px; }
  .statement>p:last-child { font-size:15px; }
  .capture-lab { padding-top:10px; }
  .capture-demo { height:460px;border-radius:22px; }
  .desktop-menu { left:14px;right:14px;top:14px; }
  .desktop-menu kbd { display:none; }
  .window-a { width:66%;height:240px;left:4%; }
  .window-b { width:60%;height:220px;right:2%; }
  .capture-tip { width:88%; }
  .editor-section { display:flex;flex-direction:column-reverse; }
  .editor-visual { padding:28px 0; }
  .quality-chip { right:0;bottom:0; }
  .tool-grid { grid-template-columns:repeat(2,1fr); }
  .editor-detail-row { display:grid; }
  .cloud-inner { gap:40px; }
  .cloud-workspace { min-height:0;grid-template-columns:1fr 1fr;gap:10px; }
  .cloud-shot img { height:410px; }
  .cloud-shot-main { margin-top:14px; }.cloud-shot-folder { transform:none; }
  .cloud-shot figcaption { min-width:0;right:8px;left:8px;bottom:8px; }.cloud-shot figcaption small { display:none; }
  .cloud-link-demo { margin:-28px 10px 0;grid-column:1/3; }
  .drive-card { padding:16px; }
  .share-card { grid-template-columns:105px 1fr; }
  .share-info { display:block; }.share-info button { width:100%;margin-top:10px; }
  .connected { display:none; }
  .daily-heading { display:block; }
  .showcase-heading { display:block; }.showcase-heading>p { margin-top:22px; }
  .showcase-grid { grid-template-columns:1fr; }
  .showcase-settings,.showcase-link,.showcase-gallery { grid-column:auto;height:360px; }
  .showcase-link { height:560px; }.showcase-card figcaption { min-width:0;right:12px;left:12px;bottom:12px; }
  .daily-heading .section-kicker { margin-bottom:20px; }
  .scenario-grid { grid-template-columns:1fr; }
  .scenario.large,.scenario { min-height:330px; }
  .scenario.wide { grid-column:auto; }
  .chat-demo { margin:40px 0 30px; }
  .facts-section { padding:20px 20px 82px;grid-template-columns:1fr 1fr; }
  .facts-section>div { min-height:110px;padding:10px;display:block;text-align:center; }
  .facts-section strong,.facts-section span { display:block; }
  .facts-section strong { margin-bottom:8px;font-size:31px; }
  .download-section { min-height:610px; }
  .download-section h2 { font-size:54px; }
  footer { padding:35px 20px;display:grid;text-align:center; }
  footer .brand { justify-content:center; }
  footer .footer-links { margin:0;justify-content:center; }
  footer p { margin:0;order:4; }
  .footer-links { justify-content:center;flex-wrap:wrap; }
  .legal-header { height:76px;padding:0 20px; }.legal-header nav { display:none; }.legal-back { margin-left:auto; }
  .legal-hero { min-height:560px;padding:130px 20px 75px; }.legal-hero h1 { font-size:52px; }.legal-hero-copy>p:not(.legal-eyebrow) { font-size:16px; }
  .legal-content { padding:75px 20px 90px;grid-template-columns:1fr;gap:55px; }.legal-documents { gap:75px; }.legal-aside { position:static;grid-row:1; }
  .legal-section h2 { font-size:22px; }.legal-section p,.legal-section li { font-size:14px; }
  .legal-footer { padding:38px 20px;display:grid;justify-items:center;text-align:center; }.legal-footer nav { margin:0;display:flex;flex-wrap:wrap;justify-content:center; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  * { transition:none!important; }
}

[hidden]{display:none!important}.download-notice{margin-top:18px;display:inline-flex;align-items:center;gap:8px;color:#dff9ec;font-size:13px}.mode-list button,.tool-grid button,.cloud-link-demo button{appearance:none}.static-note{font-size:12px;opacity:.7}

/* === Full-width sections + 1200px semantic grid with edge-bleed visuals === */
@media (min-width:1121px) {
  main {
    width:100%;
    max-width:none;
    margin:0;
  }

  /* Header stays on the 1200px semantic grid and overlays the hero. */
  .site-header {
    width:min(calc(100% - 48px),1200px);
    max-width:1200px;
    margin:0 auto -76px;
    padding:0 24px;
  }

  /* Full-bleed dark hero. Text stays in the centered 1200px grid;
     the product visual is allowed to continue almost to the right viewport edge. */
  .hero {
    width:100%;
    max-width:none;
    padding:150px 0 200px;
    grid-template-columns:minmax(24px,1fr) 500px 700px minmax(24px,1fr);
    column-gap:0;
  }
  .hero-copy {
    grid-column:2;
    width:100%;
    max-width:500px;
    padding-right:52px;
  }
  .hero-product {
    grid-column:3 / 5;
    width:auto;
    max-width:none;
    margin-right:10%;
  }

  /* Text-left / visual-right sections: content grid is 1200px,
     visual continues through the outer right gutter. */
  .capture-lab {
    width:100%;
    max-width:none;
    padding:120px 0;
    grid-template-columns:minmax(24px,1fr) 500px 700px minmax(24px,1fr);
    column-gap:0;
  }
  .capture-copy {
    grid-column:2;
    width:100%;
    max-width:500px;
    padding-right:52px;
  }
  .capture-demo {
    grid-column:3 / 5;
    width:auto;
    max-width:none;
    margin-right:10%;
  }

  /* Visual-left / text-right section: visual continues through the left gutter. */
  .editor-section {
    width:100%;
    max-width:none;
    padding:120px 0;
    grid-template-columns:minmax(24px,1fr) 700px 500px minmax(24px,1fr);
    column-gap:0;
  }
  .editor-visual {
    grid-column:1 / 3;
    width:auto;
    max-width:none;
    margin-left:10%;
    margin-right:0;
  }
  .editor-copy {
    grid-column:3;
    width:100%;
    max-width:500px;
    padding-left:52px;
  }

  /* Cloud keeps its dark background full viewport width while its copy stays
     on the 1200px grid and the screenshots bleed toward the right edge. */
  .cloud-section {
    width:100%;
    max-width:none;
  }
  .cloud-inner {
    width:100%;
    max-width:none;
    padding:120px 0;
    grid-template-columns:minmax(24px,1fr) 500px 700px minmax(24px,1fr);
    column-gap:0;
  }
  .cloud-copy {
    grid-column:2;
    width:100%;
    max-width:500px;
    padding-right:52px;
  }
  .cloud-workspace {
    grid-column:3 / 5;
    width:auto;
    max-width:none;
    margin-right:10%;
  }

  /* Pure content sections remain centered on the 1200px semantic column. */
  .quick-flow,
  .statement,
  .product-showcase,
  .daily-section,
  .facts-section {
    width:calc(100% - 48px);
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
  }

  /* Full-width dark closing section; actual text already has narrow max-widths. */
  .download-section {
    width:100%;
    max-width:none;
  }

  /* Footer background spans the viewport; its content aligns to the 1200px grid. */
  footer {
    width:100%;
    max-width:none;
    padding-left:max(24px,calc((100vw - 1200px)/2));
    padding-right:max(24px,calc((100vw - 1200px)/2));
  }
}

/* Mirror the desktop header and menus for right-to-left languages. */
html[dir="rtl"] .site-header .header-inner {
  direction:rtl;
}

html[dir="rtl"] .site-header .nav-links {
  direction:rtl;
}

html[dir="rtl"] .site-header .header-actions {
  direction:rtl;
}

html[dir="rtl"] .site-header .nav-links > .nav-support {
  margin-left:0;
  padding-left:0;
  margin-right:-18px;
  padding-right:18px;
}

html[dir="rtl"] .site-header .nav-links > .nav-support::before {
  left:auto;
  right:0;
}

html[dir="rtl"] .nav-links .nav-support .nav-dropdown-menu {
  left:auto !important;
  right:0 !important;
  text-align:right;
  transform-origin:top right;
}

html[dir="rtl"] .nav-links .nav-support .nav-dropdown-menu a {
  justify-content:flex-end;
  text-align:right;
}

html[dir="rtl"] .site-header .language-panel {
  left:0;
  right:auto;
}

@media (min-width:761px) and (max-width:1120px) {
  html[dir="rtl"] .site-header .header-actions .language-menu { order:1; }
  html[dir="rtl"] .site-header .header-actions .step-progress { order:2; }
}

@media (min-width:761px) {
  html[dir="rtl"] .site-header .header-actions {
    margin-left:0 !important;
    margin-right:auto !important;
  }
}

@media (max-width:760px) {
  html[dir="rtl"] .site-header .header-actions .language-menu { order:1; }
  html[dir="rtl"] .site-header .header-actions .step-progress { order:2; }
}

@media (min-width:1121px) {
  html[dir="rtl"] .site-header .header-actions .step-progress {
    left:5px;
    right:auto;
  }
}

@media (min-width:1121px) and (max-width:1500px) {
  html[dir="rtl"] .site-header .header-actions {
    padding-left:145px;
    box-sizing:border-box;
  }
}


/* === Full-width compact header + language menu === */
.site-header {
  width:100%;
  max-width:none;
  height:62px;
  margin:0 0 -62px;
  padding:0;
  display:block;
  position:sticky;
  top:0;
  z-index:1000;
  color:#fff;
  background:rgba(17,19,24,.78);
}
.header-inner {
  width:min(calc(100% - 40px),1200px);
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.site-header .brand {
  height:100%;
  display:flex;
  align-items:center;
}
.site-header .brand>img { width:30px; height:30px; }
.nav-links {
  height:auto;
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  font-family:Inter, "Segoe UI", Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1;
}
.nav-links a {
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 2px;
}
.header-actions {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.language-toggle {
  min-height:32px;
  height:32px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.055);
  font:700 12px/1 Inter,"Segoe UI",Arial,sans-serif;
}
.language-toggle { cursor:pointer; }
.language-toggle:hover { border-color:rgba(255,255,255,.44); background:rgba(255,255,255,.10); }
.language-menu { position:relative; }
.language-panel {
  width:210px;
  max-height:420px;
  overflow:auto;
  position:absolute;
  right:0;
  top:39px;
  padding:7px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:#1d2026;
  box-shadow:0 18px 50px rgba(0,0,0,.34);
}
.language-panel button {
  width:100%;
  min-height:34px;
  padding:0 10px;
  display:flex;
  align-items:center;
  border:0;
  border-radius:8px;
  color:rgba(255,255,255,.82);
  background:transparent;
  font-size:12px;
  text-align:left;
  cursor:pointer;
}
.language-panel button:hover { color:#fff; background:rgba(255,255,255,.08); }
.language-panel .language-divider {
  width:calc(100% - 8px);
  height:2px;
  flex:0 0 auto;
  margin:8px 4px 7px;
  background:rgba(255,255,255,.52);
}
.language-panel .all-languages {
  margin-top:5px;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.10);
  border-radius:0 0 8px 8px;
  color:#ff7b84;
}

/* Requested tall screenshot: crop/anchor from its right side rather than the left. */
.showcase-link img { object-position:top right; }

@media (min-width:1121px) {
  .site-header { width:100%; max-width:none; margin:0 0 -62px; padding:0; }
}
@media (max-width:760px) {
  .site-header { height:56px; margin-bottom:-56px; }
  .header-inner { width:calc(100% - 24px); display:flex; justify-content:space-between; gap:10px; }
  .nav-links { display:none; }
  .header-actions { gap:6px; }
  .language-toggle { width:auto; padding:0 11px; }
  .language-panel { right:-54px; top:37px; }
}

/* === Header vertical alignment === */
.header-inner {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
}
.site-header .brand {
  align-self:center;
  justify-self:start;
}
.nav-links {
  height:auto;
  align-self:center;
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
}
.nav-links a {
  height:auto;
  padding:0 2px;
  display:flex;
  align-items:center;
  font-weight:700;
  text-transform:uppercase;
  line-height:1;
}
.header-actions {
  align-self:center;
  justify-self:end;
}

/* === Sticky header blur only while page is scrolled === */
.site-header {
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.site-header.is-scrolled {
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

/* Keep the compact header legible: only the brand and the language control stay visible. */
@media (max-width:760px) {
  .site-header .header-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .site-header .nav-links { display:none; }
  .site-header .language-toggle { width:auto; padding:0 11px; }
}


.step-heading{display:flex;align-items:flex-start;gap:18px}.step-heading>h1,.step-heading>h2{flex:1;min-width:0}.step-badge{position:relative;left:-28px;flex:0 0 52px;width:52px;height:52px;margin-top:7px;display:grid;place-items:center;border:1px solid rgba(255,81,92,.22);border-radius:15px;color:var(--coral-hot);background:#fff0f1;font-size:12px;font-weight:800;letter-spacing:.08em}.hero-copy>.step-heading>h1{margin-top:23px}[data-step].is-current-step .step-badge{color:#fff;background:var(--coral);border-color:var(--coral);box-shadow:0 12px 28px rgba(255,81,92,.22)}.step-progress{min-width:126px;padding:7px 10px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:rgba(255,255,255,.82);background:rgba(255,255,255,.06);box-shadow:0 8px 22px rgba(0,0,0,.12)}.step-progress-label{font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.step-progress-segments{width:56px;display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.step-progress-segments i{height:4px;border-radius:99px;background:rgba(255,255,255,.22);transition:background .2s ease,box-shadow .2s ease}.step-progress-segments i.is-active{background:var(--coral);box-shadow:0 0 8px rgba(255,81,92,.45)}.step-progress-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media (max-width:720px){.step-progress{min-width:0;padding:7px 8px;gap:6px}.step-progress-segments{width:42px}.step-progress-label{font-size:10px}.step-heading{gap:12px}.step-badge{left:-14px;flex-basis:42px;width:42px;height:42px;margin-top:5px;border-radius:12px;font-size:10px}.hero-copy>.step-heading>h1{margin-top:14px}}
.language-icon{width:16px;height:16px;flex:0 0 16px;display:block}

.step-heading{display:flow-root;position:relative}.step-heading>h1,.step-heading>h2{display:block;flex:none;width:100%}.step-badge{position:absolute;left:-52px;top:5px;margin-top:0;z-index:1}.hero-copy>.step-heading .step-badge{top:23px}
@media (max-width:720px){.step-badge{left:-48px;top:3px}.hero-copy>.step-heading .step-badge{top:14px}}

.step-badge{left:-70px;top:-2px}.statement .step-badge{left:-63px}.hero-copy>.step-heading .step-badge{top:16px}
@media (max-width:720px){.step-badge{left:-50px;top:-4px}.statement .step-badge{left:-46px}.hero-copy>.step-heading .step-badge{top:7px}}
.step-badge{z-index:9}
.step-badge{font-size:50px}
.step-heading>.step-badge{font-size:50px!important;line-height:1!important}
.step-heading>.step-badge{font-size:12px!important}
#capture{scroll-margin-top:0px}
.app-screen,.editor-photo-frame>img,.cloud-shot img,.showcase-card img,.gallery-strip>img{filter:brightness(.9)!important}
/* Shared language control on legal pages. */
.legal-header .legal-language-menu { margin-left:0; }
.legal-header .language-panel { z-index:20; }
@media (max-width:720px) { .legal-header { gap:10px; } .legal-header .legal-language-menu { margin-left:auto; } .legal-header .legal-back { margin-left:0; } }

/* Header support menu with related legal pages. */
.nav-dropdown { position:relative; display:flex; align-items:center; }
.nav-dropdown-menu {
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:190px;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(22,24,31,.97);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-5px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.nav-dropdown-menu a { width:100%; justify-content:flex-start; padding:0 12px; border-radius:8px; white-space:nowrap; }
.nav-dropdown-menu a:hover, .nav-dropdown-menu a:focus-visible { background:rgba(255,255,255,.08); }
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

/* Unified site header and stable support submenu on every page. */
.legal-header.site-header {
  width:100%;
  max-width:none;
  height:62px;
  margin:0 0 -62px;
  padding:0;
  position:sticky;
  inset:auto;
  display:block;
  z-index:1000;
  background:rgba(17,19,24,.78);
}
.legal-header.site-header .header-inner { width:min(calc(100% - 40px),1200px); height:100%; margin:0 auto; }
.legal-header.site-header .nav-links { margin:0; color:rgba(255,255,255,.67); }
.legal-header.site-header .header-actions { margin:0; }
.legal-header.site-header .legal-language-menu { margin:0; }
.legal-header.site-header .legal-back { display:none; }
.nav-dropdown::after { content:""; position:absolute; left:0; right:0; top:100%; height:34px; }
.nav-dropdown-menu { left:0; right:auto; top:calc(100% + 10px); z-index:30; }
.nav-dropdown-menu a { justify-content:flex-start; color:rgba(255,255,255,.72); font-family:Inter, "Segoe UI", Arial, sans-serif; font-size:12px; font-weight:400; line-height:1; text-transform:uppercase; letter-spacing:.08em; }
.nav-dropdown-menu a:hover, .nav-dropdown-menu a:focus-visible { color:#fff; }
@media (max-width:720px) {
  .legal-header.site-header { height:56px; margin-bottom:-56px; }
  .legal-header.site-header .header-inner { width:calc(100% - 24px); }
}

/* Final navigation polish: light type, a divider before Support, and compact scrolling. */
.nav-links > a,
.nav-links > .nav-support > .nav-dropdown-toggle,
.nav-dropdown-menu a {
  font-weight:300 !important;
}

.nav-links > .nav-support {
  padding-left:17px;
  margin-left:-17px;
}
.nav-links > .nav-support::before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:22px;
  background:rgba(255,255,255,.28);
  transform:translateY(-50%);
}

.nav-links .nav-support .nav-dropdown-menu {
  left:0 !important;
  right:auto !important;
  text-align:left;
  transform-origin:top left;
}

/* Keep the top navigation anchored to the header center on every section/page. */
@media (min-width:761px) {
  .site-header .header-inner {
    position:relative;
  }
  .site-header .nav-links {
    position:absolute;
    left:50%;
    top:50%;
    width:max-content;
    flex:none;
    gap:34px;
    transform:translate(-50%,-50%);
  }
}

.language-panel {
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.38) transparent;
  scrollbar-gutter:stable;
}
.language-panel::-webkit-scrollbar {
  width:6px;
  height:6px;
}
.language-panel::-webkit-scrollbar-track {
  background:transparent;
}
.language-panel::-webkit-scrollbar-thumb {
  border:1px solid transparent;
  border-radius:999px;
  background:rgba(255,255,255,.38);
  background-clip:padding-box;
}
.language-panel::-webkit-scrollbar-thumb:hover {
  background:rgba(255,255,255,.58);
  background-clip:padding-box;
}

/* Keep menu positions stable when a page or language changes label widths. */
@media (min-width:761px) {
  .site-header .header-inner {
    display:flex;
  }
  .site-header .header-actions {
    margin-left:auto !important;
  }
  .site-header .nav-links {
    width:max-content;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:34px;
  }
  .site-header .nav-links > a,
  .site-header .nav-links > .nav-support {
    width:auto;
    margin:0;
    padding:0;
    justify-content:center;
  }
  .site-header .nav-links > .nav-support {
    margin-left:-18px;
    padding-left:18px;
  }
  .site-header .nav-links > .nav-support > .nav-dropdown-toggle {
    width:auto;
    justify-content:center;
  }
.site-header .nav-links > .nav-support::before {
    left:0;
  }
}

/* Make the Support dropdown use the same surface as the language menu. */
.nav-links .nav-support .nav-dropdown-menu {
  width:210px;
  min-width:210px;
  max-height:420px;
  overflow:auto;
  top:28px;
  padding:7px;
  gap:0;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:#1d2026;
  box-shadow:0 18px 50px rgba(0,0,0,.34);
}
.nav-links .nav-support .nav-dropdown-menu a {
  width:100%;
  min-height:34px;
  padding:0 10px;
  display:flex;
  align-items:center;
  border:0;
  border-radius:8px;
  color:rgba(255,255,255,.82);
  background:transparent;
  font:400 12px/1 Inter,"Segoe UI",Arial,sans-serif;
  font-weight:400 !important;
  line-height:normal;
  text-align:left;
  text-transform:none;
  letter-spacing:normal;
}
.nav-links .nav-support .nav-dropdown-menu a:hover,
.nav-links .nav-support .nav-dropdown-menu a:focus-visible {
  color:#fff;
  background:rgba(255,255,255,.08);
}
.nav-links .nav-support .nav-dropdown-menu {
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.38) transparent;
  scrollbar-gutter:stable;
}
.nav-links .nav-support .nav-dropdown-menu::-webkit-scrollbar {
  width:6px;
  height:6px;
}
.nav-links .nav-support .nav-dropdown-menu::-webkit-scrollbar-track {
  background:transparent;
}
.nav-links .nav-support .nav-dropdown-menu::-webkit-scrollbar-thumb {
  border:1px solid transparent;
  border-radius:999px;
  background:rgba(255,255,255,.38);
  background-clip:padding-box;
}

/* Use round dots for the step progress indicator. */
.step-progress-segments{width:auto !important;display:flex;align-items:center;gap:4px}
.step-progress-segments i{width:8px;height:8px;flex:0 0 8px;border-radius:50%}
@media(max-width:720px){.step-progress-segments{width:auto !important;gap:3px}.step-progress-segments i{width:6px;height:6px;flex-basis:6px}}

/* Keep the progress indicator at the far right of the desktop header. */
@media (min-width:761px) {
  .site-header .header-actions .language-menu { order:1; }
  .site-header .header-actions .step-progress { order:2; }
}

/* The progress pill and language button must share the exact same height. */
.site-header .step-progress,
.site-header .language-toggle {
  height:32px;
  min-height:32px;
  box-sizing:border-box;
}

/* Anchor the language control and the rightmost progress indicator to the viewport edge. */
@media (min-width:1121px) {
  .site-header .header-inner { position:relative; }
  .site-header .header-actions { position:static; }
  .site-header .header-actions .language-menu { order:2; }
  .site-header .header-actions .step-progress {
    position:fixed;
    top:15px;
    right:5px;
    z-index:1001;
    order:1;
  }
}

@media (min-width:761px) and (max-width:1120px) {
  .site-header .header-inner { position:relative; }
  .site-header .header-actions { position:static; }
  .site-header .header-actions .language-menu { order:2; }
  .site-header .header-actions .step-progress { position:static; order:1; }
}

@media (min-width:1121px) and (max-width:1500px) {
  .site-header .header-actions { padding-right:145px; box-sizing:border-box; }
}

/* Center the edge-pinned indicator on the same vertical line as the language button. */
@media (min-width:1121px) {
  .site-header .header-inner { position:static; }
  .site-header .header-actions .step-progress {
    position:absolute;
    top:15px;
    right:5px;
    transform:none;
  }
  .site-header .header-actions .language-toggle { transform:none; }
}

/* On narrow screens, keep every section number visible above its heading. */
@media (max-width:1120px) {
  .step-heading {
    display:flex !important;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    position:relative;
    margin-top:24px !important;
  }

  .step-heading > .step-badge {
    position:static !important;
    left:auto !important;
    top:auto !important;
    margin:0 !important;
    width:52px !important;
    height:52px !important;
    flex:0 0 52px !important;
    font-size:12px !important;
    line-height:1 !important;
    align-self:flex-start;
  }

  .step-heading > h1,
  .step-heading > h2 {
    width:100% !important;
    margin-top:0 !important;
  }
}