:root {
      color-scheme: dark;
      --bg: #090b15;
      --panel: #111624;
      --panel-2: #161b2b;
      --white: #f5f6ff;
      --soft: #c1c8d8;
      --muted: #8e99af;
      --line: rgba(219,230,255,.115);
      --aqua: #81ebed;
      --lavender: #aa94ff;
      --font: 'DM Sans', sans-serif;
      --display: 'Space Grotesk', sans-serif;
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 90px; }
    body { margin: 0; min-width: 320px; background: var(--bg); color: var(--white); font-family: var(--font); font-size: 16px; -webkit-font-smoothing: antialiased; }
    body::selection { background: #b7acff; color: #111420; }
    button, a { -webkit-tap-highlight-color: transparent; }
    button { font: inherit; }
    a { color: inherit; text-decoration: none; }
    img, svg { max-width: 100%; }
    svg { display: block; }
    :focus-visible { outline: 2px solid var(--aqua); outline-offset: 4px; }
    .container { width: min(100% - 72px, 1220px); margin-inline: auto; }
    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
    .skip-link { position: fixed; z-index: 1000; top: -100px; left: 15px; background: #fff; color: #111; padding: 10px 16px; border-radius: 7px; }
    .skip-link:focus { top: 15px; }
    .icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
    .display { font-family: var(--display); letter-spacing: -.047em; }
    .eyebrow { display: flex; align-items: center; gap: 12px; margin: 0; color: #a4b4d0; font-size: 11px; font-weight: 700; letter-spacing: .19em; text-transform: uppercase; }
    .eyebrow::before { content: ''; width: 21px; height: 1px; background: var(--aqua); box-shadow: 0 0 14px rgba(129,235,237,.6); }
    .button { display: inline-flex; align-items: center; justify-content: center; gap: 15px; min-height: 51px; padding: 0 21px; border: 1px solid transparent; border-radius: 9px; font-size: 13px; font-weight: 700; cursor: pointer; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; }
    .button:hover { transform: translateY(-2px); }
    .button-primary { background: #baf2f0; color: #101926; box-shadow: 0 8px 42px rgba(108,237,239,.12); }
    .button-primary:hover { background: #d2ffff; box-shadow: 0 8px 44px rgba(108,237,239,.2); }
    .button-outline { color: #eff2ff; background: rgba(255,255,255,.032); border-color: rgba(222,229,255,.19); }
    .button-outline:hover { background: rgba(255,255,255,.07); border-color: rgba(222,229,255,.34); }
    .button .icon { width: 16px; height: 16px; }
    /* Header */
    .site-header { position: relative; z-index: 20; border-bottom: 1px solid rgba(224,231,255,.07); background: rgba(9,11,21,.94); }
    .site-header .container { display: flex; align-items: center; justify-content: space-between; gap: 28px; height: 80px; }
    .brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; font-family: var(--display); font-size: 20px; font-weight: 700; letter-spacing: -.055em; }
    .brand-mark { display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid rgba(133,238,243,.27); border-radius: 10px; background: linear-gradient(135deg,rgba(114,247,239,.17),rgba(147,128,251,.13)); }
    .brand-mark svg { width: 23px; height: 23px; }
    .brand strong { color: #a7f0ee; font-weight: 700; }
    .desktop-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; }
    .desktop-nav a { color: #a5aec2; font-size: 13px; font-weight: 600; transition: color .2s; }
    .desktop-nav a:hover, .desktop-nav a[aria-current] { color: #fff; }
    .nav-cta { display: inline-flex; align-items: center; gap: 10px; border: 1px solid rgba(204,222,255,.2); border-radius: 8px; padding: 11px 15px; font-size: 12px; font-weight: 700; transition: background .2s, border-color .2s; }
    .nav-cta:hover { background: rgba(255,255,255,.06); border-color: rgba(204,222,255,.4); }
    .nav-cta .icon { width: 15px; height: 15px; color: #98f0f0; }
    .menu-button { display: none; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 9px; background: #121624; color: white; width: 42px; height: 42px; cursor: pointer; }
    .mobile-nav { display: none; }
    /* Hero */
    .hero { position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--line); }
    .hero::before { content: ''; position: absolute; inset: 0; z-index: -2; background: radial-gradient(ellipse 540px 500px at 74% 40%, rgba(75,87,195,.2),transparent 72%), radial-gradient(ellipse 500px 400px at 20% 0%,rgba(15,96,118,.13),transparent 80%); }
    .hero::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: -1; background-image: linear-gradient(rgba(172,205,255,.024) 1px, transparent 1px),linear-gradient(90deg,rgba(172,205,255,.024) 1px,transparent 1px); background-size: 82px 82px; mask-image: linear-gradient(90deg, transparent 20%,#000 100%); }
    .hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.04fr); gap: clamp(40px,5vw,82px); align-items: center; min-height: 665px; padding-block: 82px 94px; }
    .hero-copy { padding-bottom: 24px; }
    .hero h1 { max-width: 650px; margin: 26px 0 24px; font-size: clamp(52px,5.5vw,78px); font-weight: 600; line-height: 1.07; }
    .hero h1 .gradient-text { background: linear-gradient(96deg,#9cf2ee 4%,#98bcff 48%,#c6a5ff 94%); color: transparent; -webkit-background-clip: text; background-clip: text; }
    .hero-lede { margin: 0; max-width: 495px; color: #b2bdd1; font-size: 16px; line-height: 1.85; }
    .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
    .hero-footnote { display: flex; align-items: center; gap: 14px; margin-top: 46px; padding-top: 21px; border-top: 1px solid rgba(232,235,255,.12); max-width: 415px; color: #8996af; font-size: 12px; line-height: 1.6; }
    .hero-footnote svg { flex: none; width: 30px; height: 30px; color: #90e6e7; }
    /* Hero demo: fully local, illustrative preview (not a fake AI result) */
    .demo-surround { position: relative; min-width: 0; }
    .demo-surround::before { content: ''; position: absolute; z-index: -1; width: 90%; height: 78%; left: 5%; top: 11%; border-radius: 50%; background: conic-gradient(from 130deg,#4095e0,#9d6afd,#42ded6,#4095e0); filter: blur(96px); opacity: .26; }
    .demo-surround::after { content: ''; position: absolute; z-index: -1; width: 110px; height: 110px; right: -30px; top: -38px; border: 1px solid rgba(172,204,255,.17); border-radius: 50%; box-shadow: 0 0 0 26px rgba(132,152,237,.04), 0 0 0 54px rgba(132,152,237,.025); }
    .demo-window { position: relative; overflow: hidden; border: 1px solid rgba(210,221,255,.21); border-radius: 18px; background: #101523; box-shadow: 0 30px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06); }
    .demo-topbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 62px; padding: 0 23px; border-bottom: 1px solid rgba(224,231,255,.1); }
    .demo-topbar-title { display: flex; align-items: center; gap: 9px; color: #d8e0f5; font-size: 12px; font-weight: 700; }
    .demo-topbar-title svg { width: 17px; height: 17px; color: var(--aqua); }
    .demo-mode { color: #8291aa; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
    .demo-main { display: grid; grid-template-columns: 67px minmax(0,1fr); min-height: 405px; }
    .demo-rail { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 24px 0; border-right: 1px solid rgba(224,231,255,.1); background: rgba(7,11,22,.37); }
    .demo-tab { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid transparent; border-radius: 11px; color: #77879f; background: transparent; cursor: pointer; transition: background .2s,border .2s,color .2s; }
    .demo-tab:hover { color: white; background: #1a2538; }
    .demo-tab[aria-selected="true"] { border-color: rgba(130,231,238,.21); background: rgba(129,235,237,.1); color: #a8f8f5; }
    .demo-tab[aria-selected="true"]::before { position: absolute; content: ''; left: -14px; width: 2px; height: 22px; border-radius: 3px; background: #8ef1ee; box-shadow: 0 0 12px #8ef1ee; }
    .demo-tab svg { width: 19px; height: 19px; }
    .demo-content { display: flex; flex-direction: column; min-width: 0; padding: 25px 26px 23px; }
    .demo-category { margin: 0 0 9px; color: #8aa8be; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
    .demo-content h2 { margin: 0; font-family: var(--display); font-size: clamp(21px,2.1vw,27px); font-weight: 600; letter-spacing: -.035em; }
    .demo-description { margin: 8px 0 22px; color: #8e9cb1; font-size: 12px; line-height: 1.5; }
    .demo-field { padding: 18px; border: 1px solid rgba(182,208,246,.16); border-radius: 11px; background: rgba(8,11,21,.62); }
    .micro-label { color: #7888a4; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .demo-input-copy { min-height: 38px; margin: 10px 0 0; color: #dae5f9; font-size: 12px; line-height: 1.6; }
    .demo-output { position: relative; overflow: hidden; margin-top: 13px; padding: 17px 18px; border: 1px solid rgba(139,230,230,.15); border-radius: 11px; background: linear-gradient(115deg,rgba(24,58,69,.65),rgba(34,35,76,.42)); }
    .demo-output::after { content:''; position:absolute; width:110px; height:110px; right:-40px; top:-70px; border-radius:100%; background:rgba(114,216,243,.19); filter:blur(24px); pointer-events:none; }
    .demo-output-label { display: flex; align-items: center; gap: 8px; color: #abf3eb; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }
    .demo-output-label svg { width: 14px; height: 14px; }
    .demo-output h3 { position: relative; margin: 12px 0 6px; color: #f0f6ff; font-size: 14px; font-weight: 700; line-height: 1.5; }
    .demo-output p { position: relative; margin: 0; color: #a8bdd0; font-size: 11px; line-height: 1.65; }
    .demo-bottom { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top: auto; padding-top: 21px; }
    .demo-open { display: inline-flex; align-items: center; gap: 9px; color: #a7f6f1; font-size: 12px; font-weight: 700; }
    .demo-open:hover { color: white; }
    .demo-open svg { width: 15px; height: 15px; }
    .demo-count { font-family: var(--display); color: #8391ac; font-size: 12px; letter-spacing: .04em; }
    /* AdSense: slots retained with their exact IDs/sizes. Empty placeholders stay hidden
       so the design never displays dummy adverts. Add .is-active to .ad-region after
       inserting your approved ad code into the matching slot. */
    .ad-region { display: none; }
    .ad-region.is-active { display: block; margin-block: 26px; }
    .ad-region p { margin: 0 0 8px; text-align: center; color: #7f8aa1; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
    .ad-unit { margin: auto; }
    #ad-top-leaderboard, #ad-below-output { width: 728px; height: 90px; max-width: 100%; }
    #ad-sidebar { width: 300px; height: 250px; }
    /* Main tools */
    .tools-section { padding: 108px 0 110px; }
    .section-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 37px; }
    .section-heading h2, .section-title { margin: 15px 0 0; font-size: clamp(38px,4vw,55px); line-height: 1.12; font-weight: 600; }
    .section-heading .section-intro { max-width: 348px; margin: 0 0 4px; color: #9da9bd; font-size: 14px; line-height: 1.8; }
    .tools-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 26px; align-items: start; }
    .tools-layout.has-sidebar-ad { grid-template-columns: minmax(0,1fr) 300px; }
    .tools-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
    .tool-card { display: flex; flex-direction: column; overflow: hidden; min-width: 0; min-height: 500px; border: 1px solid rgba(219,230,255,.14); border-radius: 15px; background: #111625; transition: transform .25s, border-color .25s, box-shadow .25s; }
    .tool-card:hover, .tool-card:focus-visible { transform: translateY(-4px); border-color: rgba(219,230,255,.35); box-shadow: 0 24px 54px rgba(0,0,0,.2); }
    .card-body { flex: 1; padding: 29px 29px 23px; }
    .card-kicker { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #99a8c0; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
    .card-kicker .card-num { font-family: var(--display); font-size: 11px; letter-spacing: .06em; color: #73819a; }
    .tool-card h3 { margin: 28px 0 11px; color: #f4f5ff; font-family: var(--display); font-size: clamp(25px,2.5vw,33px); font-weight: 600; letter-spacing: -.04em; line-height: 1.16; }
    .tool-card .card-description { max-width: 410px; margin: 0; color: #a3aec3; font-size: 13px; line-height: 1.8; }
    .card-preview { position: relative; display: flex; align-items: center; justify-content: center; min-height: 185px; margin: 12px 19px 0; overflow: hidden; border: 1px solid rgba(255,255,255,.055); border-radius: 11px; }
    .card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 75px; margin: 0 29px; border-top: 1px solid rgba(219,230,255,.1); color: #eaf0ff; font-size: 13px; font-weight: 700; }
    .card-bottom .circle-arrow { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid rgba(215,224,255,.16); border-radius: 50%; transition: background .2s, transform .2s; }
    .tool-card:hover .circle-arrow { transform: translate(2px,-2px); background: rgba(255,255,255,.1); }
    .circle-arrow svg { width: 16px; height: 16px; }
    /* Purpose-built card visuals. All rendered in CSS/SVG, no stock imagery. */
    .dream-preview { background: radial-gradient(ellipse at 50% 105%,rgba(155,95,218,.5),transparent 58%),linear-gradient(125deg,#111b3c,#241739 62%,#1a1734); }
    .dream-preview::before { content: ''; position: absolute; inset: 0; opacity: .55; background-image: radial-gradient(#ffffff 1px,transparent 1px); background-size: 42px 44px; mask-image: linear-gradient(to bottom,white,transparent 80%); }
    .dream-moon { position:relative; width: 105px; height:105px; border-radius: 50%; background:linear-gradient(140deg,#ede2ff 4%,#af9cfa 67%,#7775bc); box-shadow: 0 0 46px rgba(199,170,255,.2), inset -21px -10px 28px rgba(42,44,110,.3); }
    .dream-moon::after { content: ''; position:absolute; width: 86px; height: 86px; top: -14px; right: -22px; border-radius:50%; background: #191a3b; box-shadow: -9px 9px 18px rgba(26,20,55,.23); }
    .dream-orbit { position:absolute; width: 245px; height:245px; border:1px solid rgba(220,193,255,.16); border-radius:50%; transform:rotate(-22deg) scaleY(.64); }
    .dream-orbit::after { content:'';position:absolute;top:11px;left:51px;width:5px;height:5px;border-radius:50%;background:#c2b1ff;box-shadow:0 0 12px #c2b1ff; }
    .email-preview { background: radial-gradient(ellipse at 80% 20%,rgba(92,208,198,.16),transparent 65%),#0d2730; }
    .email-window { width: min(88%,330px); padding:16px 18px 15px; border:1px solid rgba(146,235,231,.23); border-radius:11px; background:#132c37; box-shadow:0 10px 45px rgba(0,0,0,.17); transform:rotate(-2deg); }
    .email-window-head { display:flex;gap:8px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(213,250,251,.13); color:#a3d3dc; font-size:10px; }
    .email-window-head span { display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#1e4650;color:#aaf7f2; }
    .email-window-head svg { width:12px;height:12px; }
    .email-subject { margin: 14px 0 13px; color:#e3f7f6; font-size:12px;font-weight:700; }
    .email-line { height:5px; width:68%; margin-top:7px; border-radius:3px; background:rgba(181,229,234,.2); }
    .email-line.short { width:42%; }
    .email-corner { position:absolute; right:15px;bottom:15px;color:#93ebde;font-size:10px;letter-spacing:.06em; }
    .prompt-preview { background: radial-gradient(ellipse at 54% 80%,rgba(255,166,109,.3),transparent 60%),linear-gradient(130deg,#372442,#1b2044 65%,#121b32); }
    .prompt-abstract { position:absolute;width:165px;height:165px;border-radius:37% 63% 58% 42% / 37% 32% 68% 63%;transform:rotate(-28deg);background:linear-gradient(138deg,#ffa892 10%,#b597ff 43%,#5657bc 78%);box-shadow: inset 12px -16px 24px rgba(53,31,103,.55), 0 16px 55px rgba(182,122,223,.25); }
    .prompt-abstract::before { content:'';position:absolute;width:98px;height:98px;top:27px;left:34px;border:1px solid rgba(255,242,232,.63);border-radius:39% 61% 68% 32% / 50% 39% 61% 50%; }
    .prompt-abstract::after { content:'';position:absolute;width:55px;height:55px;top:51px;left:57px; border-radius:50%;background:linear-gradient(150deg,#322a6e,#b26fc9);box-shadow:inset 2px 5px 13px rgba(0,0,0,.4); }
    .prompt-grid { position:absolute;inset:0;background-image:linear-gradient(rgba(250,230,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(250,230,255,.065) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to right,transparent 8%,black 100%); }
    .prompt-coordinate { position:absolute;left:17px;bottom:14px;color:rgba(255,229,240,.62);font-family:var(--display);font-size:10px;letter-spacing:.06em; }
    .pitch-preview { background: radial-gradient(ellipse at 50% 115%,rgba(99,113,246,.29),transparent 70%),#1a223e; }
    .pitch-letter { width:min(82%,315px);padding:17px 19px;background:#e7eaf5;border-radius:9px 9px 0 0;color:#24304a;transform:translateY(19px) rotate(2deg);box-shadow:0 12px 45px rgba(0,0,0,.25); }
    .pitch-letter-top { display:flex;align-items:center;justify-content:space-between; padding-bottom:12px;border-bottom:1px solid #d2d7e6; }
    .pitch-avatar { display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#c7bafe;font:700 11px var(--display);color:#493879; }
    .pitch-letter-top span:last-child { color:#73809b;font-size:9px; }
    .pitch-letter strong { display:block;margin:14px 0 13px;font-size:11px; }
    .pitch-line {height:5px;margin-top:7px;background:#c7cddd;border-radius:3px;width:90%;}
    .pitch-line.alt {width:71%;}.pitch-line.last {width:49%;}
    .pitch-send {display:flex;align-items:center;gap:6px;margin-top:15px;color:#5146ac;font-size:10px;font-weight:700;}
    .pitch-send svg {width:12px;height:12px;}
    /* Benefits / process */
    .process-section { padding: 88px 0 94px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #0c101d; }
    .process-top { display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end; }
    .process-top p:last-child { max-width:395px;margin:0 0 3px;color:#9eabc1;font-size:14px;line-height:1.8; }
    .process-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:66px;}
    .process-step {padding-top:19px;border-top:1px solid rgba(229,235,255,.18);}
    .step-number {font:600 13px var(--display);color:#8de4e7;}
    .process-step h3 {margin:19px 0 9px;font:600 20px var(--display);letter-spacing:-.025em;}
    .process-step p {max-width:330px;margin:0;color:#9da9bc;font-size:13px;line-height:1.8;}
    /* About + FAQs */
    .about-section {padding:100px 0 110px;}
    .about-grid {display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,9vw,130px);}
    .about-copy h2 {margin:18px 0 18px;font:600 clamp(34px,3.5vw,47px)/1.16 var(--display);letter-spacing:-.044em;}
    .about-copy p:not(.eyebrow) {max-width:420px;margin:0;color:#9da9bf;font-size:14px;line-height:1.9;}
    .faq-list {border-top:1px solid var(--line);}
    .faq-list details {border-bottom:1px solid var(--line);padding:20px 0;}
    .faq-list summary {display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;font:600 15px var(--display);letter-spacing:-.01em;}
    .faq-list summary::-webkit-details-marker {display:none;}
    .faq-list summary::after {content:'+';font:400 22px var(--font);color:#85dadf;}
    .faq-list details[open] summary::after {content:'−';}
    .faq-list details p {max-width:530px;margin:13px 22px 0 0;color:#9ba7bc;font-size:13px;line-height:1.85;}
    /* Final invitation */
    .closing {position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(100deg,#121a2b 12%,#17172c 68%,#0e202b);}
    .closing::after {content:'';position:absolute;right:12%;top:-180px;width:400px;height:400px;border:1px solid rgba(172,236,242,.13);border-radius:50%;box-shadow:0 0 0 80px rgba(162,192,244,.025),0 0 0 160px rgba(162,192,244,.018);pointer-events:none;}
    .closing-inner {position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:51px;}
    .closing h2 {margin:0 0 10px;font:600 clamp(29px,3.5vw,42px)/1.14 var(--display);letter-spacing:-.04em;}
    .closing p {margin:0;color:#a6b3c7;font-size:13px;line-height:1.7;}
    /* Footer */
    .site-footer {padding:57px 0 0;background:#080a12;}
    .footer-main {display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:45px;padding-bottom:55px;}
    .footer-brand p {max-width:290px;margin:19px 0 0;color:#8c98af;font-size:13px;line-height:1.85;}
    .footer-column h2 {margin:4px 0 19px;color:#e8edff;font-size:13px;font-weight:700;}
    .footer-column ul {padding:0;margin:0;list-style:none;}
    .footer-column li+li {margin-top:12px;}
    .footer-column a {color:#929cb0;font-size:13px;line-height:1.6;transition:color .2s;}
    .footer-column a:hover {color:#a6f3ed;}
    .footer-bottom {display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-top:1px solid var(--line);color:#7e8ba2;font-size:11px;line-height:1.6;}
    /* Active ad container: only when an approved AdSense unit has been embedded */
    @media (max-width:1150px) {
      .tools-layout.has-sidebar-ad {grid-template-columns:1fr;}
      .tools-layout.has-sidebar-ad .sidebar-ad-region {display:none;}
      .hero-grid {gap:35px;}
      .hero h1 {font-size:clamp(46px,5vw,63px);}
    }
    @media (max-width:880px) {
      .container {width:min(100% - 44px,700px);}
      .desktop-nav,.nav-cta {display:none;}
      .menu-button {display:flex;}
      .mobile-nav {position:absolute;top:80px;left:0;right:0;padding:14px 22px 22px;background:#101522;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.27);}
      .mobile-nav.is-open {display:grid;gap:4px;}
      .mobile-nav a {padding:13px 8px;color:#d6e0f0;font-size:14px;}
      .hero-grid {grid-template-columns:1fr;min-height:0;padding-block:75px 80px;gap:58px;}
      .hero-copy {padding-bottom:0;}
      .hero h1 {max-width:620px;font-size:clamp(52px,8vw,74px);}
      .demo-surround {width:min(100%,620px);margin:auto;}
      .tools-section {padding:80px 0;}
      .process-top {grid-template-columns:1fr;gap:20px;}
      .process-steps {gap:22px;}
      .about-grid {grid-template-columns:1fr;gap:45px;}
      .about-section {padding:75px 0;}
    }
    @media (max-width:600px) {
      .container {width:calc(100% - 34px);}
      .site-header .container {height:70px;}
      .mobile-nav {top:70px;padding-inline:17px;}
      .brand {font-size:18px;}
      .hero-grid {padding-block:63px 64px;gap:43px;}
      .hero h1 {margin:22px 0 18px;font-size:clamp(44px,10vw,58px);line-height:1.08;}
      .hero-lede {font-size:14px;line-height:1.85;}
      .hero-actions {gap:10px;margin-top:27px;}
      .button {min-height:48px;padding-inline:16px;font-size:12px;}
      .hero-footnote {margin-top:30px;}
      .demo-window {border-radius:14px;}
      .demo-topbar {padding-inline:16px;min-height:54px;}
      .demo-main {grid-template-columns:51px 1fr;min-height:400px;}
      .demo-rail {gap:9px;padding:18px 0;}
      .demo-tab {width:34px;height:36px;border-radius:8px;}
      .demo-tab[aria-selected="true"]::before {left:-9px;}
      .demo-tab svg {width:17px;height:17px;}
      .demo-content {padding:20px 16px;}
      .demo-description {margin-bottom:15px;}
      .demo-field,.demo-output {padding:13px;}
      .demo-bottom {padding-top:16px;}
      .tools-section {padding:70px 0;}
      .section-heading {display:block;margin-bottom:29px;}
      .section-heading h2,.section-title {font-size:39px;}
      .section-heading .section-intro {margin-top:17px;}
      .tools-grid {grid-template-columns:1fr;gap:14px;}
      .tool-card {min-height:0;}
      .card-body {padding:24px 22px 16px;}
      .tool-card h3 {margin-top:20px;font-size:27px;}
      .card-preview {min-height:170px;margin:5px 13px 0;}
      .card-bottom {min-height:69px;margin-inline:22px;}
      .process-section {padding:65px 0 70px;}
      .process-steps {grid-template-columns:1fr;gap:26px;margin-top:36px;}
      .process-step h3 {margin-top:12px;}
      .about-section {padding:69px 0 77px;}
      .about-grid {gap:34px;}
      .faq-list summary {font-size:14px;}
      .closing-inner {display:block;padding-block:41px;}
      .closing .button {margin-top:24px;}
      .footer-main {grid-template-columns:1fr 1fr;gap:35px 15px;padding-bottom:40px;}
      .footer-brand {grid-column:1/-1;}
      .site-footer {padding-top:44px;}
      .footer-bottom {flex-direction:column;gap:5px;}
      .ad-region.is-active:not(.sidebar-ad-region) {display:none;}
    }
    @media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;} }
  

/* Consistent tool workspaces and information pages; extends the homepage system. */
[hidden] {display:none!important;}
.site-body {min-height:100vh;}
.back-link{display:inline-flex;align-items:center;gap:11px;color:#b3d4df;font-size:12px;font-weight:700;transition:color .2s;}
.back-link:hover{color:#ddffff;}
.back-link svg{width:15px;height:15px;transform:rotate(180deg);}
.subhero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 33%,rgba(93,72,166,.15),transparent 54%),radial-gradient(ellipse at 24% 78%,rgba(31,125,153,.10),transparent 48%);}
.subhero::after{position:absolute;inset:0;content:'';pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(168,200,254,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(168,200,254,.065) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent 35%,#000);}
.subhero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.78fr);gap:clamp(50px,6vw,110px);min-height:460px;align-items:center;padding-block:68px 72px;}
.subhero-copy .eyebrow{margin-top:40px;}
.subhero h1{max-width:760px;margin:17px 0 21px;font-size:clamp(43px,4.7vw,67px);line-height:1.065;font-weight:600;}
.subhero-lede{max-width:650px;color:#b0bbd1;font-size:15px;line-height:1.85;margin:0;}
.subhero-steps{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:34px;color:#a8b8cf;font:600 11px var(--display);letter-spacing:.025em;}
.subhero-steps i{height:1px;width:18px;background:#465d6a;}
.subhero-stage{overflow:hidden;border:1px solid rgba(201,225,255,.19);border-radius:15px;background:#101625;box-shadow:0 28px 70px rgba(0,0,0,.26);}
.stage-heading,.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;color:#8d9db8;font:600 10px var(--display);letter-spacing:.12em;text-transform:uppercase;}
.stage-heading{border-bottom:1px solid var(--line);}
.stage-heading svg{height:15px;width:15px;color:#9de7e8;}
.stage-footer{border-top:1px solid var(--line);}
.stage-footer span:first-child{color:#b6c8df;}
.subhero-stage .card-preview{min-height:225px;height:225px;margin:17px;border-radius:10px;}
.subhero-stage .dream-moon{width:125px;height:125px;}
.subhero-stage .dream-moon::after{width:103px;height:103px;}
.workspace-section{padding-block:84px 112px;}
.workspace-intro{margin-bottom:31px;}
.workspace-intro h2{font-size:clamp(34px,3.7vw,51px);}
.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 298px;align-items:start;gap:30px;}
.work-main{min-width:0;}
.editor-panel{border:1px solid rgba(206,220,255,.18);border-radius:16px;overflow:hidden;background:#111725;box-shadow:0 22px 50px rgba(0,0,0,.14);}
.editor-titlebar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid var(--line);background:#141b2a;}
.editor-title{display:flex;align-items:center;gap:14px;min-width:0;}
.editor-symbol{width:43px;height:43px;flex:none;display:grid;place-items:center;border:1px solid rgba(137,244,238,.27);border-radius:11px;color:#9df5f1;background:linear-gradient(120deg,rgba(107,236,221,.11),rgba(134,106,229,.13));}
.editor-symbol svg{width:20px;height:20px;}
.editor-overline{display:block;margin-bottom:5px;color:#8296b3;font-size:9px;font-weight:700;letter-spacing:.16em;}
.editor-title h2{margin:0;font:600 19px var(--display);letter-spacing:-.025em;}
.editor-state{color:#86b1be;border:1px solid rgba(144,230,229,.18);padding:6px 8px;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.14em;}
.editor-inner{padding:29px 29px 31px;}
.field-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:13px;}
.field-row label{color:#eff3ff;font-size:13px;font-weight:700;}
.text-action{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#9de9e7;cursor:pointer;font-size:12px;font-weight:700;padding:4px 0;}
.text-action:hover{color:white;}
.text-action svg{width:13px;height:13px;}
#tool-input{display:block;width:100%;min-height:200px;padding:19px 20px;border:1px solid rgba(194,213,248,.22);border-radius:11px;background:#0b101d;color:#eef4ff;font:400 14px/1.82 var(--font);resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s;}
#tool-input::placeholder{color:#7e8ca4;opacity:1;}
#tool-input:focus{border-color:#85e6e7;box-shadow:0 0 0 3px rgba(129,235,237,.10);}
#tool-input[readonly]{cursor:progress;opacity:.75;}
.field-foot{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-top:12px;}
.field-foot p{max-width:600px;margin:0;color:#92a1b7;font-size:11px;line-height:1.8;}
.field-foot #input-count{flex:none;color:#8998ad;font:600 11px var(--display);white-space:nowrap;padding-top:3px;}
.field-foot #input-count.near-limit{color:#f5b788;}
.editor-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:27px;padding-top:25px;border-top:1px solid var(--line);}
.editor-actions p{flex:1;min-width:180px;max-width:290px;margin:0;color:#8292aa;font-size:11px;line-height:1.65;}
.editor-actions .button{min-height:50px;white-space:nowrap;}
button:disabled{cursor:wait!important;opacity:.65;transform:none!important;}
.spinner{width:17px;height:17px;flex:none;border:2px solid rgba(3,28,37,.25);border-top-color:#14202e;border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
#tool-error{margin-top:22px;padding:15px 18px;border:1px solid rgba(243,132,144,.35);border-radius:9px;background:rgba(145,40,66,.15);color:#ffbec4;font-size:13px;line-height:1.65;}
.result-panel{margin-top:24px;border:1px solid rgba(139,233,230,.29);border-radius:15px;background:linear-gradient(120deg,rgba(18,37,47,.95),#101625 65%);overflow:hidden;}
.result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 29px;border-bottom:1px solid var(--line);}
.result-heading h2{font-size:25px;margin:12px 0 0;}
.result-heading .button{min-height:41px;font-size:12px;white-space:nowrap;}
.result-body{padding:24px 29px 18px;color:#cbd5e4;font-size:14px;line-height:1.88;overflow-wrap:anywhere;}
.result-body h3{margin:21px 0 8px;color:#f1f6ff;font:600 19px/1.4 var(--display);letter-spacing:-.022em;}
.result-body h3:first-child{margin-top:0;}
.result-body p{white-space:pre-wrap;margin:0 0 13px;}
.result-body ul,.result-body ol{margin:0 0 20px;padding-left:24px;}
.result-body li{margin-bottom:7px;}
.result-body strong{color:#f3f7ff;font-weight:700;}
.result-disclaimer{border-top:1px solid var(--line);padding:16px 29px;margin:0;color:#8399af;font-size:11px;line-height:1.6;}
.knowledge-section{padding:52px 0 48px;margin-top:55px;border-top:1px solid var(--line);}
.knowledge-section > .eyebrow{margin-bottom:18px;}
.knowledge-section > h2{margin:0 0 21px;max-width:730px;font-size:clamp(29px,3vw,38px);line-height:1.2;}
.knowledge-copy{max-width:740px;}
.knowledge-copy p{margin:0 0 14px;color:#a4b2c6;font-size:14px;line-height:1.9;}
.knowledge-copy strong{color:#d9e8fa;}
.knowledge-section + .knowledge-section{margin-top:0;}
.knowledge-section .faq-list{margin-top:23px;}
.related-section{padding:5px 0 0;}
.related-section h2{font-size:29px;margin:15px 0 22px;}
.related-list{border-top:1px solid var(--line);}
.related-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 4px;border-bottom:1px solid var(--line);transition:padding .2s,color .2s;}
.related-link:hover{padding-left:12px;color:#b9f4ef;}
.related-link span{display:grid;gap:7px;}
.related-link small{color:#8494ad;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;}
.related-link strong{font:600 16px var(--display);}
.related-link svg{height:17px;width:17px;color:#8fe3e4;}
.work-aside{display:flex;flex-direction:column;gap:21px;}
.side-panel{border:1px solid rgba(218,230,255,.15);border-radius:13px;background:#121826;padding:25px 22px;}
.sidebar-eyebrow{margin:0 0 15px;color:#91c8d1;font-size:10px;letter-spacing:.17em;font-weight:700;}
.side-panel h2{margin:0 0 12px;font:600 22px/1.3 var(--display);letter-spacing:-.03em;}
.side-panel p:not(.sidebar-eyebrow){margin:0;color:#a4aec2;font-size:12px;line-height:1.87;}
.tip-list{list-style:none;display:grid;gap:15px;margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--line);}
.tip-list li{position:relative;padding-left:18px;color:#c1cada;font-size:12px;line-height:1.6;}
.tip-list li::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;background:#8bdcde;border-radius:50%;}
.side-small a{display:inline-flex;align-items:center;gap:9px;margin-top:17px;color:#a8f3ed;font-size:12px;font-weight:700;}
.side-small a svg{width:15px;height:15px;}
.work-aside .ad-region{margin:0;}
/* Information pages */
.document-hero{position:relative;overflow:hidden;padding:68px 0 67px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 72% 40%,rgba(73,83,177,.17),transparent 65%);}
.document-hero .eyebrow{margin-top:35px;}
.document-hero h1{font-size:clamp(44px,5.6vw,72px);margin:16px 0 17px;font-weight:600;line-height:1.08;}
.document-lede{max-width:730px;color:#abbad0;font-size:16px;line-height:1.8;margin:0;}
.document-date{margin:18px 0 0;color:#8090aa;font-size:12px;}
.document-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(40px,8vw,105px);align-items:start;padding-top:60px;padding-bottom:100px;}
.document-index{position:sticky;top:30px;}
.document-index > p{margin:0 0 18px;color:#a1b2cb;font-size:10px;letter-spacing:.16em;font-weight:700;}
.document-index nav{display:grid;border-top:1px solid var(--line);}
.document-index nav a{display:flex;align-items:start;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);color:#a3aec1;font-size:12px;line-height:1.5;transition:color .2s;}
.document-index nav a:hover{color:#bbf0ee;}
.document-index nav a span{color:#699caa;font:600 11px var(--display);padding-top:1px;}
.document-index-note{display:flex;gap:12px;margin-top:31px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#111725;}
.document-index-note svg{flex:none;height:19px;width:19px;color:#89dadc;}
.document-index-note p{margin:0;color:#91a0b4;font-size:11px;line-height:1.7;}
.document-section{scroll-margin-top:30px;padding:29px 0 33px;border-bottom:1px solid var(--line);}
.document-section:first-child{padding-top:0;}
.document-number{color:#86cfd0;font:600 11px var(--display);}
.document-section h2{margin:13px 0 16px;color:#eef3ff;font:600 clamp(23px,2.5vw,29px)/1.27 var(--display);letter-spacing:-.028em;}
.document-section p{max-width:780px;margin:0 0 12px;color:#aab6ca;font-size:14px;line-height:1.95;}
.document-section a{color:#a2e9eb;text-decoration:underline;text-underline-offset:4px;}
.document-section strong{color:#d6e4f4;}
.document-tail{margin-top:34px;display:flex;gap:15px;align-items:start;justify-content:space-between;flex-wrap:wrap;}
.document-tail > span{color:#8c9cb4;font-size:10px;font-weight:700;letter-spacing:.12em;}
.document-tail > div{display:flex;gap:12px 21px;flex-wrap:wrap;}
.document-tail a{color:#a6eeeb;font-size:12px;font-weight:700;}
.contact-cta{position:relative;overflow:hidden;margin-bottom:24px;padding:29px 32px;border:1px solid rgba(127,230,231,.22);border-radius:13px;background:linear-gradient(110deg,#172a38,#171e34);}
.contact-cta > span{color:#95dadb;font-size:10px;font-weight:700;letter-spacing:.15em;}
.contact-cta h2{margin:13px 0 10px;font:600 28px var(--display);}
.contact-cta p{margin:0 0 20px;color:#afc3d2;font-size:13px;line-height:1.8;}
.contact-cta .button{min-height:45px;}
@media (max-width:1060px){.work-layout{grid-template-columns:minmax(0,1fr) 265px;gap:20px;}.subhero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:35px;}.subhero h1{font-size:clamp(40px,4.6vw,55px);}.document-layout{grid-template-columns:225px 1fr;gap:45px;}}
@media (max-width:880px){.subhero-grid{grid-template-columns:1fr;padding-block:57px;gap:35px;}.subhero-stage{max-width:540px;}.subhero h1{font-size:clamp(43px,7vw,58px);}.work-layout{grid-template-columns:1fr;}.work-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.document-layout{grid-template-columns:1fr;gap:30px;padding-top:35px;}.document-index{position:static;}.document-index nav{display:flex;flex-wrap:wrap;gap:6px 20px;}.document-index nav a{width:max-content;border-bottom:0;}.document-index-note{display:none;}}
@media (max-width:600px){.subhero-grid{padding-block:42px 47px;gap:28px;}.subhero-copy .eyebrow{margin-top:30px;}.subhero h1{font-size:clamp(37px,9.1vw,49px);}.subhero-lede{font-size:13px;}.subhero-steps{gap:9px;margin-top:24px;font-size:10px;}.subhero-steps i{width:10px;}.subhero-stage .card-preview{min-height:170px;height:170px;margin:11px;}.stage-heading,.stage-footer{padding:14px;font-size:9px;}.workspace-section{padding-block:57px 75px;}.editor-titlebar{padding:16px;}.editor-title h2{font-size:16px;}.editor-inner{padding:20px 16px 23px;}.editor-state{display:none;}.field-foot{flex-wrap:wrap;gap:5px;}.field-foot #input-count{margin-left:auto;}.editor-actions{margin-top:21px;padding-top:19px;}.editor-actions .button{width:100%;}.editor-actions p{min-width:0;}.result-heading{padding:19px 17px;flex-wrap:wrap;}.result-body{padding:20px 17px;font-size:13px;}.result-disclaimer{padding-inline:17px;}.knowledge-section{margin-top:39px;padding-block:36px;}.knowledge-section > h2{font-size:28px;}.work-aside{grid-template-columns:1fr;}.document-hero{padding:45px 0 49px;}.document-hero h1{font-size:45px;}.document-lede{font-size:14px;}.document-layout{padding-bottom:70px;}.document-index nav a{font-size:11px;}.document-section p{font-size:13px;}.contact-cta{padding:23px;}}

.support-address{margin:22px 0 5px;padding:23px;border:1px solid rgba(148,229,228,.19);border-radius:10px;background:#11232e;}.support-address > span{display:block;margin-bottom:12px;color:#90d7d9;font-size:10px;font-weight:700;letter-spacing:.13em;}.support-address > a{display:inline-flex;align-items:center;gap:10px;color:#d3faf5;font:600 clamp(16px,2vw,23px) var(--display);overflow-wrap:anywhere;text-decoration:none;}.support-address svg{height:17px;width:17px;}.support-address p{margin:13px 0 0;color:#aebcce;font-size:12px;}