:root {
  --ink: #08101b;
  --navy: #0b1726;
  --navy-2: #112338;
  --cream: #f5f0e6;
  --paper: #fbf8f2;
  --gold: #c89542;
  --gold-light: #f0cb7a;
  --blue: #89cfff;
  --muted: #697383;
  --line: rgba(11, 23, 38, .12);
  --radius: 28px;
  --shadow: 0 30px 80px rgba(7, 17, 29, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, "Segoe UI", Arial, sans-serif; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .22; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.ambient { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; }
.ambient-one { width: 420px; height: 420px; right: -150px; top: 130px; background: rgba(240, 203, 122, .23); }
.ambient-two { width: 380px; height: 380px; left: -200px; top: 650px; background: rgba(83, 175, 242, .12); }
.section-shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }

.site-header { position: sticky; top: 0; z-index: 30; display: grid; grid-template-columns: 220px 1fr auto; align-items: center; min-height: 78px; padding: 10px max(24px, calc((100vw - 1320px)/2)); border-bottom: 1px solid rgba(11,23,38,.08); background: rgba(251,248,242,.9); backdrop-filter: blur(18px); }
.brand img { display: block; width: 184px; height: 61px; object-fit: contain; }
.main-nav { display: flex; justify-content: center; gap: clamp(18px, 2.2vw, 34px); font-size: 13px; font-weight: 650; color: #334052; }
.main-nav a { position: relative; padding: 12px 0; }
.main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 5px; height: 1px; background: var(--gold); transition: right .25s ease; }
.main-nav a:hover::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 18px; font-size: 13px; font-weight: 700; }
.text-link { color: #394455; }
.menu-toggle { display: none; border: 0; background: none; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 23px; color: #111827; background: linear-gradient(135deg, var(--gold-light), #d69b3f); border: 1px solid rgba(125,83,22,.28); border-radius: 999px; font-size: 13px; font-weight: 800; box-shadow: 0 12px 32px rgba(178,120,36,.2); cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 16px 38px rgba(178,120,36,.3); }
.button-small { min-height: 40px; padding: 0 18px; font-size: 12px; }
.button-ghost { color: var(--ink); background: transparent; border-color: rgba(8,16,27,.2); box-shadow: none; }
.play-icon { display: grid; place-items: center; width: 24px; height: 24px; padding-left: 2px; color: white; background: var(--navy); border-radius: 50%; font-size: 8px; }

.hero { display: grid; grid-template-columns: 1.04fr .96fr; gap: 55px; align-items: center; min-height: 690px; padding-top: 70px; padding-bottom: 85px; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: #8a652d; font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow span { width: 34px; height: 1px; background: var(--gold); }
h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
h1 { max-width: 690px; margin-top: 23px; font-size: clamp(56px, 6.2vw, 89px); line-height: .98; letter-spacing: -.055em; }
h1 em { color: #98702f; font-style: italic; }
.hero-lead { max-width: 620px; margin: 28px 0 0; color: #536071; font-size: 18px; line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hero-proof { display: flex; gap: 36px; margin-top: 42px; padding-top: 24px; border-top: 1px solid var(--line); }
.hero-proof div { display: grid; gap: 4px; }
.hero-proof strong { font-family: Georgia, serif; font-size: 22px; font-weight: 500; }
.hero-proof span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }

.hero-visual { position: relative; height: 590px; isolation: isolate; }
.hero-visual::before { content: ""; position: absolute; inset: 44px 0 10px 45px; z-index: -3; border-radius: 48% 52% 42% 58% / 58% 43% 57% 42%; background: radial-gradient(circle at 38% 35%, #28415b 0, #101f31 38%, #07111d 76%); box-shadow: var(--shadow); transform: rotate(-3deg); }
.hero-visual::after { content: ""; position: absolute; inset: 74px 30px 42px 85px; z-index: -2; border: 1px solid rgba(240,203,122,.21); border-radius: 50%; }
.hero-emblem { position: absolute; left: 50%; top: 50%; width: 260px; height: 260px; transform: translate(-46%,-48%); opacity: .21; filter: drop-shadow(0 0 35px rgba(96,190,255,.45)); }
.hero-emblem img { width: 100%; height: 100%; object-fit: contain; }
.orbit { position: absolute; z-index: -1; border: 1px solid rgba(133,204,255,.23); border-radius: 50%; }
.orbit-a { width: 410px; height: 145px; left: 75px; top: 210px; transform: rotate(19deg); }
.orbit-b { width: 240px; height: 400px; left: 163px; top: 90px; transform: rotate(25deg); }
.workflow-card { position: absolute; width: 188px; padding: 16px; color: white; border: 1px solid rgba(255,255,255,.16); border-radius: 19px; background: rgba(11,24,40,.79); box-shadow: 0 18px 45px rgba(0,0,0,.28); backdrop-filter: blur(14px); }
.workflow-card strong { display: block; margin-top: 8px; font-family: Georgia, serif; font-size: 17px; font-weight: 500; }
.workflow-card small { display: block; margin-top: 4px; color: #97a7ba; font-size: 9px; letter-spacing: .08em; }
.card-kicker { color: var(--gold-light); font-size: 8px; letter-spacing: .14em; }
.card-cad { left: 6px; top: 82px; transform: rotate(-4deg); }
.card-render { right: 0; top: 180px; transform: rotate(3deg); }
.card-catalogue { left: 65px; bottom: 18px; transform: rotate(2deg); }
.wire-ring { position: relative; width: 72px; height: 65px; margin: 10px auto 2px; border: 1px solid #70c5ff; border-radius: 50%; transform: rotate(-18deg); }
.wire-ring i { position: absolute; left: 50%; top: -15px; width: 1px; height: 27px; background: #70c5ff; transform-origin: bottom; }
.wire-ring i:nth-child(2) { transform: rotate(55deg); }.wire-ring i:nth-child(3) { transform: rotate(-55deg); }
.wire-ring b { position: absolute; left: 50%; top: -24px; width: 25px; height: 25px; transform: translateX(-50%) rotate(45deg); border: 1px solid #dff4ff; background: rgba(107,193,255,.18); }
.render-gem { width: 66px; height: 66px; margin: 10px auto 2px; padding: 10px; border-radius: 50%; background: linear-gradient(145deg,#f6d580,#875414); box-shadow: 0 0 25px rgba(240,203,122,.28); }
.render-gem span { display: block; width: 100%; height: 100%; clip-path: polygon(50% 0,88% 16%,100% 55%,72% 100%,28% 100%,0 55%,12% 16%); background: conic-gradient(#fff,#83cfff,#ffffff,#737c8d,#e8f7ff,#70bff2,#fff); }
.mini-page { width: 72px; height: 70px; margin: 10px auto 1px; padding: 7px; background: #f5f0e7; }
.mini-page div { height: 40px; background: radial-gradient(circle,#e6b759 0 12%,#9a6a20 13% 17%,transparent 18%),linear-gradient(145deg,#dce5ef,#8d9bad); }
.mini-page i { display: block; height: 2px; margin-top: 5px; background: #9c7c49; }.mini-page i:last-child { width: 60%; background: #bcc0c6; }
.saving-badge { position: absolute; right: 18px; bottom: 44px; display: grid; grid-template-columns: 38px 1fr; column-gap: 9px; width: 235px; padding: 13px; color: var(--ink); background: rgba(255,255,255,.94); border-radius: 16px; box-shadow: 0 18px 40px rgba(0,0,0,.2); }
.saving-badge > span { grid-row: 1/3; display: grid; place-items: center; color: #0e4b35; background: #dff3e7; border-radius: 11px; font-size: 22px; }.saving-badge strong { font-size: 11px; }.saving-badge small { margin-top: 3px; color: var(--muted); font-size: 8px; }

.trust-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; color: #e9edf3; background: #26374b; border-top: 1px solid #35485e; border-bottom: 1px solid #35485e; }
.trust-strip div { padding: 18px 16px; text-align: center; background: var(--navy); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.intro { display: grid; grid-template-columns: 80px 1.3fr .7fr; gap: 38px; padding-top: 125px; padding-bottom: 110px; }
.section-number { color: var(--gold); font-family: Georgia,serif; font-size: 14px; }
h2 { margin-top: 16px; font-size: clamp(40px,4.7vw,67px); line-height: 1.06; letter-spacing: -.035em; }
.intro > p, .section-heading > p { align-self: end; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.section-heading { display: grid; grid-template-columns: 1.35fr .65fr; gap: 60px; align-items: end; margin-bottom: 48px; }
.section-heading h2 { max-width: 780px; }
.section-heading.light { color: white; }.section-heading.light p { color: #aab6c5; }.section-heading.light .eyebrow { color: var(--gold-light); }

.feature-section { padding: 30px 0 130px; }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.feature-card { position: relative; min-height: 510px; overflow: hidden; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); background: #eee8dd; }
.feature-card:nth-child(3) { background: #e6ebee; }
.feature-large { grid-row: span 2; min-height: 1038px; color: white; background: linear-gradient(150deg,#14263a,#07101c); }
.feature-index { position: absolute; right: 25px; top: 22px; color: rgba(8,16,27,.25); font-family: Georgia,serif; }.feature-large .feature-index { color: rgba(255,255,255,.28); }
.feature-content { position: absolute; left: 32px; right: 32px; bottom: 34px; }
.tag { color: var(--gold); font-size: 9px; font-weight: 900; letter-spacing: .16em; }.feature-large .tag { color: var(--gold-light); }
.feature-content h3 { margin-top: 10px; font-size: 35px; }.feature-large .feature-content h3 { font-size: 48px; }
.feature-content p { max-width: 530px; margin: 13px 0 0; color: #687383; font-size: 14px; line-height: 1.65; }.feature-large .feature-content p { color: #aeb9c7; }
.prong-visual { position: absolute; left: 50%; top: 43%; width: 280px; height: 280px; transform: translate(-50%,-50%); }
.prong-visual .stone { position: absolute; inset: 48px; z-index: 2; border-radius: 50%; background: conic-gradient(from 10deg,#fff,#50aeeb,#273e5d,#f4fbff,#9cddff,#162a45,#fff); clip-path: polygon(50% 0,76% 9%,94% 30%,100% 61%,80% 90%,50% 100%,20% 90%,0 61%,6% 30%,24% 9%); box-shadow: 0 0 55px rgba(98,191,255,.45); }
.prong-visual i { position: absolute; left: 50%; top: 5px; width: 24px; height: 88px; transform-origin: 12px 135px; border-radius: 15px 15px 5px 5px; background: linear-gradient(90deg,#805016,#f9d374,#a76a19); box-shadow: inset 4px 0 rgba(255,255,255,.35); }
.prong-visual i:nth-of-type(2) { transform: rotate(90deg); }.prong-visual i:nth-of-type(3) { transform: rotate(180deg); }.prong-visual i:nth-of-type(4) { transform: rotate(270deg); }
.prong-visual span { position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%); padding: 8px 13px; color: #9edbff; border: 1px solid rgba(137,207,255,.3); border-radius: 999px; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.quality-visual { position: absolute; left: 50%; top: 44%; width: 300px; height: 185px; transform: translate(-50%,-50%); overflow: hidden; border-radius: 22px; background: #1b2633; box-shadow: 0 20px 50px rgba(21,35,50,.18); }
.quality-visual .half { position: absolute; inset: 0 50% 0 0; background: radial-gradient(circle at 65% 45%,#c58a38 0 11%,transparent 12%),linear-gradient(140deg,#424c57,#171e26); }.quality-visual .after { inset: 0 0 0 50%; background: radial-gradient(circle at 35% 45%,#f0cb72 0 11%,transparent 12%),linear-gradient(140deg,#cbdcea,#43566b); }.quality-visual .divider { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: white; }
.catalogue-visual { position: absolute; left: 50%; top: 42%; width: 290px; height: 190px; transform: translate(-50%,-50%); }
.catalogue-visual .page { position: absolute; width: 125px; height: 170px; border: 1px solid #c5cbd0; background: linear-gradient(#fff 0 68%,#172538 68%); box-shadow: 0 15px 35px rgba(22,37,56,.18); }.catalogue-visual .page::before { content:""; position:absolute; left:26px; top:28px; width:72px; height:72px; border-radius:50%; background:radial-gradient(circle,#f7db8c 0 8%,#9d681b 9% 13%,transparent 14%),linear-gradient(145deg,#e9eef1,#9ba9b5); }
.catalogue-visual .p1 { left: 8px; top: 15px; transform: rotate(-7deg); }.catalogue-visual .p2 { left: 82px; top: 1px; z-index: 2; }.catalogue-visual .p3 { right: 7px; top: 15px; transform: rotate(7deg); }

.process-section { padding: 120px 0; color: white; background: var(--navy); }
.catalogue-showcase { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.catalogue-placeholder { position: relative; min-height: 610px; overflow: hidden; padding: 30px; color: #172234; background: #ece6db; border-radius: var(--radius); }
.catalogue-placeholder.multi { background: #dfe8ec; }
.placeholder-top { display: flex; justify-content: space-between; font-size: 9px; font-weight: 900; letter-spacing: .12em; }.placeholder-top small { color: #6d7580; letter-spacing: 0; }
.placeholder-product { position: relative; display: grid; place-items: center; height: 400px; }.placeholder-product img { width: 230px; opacity: .2; filter: grayscale(1); }.placeholder-product .shine { position:absolute;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 66%); }
.placeholder-copy { display: grid; gap: 6px; padding-top: 20px; border-top: 1px solid rgba(8,16,27,.18); }.placeholder-copy strong { font-family: Georgia,serif; font-size: 23px; }.placeholder-copy span { color: #727a85; font-size: 10px; }
.awaiting { position: absolute; inset: 50% auto auto 50%; z-index: 3; transform: translate(-50%,-50%) rotate(-8deg); padding: 12px 17px; color: rgba(64,76,92,.74); border: 1px solid rgba(64,76,92,.37); text-align: center; font-size: 9px; font-weight: 900; line-height: 1.5; letter-spacing: .14em; }
.angle-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; height:400px; padding:42px 15px 25px; }.angle-grid div { display:grid; place-items:center; color:#8b949f; background:radial-gradient(circle,#f2d68b 0 5%,#b17b29 6% 9%,transparent 10%),linear-gradient(145deg,#eef2f3,#b9c5ca); font-size:8px; letter-spacing:.12em; }
.process-line { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 55px; }.process-line div { display: grid; gap: 5px; }.process-line span { color: var(--gold-light); font-size: 10px; }.process-line strong { font-family: Georgia,serif; font-size: 18px; font-weight: 500; }.process-line small { color: #8998aa; font-size: 9px; }.process-line i { color: #5c6d80; font-style: normal; }

.future-section { padding: 125px 0; }
.coming-pill { justify-self: end; align-self: center; padding: 11px 16px; color: #79551f; background: #f4e4be; border-radius: 999px; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.coming-pill.dark { color: var(--gold-light); background: rgba(240,203,122,.12); border: 1px solid rgba(240,203,122,.24); }
.future-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.future-card { position:relative; min-height: 330px; padding: 25px; border: 1px solid var(--line); border-radius: 22px; background: white; box-shadow: 0 18px 45px rgba(15,29,45,.06); }.future-icon { display:grid;place-items:center;width:52px;height:52px;color:#9b6e2a;background:#f6ecd6;border-radius:16px;font-size:22px; }.future-card h3 { margin-top: 50px; font-size: 25px; }.future-card p { color:var(--muted);font-size:12px;line-height:1.65; }.future-card b { position:absolute;left:25px;bottom:22px;color:#a27a3a;font-size:8px;letter-spacing:.14em; }

.ai-studio-section { padding: 125px 0; }
.studio-workspace-tabs { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px;padding:7px;border:1px solid rgba(73,73,110,.1);border-radius:20px;background:rgba(255,255,255,.66);box-shadow:0 15px 40px rgba(34,43,73,.07); }
.studio-workspace-tabs button { display:grid;grid-template-columns:34px 1fr;column-gap:10px;min-height:84px;padding:15px;color:#697383;border:0;border-radius:14px;background:transparent;text-align:left;cursor:pointer; }.studio-workspace-tabs button > span { grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;color:#8f6a31;border:1px solid rgba(143,106,49,.16);border-radius:10px;background:#f8ecd3;font-family:Georgia,serif;font-size:11px; }.studio-workspace-tabs strong { align-self:end;color:#1a2636;font-family:Georgia,serif;font-size:19px;font-weight:500; }.studio-workspace-tabs small { font-size:8px; }.studio-workspace-tabs button.active { color:#c1ccda;background:linear-gradient(125deg,#10233a,#2a2c61 64%,#603e72);box-shadow:0 13px 30px rgba(29,35,76,.19); }.studio-workspace-tabs button.active > span { color:#21213b;border-color:#e8bd61;background:#edc96f; }.studio-workspace-tabs button.active strong { color:white; }
.studio-window { display:grid;grid-template-columns:350px 1fr;min-height:720px;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:32px;background:#091521;box-shadow:0 35px 90px rgba(24,35,66,.22); }
.studio-controls { padding:25px;color:white;border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0f2032,#08121d); }
.studio-step { padding:23px 0;border-bottom:1px solid rgba(255,255,255,.09); }.studio-step:first-child { padding-top:4px; }.studio-step:last-child { border-bottom:0; }
.studio-step > span { color:var(--gold-light);font-size:8px;font-weight:900;letter-spacing:.15em; }.studio-step h3 { margin-top:9px;font-size:23px; }.studio-step p { color:#8fa0b4;font-size:11px;line-height:1.6; }
.upload-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px; }.upload-slot { display:grid;place-items:center;gap:6px;min-height:74px;padding:7px;color:#8da0b5;border:1px dashed rgba(153,181,207,.25);border-radius:12px;background:rgba(255,255,255,.025);cursor:pointer; }.upload-slot.primary { color:#f1cf82;border-style:solid;border-color:rgba(241,207,130,.38);background:rgba(241,207,130,.07); }.upload-slot b { font-size:20px;font-weight:300; }.upload-slot small { font-size:7px;text-transform:uppercase;letter-spacing:.06em; }
.mode-switch { display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:14px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(0,0,0,.17); }.mode-switch button { min-height:39px;color:#8fa0b4;border:0;border-radius:9px;background:transparent;font-size:9px;font-weight:800;cursor:pointer; }.mode-switch button.active { color:#152031;background:linear-gradient(135deg,#f5d581,#dca64e);box-shadow:0 8px 20px rgba(205,149,61,.23); }
.template-list { display:grid;gap:7px;margin-top:14px; }.template-list button { padding:11px 12px;color:#9baabb;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);text-align:left;font-size:9px;cursor:pointer; }.template-list button.active { color:#fff;border-color:rgba(142,103,213,.55);background:linear-gradient(90deg,rgba(116,68,143,.48),rgba(104,42,73,.35)); }.template-step a { display:inline-block;margin-top:14px;color:#a9d8ff;font-size:9px;font-weight:750; }
.workspace-panel { display:none; }.workspace-panel.active { display:block; }
.custom-prompt-panel label,.catalogue-settings label { display:grid;gap:7px;margin-top:14px;color:#91a2b5;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }.custom-prompt-panel textarea,.custom-prompt-panel input,.catalogue-settings select { width:100%;padding:11px 12px;color:#dce6ef;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.045);outline:none;resize:vertical; }.custom-prompt-panel textarea:focus,.custom-prompt-panel input:focus,.catalogue-settings select:focus { border-color:#d9ad58; }.prompt-tools { display:flex;gap:7px;margin-top:8px; }.prompt-tools button { padding:8px 10px;color:#d3deea;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.045);font-size:8px;font-weight:800;cursor:pointer; }.prompt-tools button:first-child { color:#222036;border-color:#d4a94e;background:#edc96f; }.negative-label { margin-top:18px!important; }.prompt-status { display:block;margin-top:10px;color:#75c99b;font-size:8px;line-height:1.4; }
.catalogue-settings { display:grid;gap:2px; }.catalogue-settings select { appearance:none; }.catalogue-options { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px; }.catalogue-options label { display:flex;align-items:center;gap:7px;padding:9px;color:#b3c0cd;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.03);font-size:8px; }.catalogue-options input { accent-color:#d6a54a; }.catalogue-panel > small { display:block;margin-top:12px;color:#8496aa;font-size:8px;line-height:1.45; }
.studio-preview { display:grid;grid-template-rows:auto 1fr auto;min-width:0;padding:22px;background:radial-gradient(circle at 80% 8%,rgba(80,129,189,.18),transparent 30%),#0b1826; }
.studio-toolbar { display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:17px;color:white; }.studio-toolbar > div:first-child { display:grid;grid-template-columns:9px auto;column-gap:8px; }.studio-toolbar strong { font-size:9px;letter-spacing:.13em; }.studio-toolbar small { grid-column:2;color:#70849a;font-size:8px; }.live-dot { width:7px;height:7px;margin-top:2px;border-radius:50%;background:#61d997;box-shadow:0 0 12px #61d997; }
.format-pills { display:flex;gap:5px;padding:4px;border-radius:10px;background:rgba(255,255,255,.045); }.format-pills button { min-width:38px;padding:7px 8px;color:#7990a6;border:0;border-radius:7px;background:transparent;font-size:8px;cursor:pointer; }.format-pills button.active { color:#101b28;background:#eac26d; }
.campaign-canvas { position:relative;min-height:535px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:radial-gradient(circle at 68% 42%,rgba(255,179,153,.26),transparent 23%),radial-gradient(circle at 25% 18%,rgba(126,52,82,.65),transparent 37%),linear-gradient(145deg,#2c111d,#5c2638 55%,#160b13);box-shadow:inset 0 1px rgba(255,255,255,.06); }
.campaign-canvas.custom-view { background:radial-gradient(circle at 70% 35%,rgba(130,211,255,.24),transparent 24%),radial-gradient(circle at 18% 18%,rgba(63,89,180,.55),transparent 36%),linear-gradient(145deg,#0d1d34,#253b68 55%,#121326); }
.campaign-canvas.catalogue-view { margin:12px 8%;min-height:510px;border-color:#d9d0c1;border-radius:3px;background:radial-gradient(circle at 68% 36%,rgba(218,187,126,.18),transparent 24%),linear-gradient(145deg,#fffdf9,#ece6db);box-shadow:0 24px 55px rgba(0,0,0,.25); }.campaign-canvas.catalogue-view::before { background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 49%,transparent 58%); }.campaign-canvas.catalogue-view .campaign-copy { color:#132033; }.campaign-canvas.catalogue-view .campaign-copy small { color:#9a6e2c; }.campaign-canvas.catalogue-view .campaign-copy span { color:#77746e; }.campaign-canvas.catalogue-view .quality-badge { color:#264b3c;background:rgba(234,247,239,.9); }
.campaign-canvas::before { content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.09) 48%,transparent 60%);transform:rotate(-10deg); }.campaign-glow { position:absolute;right:12%;top:12%;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,229,190,.13),transparent 66%); }
.jewel-pendant { position:absolute;right:16%;top:17%;width:245px;height:315px;filter:drop-shadow(0 28px 25px rgba(0,0,0,.38)); }.petal-stones { position:absolute;left:50%;top:5px;width:150px;height:95px;transform:translateX(-50%); }.petal-stones i { position:absolute;left:59px;top:20px;width:32px;height:62px;transform-origin:16px 82px;border-radius:70% 30% 70% 30%;background:linear-gradient(145deg,#fff,#a9c7de 42%,#fff 58%,#5d7185);box-shadow:inset 0 0 0 3px #dfbd70,0 0 12px rgba(255,255,255,.45); }.petal-stones i:nth-child(1){transform:rotate(-74deg)}.petal-stones i:nth-child(2){transform:rotate(-37deg)}.petal-stones i:nth-child(3){transform:rotate(0deg)}.petal-stones i:nth-child(4){transform:rotate(37deg)}.petal-stones i:nth-child(5){transform:rotate(74deg)}
.pearl { position:absolute;left:50%;bottom:0;width:190px;height:190px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 34% 27%,#fff 0 5%,#f5efe8 15%,#cfbfb5 55%,#88767b 86%,#493640);box-shadow:inset -15px -20px 30px rgba(70,35,48,.3),0 0 45px rgba(255,236,215,.22); }.pearl::before { content:"";position:absolute;left:50%;top:-18px;width:18px;height:30px;transform:translateX(-50%);border-radius:9px;background:linear-gradient(90deg,#94672c,#f5d27b,#85561f); }
.campaign-copy { position:absolute;left:42px;bottom:48px;display:grid;gap:10px;color:white; }.campaign-copy small { color:#efc978;font-size:8px;font-weight:850;letter-spacing:.18em; }.campaign-copy strong { max-width:310px;font-family:Georgia,serif;font-size:37px;font-weight:500;line-height:1.02; }.campaign-copy span { color:#d0abb6;font-size:8px;text-transform:uppercase;letter-spacing:.11em; }
.quality-badge { position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:9px;padding:10px 13px;color:#d8e8df;border:1px solid rgba(112,219,155,.22);border-radius:12px;background:rgba(6,22,19,.6);backdrop-filter:blur(12px); }.quality-badge > b { display:grid;place-items:center;width:25px;height:25px;color:#0f3022;border-radius:8px;background:#73dfa2; }.quality-badge span { display:grid;gap:2px;color:#83aa98;font-size:7px;text-transform:uppercase;letter-spacing:.08em; }.quality-badge strong { color:white;font-size:9px;text-transform:none;letter-spacing:0; }
.studio-output-bar { display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:16px; }.studio-output-bar > div { display:grid;margin-right:auto;color:#74899e; }.studio-output-bar > div span { font-size:7px;letter-spacing:.13em; }.studio-output-bar > div strong { color:#dbe5ef;font-size:10px; }.studio-action { min-height:40px;padding:0 16px;color:#141d28;border:0;border-radius:10px;background:linear-gradient(135deg,#f1ce7e,#d69b42);font-size:9px;font-weight:850;cursor:pointer; }.studio-action.secondary { color:#c5d2df;border:1px solid rgba(255,255,255,.12);background:transparent; }
.studio-capabilities { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px; }.studio-capabilities article { min-height:265px;padding:28px;border:1px solid rgba(255,255,255,.8);border-radius:23px;background:linear-gradient(145deg,#fff5df,#fff);box-shadow:0 18px 45px rgba(23,34,68,.07); }.studio-capabilities article:nth-child(2){background:linear-gradient(145deg,#e9f6ff,#fff)}.studio-capabilities article:nth-child(3){background:linear-gradient(145deg,#f1eaff,#fff)}.studio-capabilities article > span { color:#a97b34;font-family:Georgia,serif;font-size:13px; }.studio-capabilities h3 { margin-top:40px;font-size:28px; }.studio-capabilities p { min-height:58px;color:#697383;font-size:12px;line-height:1.65; }.studio-capabilities b { color:#8054bd;font-size:7px;letter-spacing:.11em; }
.studio-bridge { display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px;padding:29px 32px;color:white;border-radius:22px;background:radial-gradient(circle at 82% 0,rgba(240,203,122,.2),transparent 28%),linear-gradient(125deg,#12263d,#1f2856 62%,#51386d); }.studio-bridge div { display:grid;gap:6px; }.studio-bridge span { color:#9baac0;font-size:9px;text-transform:uppercase;letter-spacing:.12em; }.studio-bridge strong { font-family:Georgia,serif;font-size:23px;font-weight:500; }

.market-section { padding: 120px 0; color: white; background: #09131f; }
.market-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.market-card { min-height: 470px; padding: 40px; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius); background: radial-gradient(circle at 90% 10%,rgba(240,203,122,.13),transparent 35%),#101e2e; }.market-card.private { background: radial-gradient(circle at 90% 10%,rgba(104,189,255,.15),transparent 35%),#101e2e; }.market-label { color:var(--gold-light);font-size:9px;font-weight:900;letter-spacing:.15em; }.market-card h3 { max-width:400px;margin-top:42px;font-size:43px; }.market-card p { max-width:520px;color:#a9b4c2;font-size:14px;line-height:1.75; }.market-card ul { display:grid;gap:11px;margin:30px 0 0;padding:24px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.1); }.market-card li { color:#d3d9e1;font-size:11px; }.market-card li::before { content:"✓";margin-right:10px;color:var(--gold-light); }
.market-tabs { display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:850px;margin:0 auto 22px;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.035); }.market-tabs button { display:grid;gap:5px;min-height:112px;padding:18px 22px;color:#8495a7;border:0;border-radius:14px;background:transparent;text-align:left;cursor:pointer; }.market-tabs button.active { color:white;background:linear-gradient(120deg,#17304a,#273760);box-shadow:0 15px 35px rgba(0,0,0,.22); }.market-tabs button:nth-child(2).active { background:linear-gradient(120deg,#4a3517,#7b5722); }.market-tabs span { color:#edc873;font-size:7px;font-weight:900;letter-spacing:.14em; }.market-tabs strong { font-family:Georgia,serif;font-size:23px;font-weight:500; }.market-tabs small { color:#8799ab;font-size:9px; }
.market-panel { display:none; }.market-panel.active { display:block; }.market-hero-card { display:grid;grid-template-columns:1.1fr .9fr;gap:55px;min-height:420px;padding:48px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:radial-gradient(circle at 90% 5%,rgba(92,170,235,.18),transparent 32%),linear-gradient(145deg,#10243a,#0c1928); }.market-hero-card.exclusive-card { background:radial-gradient(circle at 90% 5%,rgba(240,203,122,.24),transparent 32%),linear-gradient(145deg,#1b2430,#16160f); }.market-hero-card h3 { max-width:600px;margin-top:35px;font-size:48px; }.market-hero-card p { max-width:610px;color:#a8b5c3;font-size:14px;line-height:1.75; }.market-hero-card ul { align-self:center;display:grid;gap:13px;margin:0;padding:28px;list-style:none;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035); }.market-hero-card li { color:#d7dee6;font-size:11px; }.market-hero-card li::before { content:"✓";margin-right:10px;color:#79c7ff; }.exclusive-card li::before { color:#efca76; }
.licence-summary { display:flex;align-items:center;gap:16px;margin-top:12px;padding:21px 25px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035); }.licence-dot { flex:0 0 auto;width:18px;height:18px;border-radius:50%; }.licence-dot.blue { background:#68baf2;box-shadow:0 0 22px rgba(104,186,242,.6); }.licence-dot.gold { background:#e6b953;box-shadow:0 0 22px rgba(230,185,83,.6); }.licence-summary div { display:grid;grid-template-columns:180px 1fr;align-items:center;gap:15px;width:100%; }.licence-summary b { color:white;font-family:Georgia,serif;font-size:18px;font-weight:500; }.licence-summary p { margin:0;color:#8d9cad;font-size:10px;line-height:1.5; }
.fingerprint-strip { display:grid;grid-template-columns:58px 1fr .75fr;align-items:center;gap:20px;margin-top:27px;padding:27px;border:1px solid rgba(240,203,122,.18);border-radius:20px;background:linear-gradient(90deg,rgba(240,203,122,.08),rgba(81,116,163,.08)); }.fingerprint-mark { position:relative;width:50px;height:50px;border:1px solid rgba(240,203,122,.36);border-radius:16px; }.fingerprint-mark i { position:absolute;left:50%;top:7px;width:1px;height:36px;background:#e7c373;transform-origin:center; }.fingerprint-mark i:nth-child(2){transform:translateX(-50%) rotate(45deg)}.fingerprint-mark i:nth-child(3){transform:translateX(-50%) rotate(90deg)}.fingerprint-mark i:nth-child(4){transform:translateX(-50%) rotate(135deg)}.fingerprint-strip div:nth-child(2) { display:grid;gap:5px; }.fingerprint-strip span { color:#e9c675;font-size:7px;font-weight:900;letter-spacing:.15em; }.fingerprint-strip strong { font-family:Georgia,serif;font-size:19px;font-weight:500; }.fingerprint-strip small { color:#8191a2;font-size:9px;line-height:1.55; }

.tutorial-section { padding: 125px 0; }
.language-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }.language-card { display:grid;grid-template-columns:64px 1fr;align-items:center;gap:15px;min-height:185px;padding:25px;border:1px solid var(--line);border-radius:22px;background:white; }.language-card > span { display:grid;place-items:center;width:58px;height:58px;color:#77521e;background:#f6e7c5;border-radius:17px;font-family:Georgia,serif;font-size:19px; }.language-card h3 { font-size:21px; }.language-card p { margin:5px 0;color:var(--muted);font-size:10px; }.language-card button { grid-column:1/3;min-height:37px;color:#8b7250;background:#f6f0e5;border:0;border-radius:10px;font-size:9px;text-transform:uppercase;letter-spacing:.1em; }
.account-section { padding-bottom: 125px; }.account-panel { display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:55px 60px;color:white;border-radius:var(--radius);background:radial-gradient(circle at 85% 0,rgba(240,203,122,.22),transparent 33%),linear-gradient(135deg,#12243a,#07111e); }.account-panel h2 { max-width:700px;font-size:50px; }.account-panel p { max-width:680px;color:#aeb8c5;line-height:1.7; }.account-actions { display:grid;gap:12px;text-align:center; }.account-actions span { color:#8997a8;font-size:9px;text-transform:uppercase;letter-spacing:.1em; }

.feedback-section { display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;padding-bottom:120px; }.feedback-copy p { color:var(--muted);line-height:1.75; }.support-note { display:grid;gap:4px;margin-top:35px;padding:19px;border-left:2px solid var(--gold);background:#f1eadf; }.support-note span { color:var(--muted);font-size:10px; }.feedback-form { display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:var(--shadow); }.feedback-form label { display:grid;gap:7px;color:#6d7581;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em; }.feedback-form label:nth-child(4) { grid-column:1/3; }.feedback-form input,.feedback-form select,.feedback-form textarea { width:100%;padding:13px 14px;color:var(--ink);background:#f7f4ee;border:1px solid #e2ddd3;border-radius:10px;outline:none;text-transform:none;letter-spacing:0; }.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus { border-color:var(--gold); }.feedback-form .button { width:max-content;border:0; }.form-status { align-self:center;margin:0;color:#5c725f;font-size:11px; }

.site-footer { display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding:65px max(24px,calc((100vw - 1180px)/2)) 25px;color:#aeb8c5;background:#06101b; }.footer-brand img { width:210px; }.footer-brand p { color:#7f8d9e;line-height:1.6; }.site-footer > div:not(.footer-brand):not(.footer-bottom) { display:grid;align-content:start;gap:12px;font-size:11px; }.site-footer strong { margin-bottom:6px;color:white;font-size:10px;text-transform:uppercase;letter-spacing:.13em; }.site-footer a:hover { color:var(--gold-light); }.footer-bottom { grid-column:1/-1;display:flex;justify-content:space-between;padding-top:25px;border-top:1px solid rgba(255,255,255,.1);font-size:9px; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1040px) {
  .site-header { grid-template-columns:190px 1fr auto; }.main-nav { display:none; }.menu-toggle { display:block;justify-self:end;width:42px;height:42px; }.menu-toggle span { display:block;width:22px;height:1px;margin:6px auto;background:var(--ink); }.main-nav.open { position:absolute;display:grid;left:0;right:0;top:77px;padding:24px;background:var(--paper);border-bottom:1px solid var(--line); }.header-actions { margin-left:15px; }
  .hero { grid-template-columns:1fr; }.hero-copy { padding-top:20px; }.hero-visual { width:min(620px,100%);margin:auto; }
  .feature-grid { grid-template-columns:1fr; }.feature-large { grid-row:auto;min-height:720px; }.feature-card { min-height:530px; }
  .future-grid { grid-template-columns:1fr 1fr; }.market-grid { grid-template-columns:1fr; }.feedback-section { grid-template-columns:1fr;gap:45px; }
  .studio-window { grid-template-columns:300px 1fr; }.campaign-copy strong { font-size:31px; }.jewel-pendant { right:8%;transform:scale(.85); }.market-hero-card { grid-template-columns:1fr;gap:20px; }
}

@media (max-width: 720px) {
  .section-shell { width:min(100% - 30px,1180px); }.site-header { grid-template-columns:1fr auto;min-height:68px;padding:6px 15px; }.brand img { width:155px;height:52px; }.header-actions { display:none; }.main-nav.open { top:67px; }.hero { min-height:0;padding-top:55px;padding-bottom:65px; }.hero-copy h1 { font-size:52px; }.hero-lead { font-size:16px; }.hero-proof { gap:18px; }.hero-proof strong { font-size:18px; }.hero-visual { height:520px; }.workflow-card { width:160px; }.card-render { right:-5px; }.saving-badge { right:0;width:215px; }
  .trust-strip { grid-template-columns:1fr 1fr; }.intro { grid-template-columns:45px 1fr;gap:15px;padding:85px 0; }.intro > p { grid-column:2; }.section-heading { grid-template-columns:1fr;gap:18px; }.section-heading h2,h2 { font-size:40px; }.feature-section,.future-section,.tutorial-section { padding-bottom:85px; }.feature-large { min-height:650px; }.feature-content h3,.feature-large .feature-content h3 { font-size:34px; }.prong-visual { transform:translate(-50%,-50%) scale(.82); }
  .process-section,.market-section { padding:85px 0; }.catalogue-showcase,.future-grid,.language-grid { grid-template-columns:1fr; }.catalogue-placeholder { min-height:540px; }.process-line { display:grid;grid-template-columns:1fr 1fr; }.process-line i { display:none; }.market-card { min-height:0;padding:30px; }.market-card h3 { font-size:35px; }.account-panel { grid-template-columns:1fr;padding:38px 28px; }.account-panel h2 { font-size:39px; }.feedback-form { grid-template-columns:1fr;padding:24px; }.feedback-form label:nth-child(4) { grid-column:auto; }.site-footer { grid-template-columns:1fr 1fr;padding:55px 25px 25px; }.footer-brand { grid-column:1/-1; }.footer-bottom { display:grid;gap:7px; }
  .ai-studio-section { padding:85px 0; }.studio-window { grid-template-columns:1fr; }.studio-controls { border-right:0;border-bottom:1px solid rgba(255,255,255,.1); }.upload-grid { grid-template-columns:repeat(4,1fr); }.studio-preview { padding:13px; }.studio-toolbar { align-items:flex-start; }.format-pills { flex-wrap:wrap;justify-content:flex-end; }.campaign-canvas { min-height:510px; }.jewel-pendant { right:-7%;top:13%;transform:scale(.7); }.campaign-copy { left:23px;bottom:75px; }.campaign-copy strong { max-width:240px;font-size:29px; }.quality-badge { left:20px;right:auto;bottom:18px; }.studio-output-bar { flex-wrap:wrap; }.studio-output-bar > div { width:100%;margin-bottom:5px; }.studio-capabilities { grid-template-columns:1fr; }.studio-capabilities article { min-height:0; }.studio-bridge { display:grid;padding:25px; }.market-tabs { grid-template-columns:1fr; }.market-hero-card { padding:30px; }.market-hero-card h3 { font-size:36px; }.licence-summary div { grid-template-columns:1fr;gap:5px; }.fingerprint-strip { grid-template-columns:48px 1fr; }.fingerprint-strip small { grid-column:1/-1; }
  .studio-workspace-tabs { grid-template-columns:1fr; }.studio-workspace-tabs button { min-height:70px; }.catalogue-options { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.reveal { opacity:1;transform:none;transition:none; }.button { transition:none; } }

/* V0.2 colour and parent-brand refinement */
body { background:linear-gradient(180deg,#fffaf2 0,#f7f4ff 25%,#f7fbff 53%,#fff8ee 76%,#f7f4ff 100%); }
.ambient-one { width:520px;height:520px;right:-170px;top:110px;background:rgba(120,81,216,.18); }
.ambient-two { width:470px;height:470px;left:-210px;top:620px;background:rgba(41,119,217,.17); }
.site-header { grid-template-columns:270px 1fr auto;min-height:86px;padding-top:9px;padding-bottom:9px;background:rgba(255,251,245,.88);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(36,45,74,.06); }
.brand { display:flex;align-items:center;gap:10px; }
.brand-plate { display:grid;place-items:center;width:190px;height:60px;padding:4px 9px;border:1px solid rgba(240,203,122,.27);border-radius:15px;background:linear-gradient(145deg,#14263b,#06101c);box-shadow:0 10px 26px rgba(8,20,34,.16),inset 0 1px rgba(255,255,255,.08); }
.brand .brand-plate img { width:170px;height:50px;filter:drop-shadow(0 2px 7px rgba(240,203,122,.22)); }
.parent-line { max-width:58px;color:#6e7786;font-size:7px;font-weight:800;line-height:1.35;letter-spacing:.09em;text-transform:uppercase; }
.hero { position:relative;min-height:720px; }
.hero::before { content:"";position:absolute;z-index:-4;inset:10px -15vw -30px;border-radius:0 0 80px 80px;background:radial-gradient(circle at 12% 32%,rgba(255,198,95,.25),transparent 30%),radial-gradient(circle at 48% 7%,rgba(216,100,135,.15),transparent 27%),radial-gradient(circle at 88% 45%,rgba(58,140,231,.2),transparent 34%),linear-gradient(125deg,#fff9ee 0%,#f7f1ff 47%,#eef8ff 100%); }
h1 { text-shadow:0 4px 30px rgba(54,71,111,.08); }
h1 em { color:transparent;background:linear-gradient(110deg,#a16b19 5%,#d08760 38%,#8b55c5 72%,#2f78c8);background-clip:text;-webkit-background-clip:text; }
.hero-ribbon { display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:20px;padding:9px 14px;color:#6b4c27;border:1px solid rgba(174,123,48,.18);border-radius:999px;background:rgba(255,255,255,.64);box-shadow:0 10px 25px rgba(103,76,126,.07);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase; }
.hero-ribbon span { color:#c89035; }.hero-ribbon i { width:1px;height:12px;background:rgba(107,76,39,.25); }
.trust-strip div { color:#fff;background:linear-gradient(115deg,#12253d,#183653); }
.trust-strip div:nth-child(2) { background:linear-gradient(115deg,#1d3552,#384178); }.trust-strip div:nth-child(3) { background:linear-gradient(115deg,#3a3568,#65468a); }.trust-strip div:nth-child(4) { background:linear-gradient(115deg,#423555,#75415c); }
.audience-section { padding-top:120px;padding-bottom:70px; }
.section-heading h2 em { color:#8054bd;font-style:italic; }
.audience-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }
.audience-card { position:relative;min-height:350px;overflow:hidden;padding:25px;border:1px solid rgba(255,255,255,.7);border-radius:25px;box-shadow:0 22px 48px rgba(29,40,69,.1); }
.audience-card::after { content:"";position:absolute;width:170px;height:170px;right:-65px;bottom:-70px;border:1px solid rgba(255,255,255,.45);border-radius:50%;box-shadow:0 0 0 26px rgba(255,255,255,.08),0 0 0 55px rgba(255,255,255,.055); }
.audience-icon { display:grid;place-items:center;width:54px;height:54px;color:white;border-radius:17px;background:rgba(8,16,27,.78);box-shadow:0 12px 28px rgba(10,19,35,.18);font-size:21px; }
.audience-card b { display:block;margin-top:50px;color:rgba(8,16,27,.6);font-size:9px;letter-spacing:.15em; }
.audience-card h3 { margin-top:11px;font-size:29px;line-height:1.08; }.audience-card p { color:rgba(8,16,27,.66);font-size:12px;line-height:1.7; }
.audience-brand { background:linear-gradient(145deg,#ffe5a8,#fff2d6); }.audience-maker { background:linear-gradient(145deg,#bfe9df,#e2f7f0); }.audience-commerce { background:linear-gradient(145deg,#cbe0ff,#e6eeff); }.audience-market { background:linear-gradient(145deg,#e4d2ff,#f2e8ff); }
.intro { padding:100px 42px;border:1px solid rgba(255,255,255,.8);border-radius:36px;background:linear-gradient(125deg,rgba(255,239,205,.7),rgba(239,235,255,.72) 52%,rgba(224,244,255,.8));box-shadow:0 25px 70px rgba(49,58,89,.08); }
.feature-card { border-color:rgba(255,255,255,.75);background:linear-gradient(145deg,#ffedc9,#f7dcb9);box-shadow:0 25px 55px rgba(48,45,72,.09); }
.feature-card:nth-child(3) { background:linear-gradient(145deg,#d9e9ff,#d7d4f5); }
.future-card { border-color:rgba(255,255,255,.8);background:linear-gradient(145deg,#fff9ed,#f3efff);box-shadow:0 18px 45px rgba(15,29,45,.08); }.future-card:nth-child(2){background:linear-gradient(145deg,#eef9ff,#e8edff)}.future-card:nth-child(3){background:linear-gradient(145deg,#effcf6,#e1f6f1)}.future-card:nth-child(4){background:linear-gradient(145deg,#fff0f5,#f4eaff)}
.future-icon { color:white;background:linear-gradient(145deg,#c89542,#7b58cf);box-shadow:0 12px 24px rgba(89,67,141,.18); }
.language-card { border-color:rgba(255,255,255,.8);background:linear-gradient(145deg,#fff4dd,#fff);box-shadow:0 16px 38px rgba(46,43,73,.07); }.language-card:nth-child(2){background:linear-gradient(145deg,#e8f6ff,#fff)}.language-card:nth-child(3){background:linear-gradient(145deg,#eee8ff,#fff)}
.footer-brand > img { width:210px; }.parent-brand { display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1); }.parent-brand span { color:#6f8297;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }.parent-brand strong { max-width:240px;color:#d8e3ef;font-size:12px;line-height:1.45;letter-spacing:.04em; }

@media (max-width:1040px) {
  .site-header { grid-template-columns:270px 1fr auto; }.main-nav.open { top:85px; }.audience-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:720px) {
  .site-header { grid-template-columns:1fr auto;min-height:74px; }.brand { gap:7px; }.brand-plate { width:163px;height:54px; }.brand .brand-plate img { width:145px;height:45px; }.parent-line { max-width:48px;font-size:6px; }.main-nav.open { top:73px; }
  .hero-ribbon { width:100%;font-size:7px; }.audience-section { padding-top:85px; }.audience-grid { grid-template-columns:1fr; }.audience-card { min-height:300px; }.intro { padding:65px 25px; }
}

/* V0.3 company, vision, pricing and contact sections */
.about-section { padding-bottom:125px; }
.about-grid { display:grid;grid-template-columns:1.3fr .7fr;gap:18px; }
.about-card { position:relative;overflow:hidden;padding:42px;border:1px solid rgba(255,255,255,.76);border-radius:28px;box-shadow:0 24px 60px rgba(36,45,74,.09); }
.about-label { color:#8a652d;font-size:9px;font-weight:900;letter-spacing:.16em; }
.about-app { min-height:530px;background:radial-gradient(circle at 93% 10%,rgba(255,255,255,.78),transparent 28%),linear-gradient(135deg,#ffe7b8,#f8d7ca 49%,#eadcff); }
.about-app h2 { max-width:730px;font-size:52px; }.about-app p { max-width:650px;color:#5e6070;line-height:1.75; }
.about-points { display:flex;flex-wrap:wrap;gap:9px;margin-top:42px; }.about-points span { padding:10px 13px;color:#4f455d;border:1px solid rgba(83,64,94,.13);border-radius:999px;background:rgba(255,255,255,.5);font-size:9px;font-weight:750; }
.vision-card { min-height:530px;color:white;background:radial-gradient(circle at 85% 10%,rgba(128,191,255,.26),transparent 35%),linear-gradient(145deg,#142c48,#272a61 58%,#633c75); }
.vision-card .about-label { color:#f0cb7a; }.vision-card blockquote { margin:72px 0 24px;font-family:Georgia,serif;font-size:33px;line-height:1.18; }.vision-card p { max-width:490px;color:#c3c9d8;font-size:13px;line-height:1.75; }
.vision-mark { position:absolute;right:25px;bottom:18px;color:rgba(255,255,255,.08);font-family:Georgia,serif;font-size:96px; }.vision-mark span { color:rgba(240,203,122,.12);font-size:38px; }
.company-card { grid-column:1/-1;display:grid;grid-template-columns:.25fr .75fr 1fr;gap:34px;align-items:center;min-height:230px;background:linear-gradient(120deg,#eef9ff,#f3efff 47%,#fff1db); }.company-card h3 { font-size:35px; }.company-card p { color:#646e7b;font-size:13px;line-height:1.75; }.company-signature { display:grid;gap:4px;padding-left:30px;border-left:1px solid rgba(8,16,27,.12); }.company-signature b { font-family:Georgia,serif;font-size:25px; }.company-signature span { color:#7851a2;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase; }
.plans-section { padding:125px 0; }
.billing-note { display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;margin:-10px auto 35px;padding:10px 15px;border:1px solid rgba(80,71,110,.12);border-radius:999px;background:white;box-shadow:0 12px 30px rgba(47,45,72,.07);font-size:9px;letter-spacing:.1em; }.billing-note span { color:#717887; }.billing-note i { color:#9aa0aa;font-family:Georgia,serif;text-transform:none; }.billing-note strong { color:#8054bd; }
.plan-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch; }
.plan-card { position:relative;display:flex;flex-direction:column;min-height:530px;padding:32px;border:1px solid rgba(255,255,255,.8);border-radius:27px;background:linear-gradient(145deg,#fff9ed,#fff);box-shadow:0 22px 55px rgba(35,42,70,.09); }
.plan-card.featured { color:white;background:radial-gradient(circle at 88% 7%,rgba(133,201,255,.27),transparent 30%),linear-gradient(145deg,#122842,#25275d 63%,#563a71);transform:translateY(-12px);box-shadow:0 32px 70px rgba(33,37,81,.23); }
.plan-card.studio { background:linear-gradient(145deg,#e9f8f3,#e5edff); }.popular { position:absolute;right:20px;top:18px;padding:7px 9px;color:#262044;border-radius:999px;background:#f0cb7a;font-size:7px;font-weight:900;letter-spacing:.12em; }
.plan-top { display:grid;gap:7px; }.plan-top span { color:#a47630;font-size:9px;font-weight:900;letter-spacing:.15em; }.plan-card.featured .plan-top span { color:#f0cb7a; }.plan-top b { color:#737b87;font-size:10px;font-weight:600; }.plan-card.featured .plan-top b { color:#9dabc0; }
.plan-card h3 { margin-top:40px;font-size:33px; }.plan-price { display:grid;gap:4px;min-height:60px;margin:22px 0 12px;font-family:Georgia,serif;font-size:24px; }.plan-price small { color:#818895;font-family:Inter,"Segoe UI",sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.1em; }.plan-card.featured .plan-price small { color:#a9b5c6; }
.plan-card ul { display:grid;gap:12px;margin:18px 0 30px;padding:22px 0 0;list-style:none;border-top:1px solid rgba(8,16,27,.1); }.plan-card.featured ul { border-color:rgba(255,255,255,.13); }.plan-card li { color:#5f6977;font-size:11px; }.plan-card.featured li { color:#d2d9e4; }.plan-card li::before { content:"✓";margin-right:9px;color:#a4752e;font-weight:900; }.plan-card.featured li::before { color:#f0cb7a; }
.plan-button { display:grid;place-items:center;min-height:44px;margin-top:auto;border:1px solid rgba(8,16,27,.15);border-radius:999px;font-size:10px;font-weight:850; }.plan-button.solid { color:#15172a;border-color:#e5b85d;background:linear-gradient(135deg,#f5d481,#d99e43); }.credit-strip { display:flex;justify-content:center;gap:14px;margin-top:24px;padding:20px;border-radius:16px;background:linear-gradient(90deg,#f6e7c5,#ece4ff,#dff2ff);font-size:11px; }.credit-strip span { color:#66707d; }
.contact-types { display:grid;gap:10px;margin:28px 0; }.contact-types span { display:grid;grid-template-columns:145px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid rgba(8,16,27,.09);color:#717a87;font-size:10px; }.contact-types b { color:#182334; }

@media (max-width:1040px) {
  .about-grid { grid-template-columns:1fr; }.company-card { grid-column:auto;grid-template-columns:1fr; }.company-signature { padding:20px 0 0;border-left:0;border-top:1px solid rgba(8,16,27,.12); }.plan-grid { grid-template-columns:1fr; }.plan-card { min-height:0; }.plan-card.featured { transform:none; }
}
@media (max-width:720px) {
  .about-section { padding-bottom:85px; }.about-card { padding:28px; }.about-app h2 { font-size:39px; }.vision-card blockquote { margin-top:50px;font-size:28px; }.plans-section { padding:85px 0; }.billing-note { width:100%;font-size:7px; }.credit-strip { display:grid;text-align:center; }.contact-types span { grid-template-columns:1fr; }
}