:root{
  --bg:#160820;
  --bg2:#220d3a;
  --ink:#fff8ff;
  --muted:#d9c8e8;
  --soft:#bda7ca;
  --line:rgba(255,255,255,.16);
  --glass:rgba(255,255,255,.09);
  --glass2:rgba(255,255,255,.13);
  --pink:#ff5fcf;
  --yellow:#ffd86b;
  --mint:#70ffd8;
  --violet:#9c6cff;
  --shadow:0 24px 80px rgba(0,0,0,.42);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 0%, rgba(255,95,207,.22), transparent 34rem),
    radial-gradient(circle at 90% 15%, rgba(112,255,216,.16), transparent 32rem),
    linear-gradient(145deg, var(--bg), var(--bg2) 58%, #11051c);
  min-height:100vh;
  overflow-x:hidden;
}
a{color:inherit}
button,input{font:inherit}
button{cursor:pointer}
.aurora{position:fixed;inset:auto;filter:blur(24px);opacity:.74;z-index:-3;pointer-events:none;animation:floaty 10s ease-in-out infinite alternate}
.aurora-one{width:42rem;height:42rem;background:radial-gradient(circle, rgba(255,95,207,.45), transparent 64%);left:-16rem;top:7rem}
.aurora-two{width:36rem;height:36rem;background:radial-gradient(circle, rgba(112,255,216,.33), transparent 67%);right:-15rem;top:21rem;animation-delay:-3s}
.grain{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
@keyframes floaty{to{transform:translate3d(2rem,-1rem,0) scale(1.06)}}
.topbar{
  width:min(1180px, calc(100% - 32px));
  margin:18px auto 0;
  position:sticky;
  top:14px;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 14px;
  border:1px solid var(--line);
  background:rgba(18,7,31,.68);
  backdrop-filter:blur(18px);
  border-radius:999px;
  box-shadow:0 12px 40px rgba(0,0,0,.26);
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--yellow));box-shadow:0 0 22px rgba(255,95,207,.35);font-size:24px;flex:0 0 auto}
.brand strong{display:block;letter-spacing:-.04em;line-height:1;font-size:1.03rem}
.brand small{display:block;color:var(--soft);font-size:.72rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}
.navlinks{display:flex;align-items:center;gap:6px}
.navlinks a{text-decoration:none;color:var(--muted);font-size:.9rem;padding:10px 13px;border-radius:999px;transition:.2s ease}
.navlinks a:hover{background:rgba(255,255,255,.1);color:#fff}
main{width:min(1180px, calc(100% - 32px));margin:0 auto}
.hero{display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(320px,.75fr);gap:28px;align-items:center;padding:76px 0 40px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--mint);font-weight:800;font-size:.78rem;margin:0 0 14px}
h1{font-size:clamp(3rem, 8vw, 7.6rem);line-height:.88;letter-spacing:-.08em;margin:0 0 24px;max-width:860px;text-wrap:balance}
.lede{font-size:clamp(1.06rem, 2vw, 1.34rem);line-height:1.6;color:var(--muted);max-width:730px;margin:0 0 28px}.summon-form{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.summon-form label{display:block;font-weight:800;margin:0 0 10px}.input-row{display:flex;gap:10px}.input-row input{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(0,0,0,.22);color:var(--ink);padding:16px 17px;outline:none}.input-row input:focus{border-color:rgba(112,255,216,.8);box-shadow:0 0 0 4px rgba(112,255,216,.13)}
.input-row button,.tool-card button,.result-actions button,.ghost-button{border:0;border-radius:18px;background:linear-gradient(135deg,var(--yellow),#ff8adf);color:#220519;font-weight:900;padding:15px 18px;box-shadow:0 12px 26px rgba(255,95,207,.2);transition:transform .18s ease, filter .18s ease;white-space:nowrap}
.input-row button:hover,.tool-card button:hover,.result-actions button:hover,.ghost-button:hover{transform:translateY(-2px);filter:brightness(1.05)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chips button{border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--muted);border-radius:999px;padding:9px 12px}.chips button:hover{color:#fff;background:rgba(255,255,255,.14)}
.hero-card{position:relative;overflow:hidden;border-radius:36px;padding:26px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.07)),radial-gradient(circle at 30% 0%,rgba(255,216,107,.35),transparent 20rem);box-shadow:var(--shadow);min-height:470px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.hero-card:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(255,255,255,.24);border-radius:28px;z-index:-1}.card-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,95,207,.42),transparent 66%);right:-70px;top:-60px;z-index:-2}.stamp{position:absolute;top:24px;right:18px;transform:rotate(9deg);border:3px solid rgba(255,216,107,.9);color:#ffe99c;border-radius:16px;padding:10px 12px;font-weight:950;letter-spacing:.08em;text-align:center;background:rgba(0,0,0,.16)}.stamp span{display:block;font-size:.54rem;letter-spacing:0;color:var(--muted);font-weight:700}.serial{color:var(--mint);font-weight:900;letter-spacing:.18em;font-size:.78rem}.hero-card h2{font-size:2.8rem;line-height:.95;margin:0 0 14px;letter-spacing:-.07em}.hero-card p{color:var(--muted);font-size:1.05rem;line-height:1.55}.permit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.permit-grid div{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(0,0,0,.14)}.permit-grid span{display:block;color:var(--soft);font-size:.75rem}.permit-grid strong{display:block;margin-top:4px;font-size:.92rem}.ghost-button{background:rgba(255,255,255,.12);border:1px solid var(--line);color:#fff;box-shadow:none;width:100%}.ticker{margin:6px 0 26px;display:flex;gap:14px;align-items:center;border:1px solid var(--line);background:rgba(0,0,0,.16);border-radius:22px;padding:13px 16px;color:var(--muted)}.ticker span{color:#fff;font-weight:900;white-space:nowrap}.ticker p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:16px;margin:22px 0}.tool-card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--glass);border-radius:28px;padding:22px;min-height:250px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 18px 60px rgba(0,0,0,.2)}.tool-card.big{background:linear-gradient(140deg,rgba(255,95,207,.18),rgba(112,255,216,.09));}.tool-card:after{content:"";position:absolute;inset:auto -60px -80px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,216,107,.22),transparent 65%)}.tool-icon{font-size:2.2rem;margin-bottom:auto}.tool-card h3{font-size:1.45rem;letter-spacing:-.04em;margin:22px 0 8px}.tool-card p{color:var(--muted);line-height:1.55;margin:0 0 18px}.tool-card button{margin-top:auto}.result-zone{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:20px 0}.result-card{border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.06));border-radius:34px;padding:26px;box-shadow:var(--shadow)}.result-kicker{color:var(--mint);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.78rem;margin:0 0 10px}.result-card h2{font-size:clamp(2rem,4vw,4.2rem);line-height:.98;letter-spacing:-.07em;margin:0 0 14px}.result-card p{color:var(--muted);line-height:1.6;max-width:850px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.result-actions button:nth-child(2),.result-actions button:nth-child(3){background:rgba(255,255,255,.12);border:1px solid var(--line);color:#fff;box-shadow:none}#posterPreview{width:min(100%,720px);border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow);margin:0 auto;display:block}.office-magic{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 56px}.magic-tile{border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:26px;padding:20px}.magic-tile span{display:block;color:var(--soft);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.magic-tile strong{display:block;margin-top:10px;font-size:1.3rem;letter-spacing:-.04em}.faq{padding:20px 0 80px}.faq h2{font-size:clamp(2.2rem,5vw,5rem);letter-spacing:-.07em;line-height:.95;margin:0 0 20px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}details{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(255,255,255,.08)}summary{font-weight:900;cursor:pointer}details p{color:var(--muted);line-height:1.55}.footer{border-top:1px solid var(--line);padding:30px 16px 46px;text-align:center;color:var(--soft)}.footer p{margin:6px}.plain-page{min-height:100vh;display:grid;place-items:center;padding:44px 0}.plain-card{width:min(820px,100%);border:1px solid var(--line);background:rgba(255,255,255,.1);border-radius:34px;padding:34px;box-shadow:var(--shadow)}.plain-card h1{font-size:clamp(2.5rem,7vw,5.8rem)}.plain-card h2{letter-spacing:-.04em}.plain-card p{color:var(--muted);line-height:1.65}.back-link{position:absolute;top:24px;left:24px;text-decoration:none;color:var(--muted);padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line)}
@media (max-width:980px){.hero{grid-template-columns:1fr;padding-top:46px}.hero-card{min-height:390px}.tools{grid-template-columns:repeat(2,1fr)}.office-magic,.faq-grid{grid-template-columns:1fr}.navlinks{display:none}.brand small{max-width:56vw}}
@media (max-width:620px){main,.topbar{width:min(100% - 22px,1180px)}.topbar{top:10px;border-radius:22px}.hero{padding-top:34px}.input-row{flex-direction:column}.input-row button{width:100%}h1{font-size:3.65rem}.hero-card{border-radius:28px;padding:20px}.permit-grid{grid-template-columns:1fr}.tools{grid-template-columns:1fr}.ticker{align-items:flex-start}.ticker p{white-space:normal}.result-card{padding:20px;border-radius:28px}.stamp{position:relative;top:auto;right:auto;transform:rotate(-2deg);margin-bottom:60px}.plain-card{padding:24px;border-radius:26px}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}