:root{color-scheme:dark;--bg:#030710;--panel:#0a1220;--line:#213044;--muted:#99afc8;--cyan:#69dfff;--blue:#086bff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 82% 0%,#102c50 0,transparent 48%),var(--bg);color:#f4f8ff;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}header,main,footer{width:min(1460px,calc(100% - 80px));margin:auto}header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}header img{width:158px}.back{font-size:14px;color:var(--muted)}.back:hover{color:white}.intro{padding:52px 0 38px;display:grid;grid-template-columns:1.25fr 1fr;gap:0 50px;align-items:end}.eyebrow{font-size:13px;font-weight:650;letter-spacing:.13em;color:var(--cyan);margin:0 0 16px;grid-column:1/-1}h1{margin:0;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.06em;font-weight:650}h1 span{background:linear-gradient(90deg,#fff 5%,#65dfff 90%);background-clip:text;color:transparent}.intro>p:last-child{color:var(--muted);font-size:19px;max-width:440px;margin:0 0 4px}.workspace{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.45fr);gap:38px;align-items:start}.brief{background:linear-gradient(145deg,#101c2e,#080f1a);border:1px solid var(--line);border-radius:26px;padding:30px}.cardtitle{display:flex;gap:14px;align-items:start;margin-bottom:25px}.step{font-size:13px;border:1px solid #37526c;border-radius:9px;color:#6ddfff;padding:4px 7px;display:inline-block}h2{font-size:21px;line-height:1.3;letter-spacing:-.03em;margin:0;font-weight:600}.cardtitle p{margin:4px 0 0;color:var(--muted);font-size:14px}label{font-size:14px;font-weight:550;display:block;margin:18px 0 8px}label>span{color:var(--cyan)}input,textarea,select,button{font:inherit}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;padding:13px 14px;color:#fff;background:#050c17;border:1px solid #2a3d54;border-radius:11px;outline:none;min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #54c9ff19}textarea{resize:vertical}.hint{color:var(--muted);font-size:13px;margin:9px 0 22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}summary:before{content:'+';font-size:20px;color:#67dfff}details[open]>summary:before{content:'−'}summary span{font-weight:400;color:var(--muted);margin-left:auto;font-size:13px}.detailsContent{padding:4px 0 8px}.upload{padding:20px 16px;border:1px dashed #355573;background:#07162690;border-radius:14px;text-align:center;cursor:pointer;position:relative}.uploadIcon{display:block;font-size:26px}.upload strong{display:block;font-size:14px}.upload>span:last-of-type{display:block;font-size:12px;color:var(--muted);margin-top:7px}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload:focus-within{outline:2px solid var(--cyan)}.fileList{font-size:13px;color:#a9c5dd;padding-left:18px;word-break:break-word}.consent{display:flex;gap:10px;align-items:start;margin:22px 0 15px}.consent input{accent-color:#1baeff;margin:4px 0 0;flex-shrink:0;width:17px;height:17px}.consent span{font-size:12px;line-height:1.55;font-weight:400;color:var(--muted)}.primary{width:100%;border:0;border-radius:12px;padding:16px;background:linear-gradient(110deg,#1687ff,#2dcbff);color:white;font-weight:650;cursor:pointer;box-shadow:0 8px 30px #007cff22;transition:transform .2s}.primary:hover{transform:translateY(-2px)}button:disabled{cursor:wait;opacity:.5}.availability{font-size:13px;color:#a7b8c9;padding:11px 13px;background:#1c273a;border-radius:10px;margin-bottom:14px}.availability:empty{display:none}.footnote{margin-bottom:0}.error{padding:12px 15px;background:#391820;border:1px solid #8e4758;border-radius:10px;font-size:14px}.previewColumn{position:sticky;top:26px;min-width:0}.previewTools{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:3px 0 18px}.previewTools>div:first-child{display:flex;gap:12px;align-items:center}.viewModes{padding:4px;background:#0e1a2b;border:1px solid var(--line);border-radius:11px;display:flex}.viewModes button{background:transparent;border:0;border-radius:7px;color:var(--muted);font-size:13px;padding:7px 12px;cursor:pointer}.viewModes [aria-pressed=true]{background:#253a53;color:white}.browser{border:1px solid #2b415c;border-radius:19px;overflow:hidden;box-shadow:0 30px 100px #0005}.browserBar{display:flex;align-items:center;gap:13px;background:#162236;height:51px;padding:0 17px;font-size:12px;color:#9eb3cb}.dots{display:flex;gap:6px}.dots i{display:block;width:7px;height:7px;border-radius:100%;background:#55728f}#browserTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sampleBadge{margin-left:auto;border:1px solid #425570;border-radius:5px;padding:3px 6px;font-size:10px;letter-spacing:.07em}.screen{position:relative;min-height:510px;background:radial-gradient(circle at 50% 10%,#133154,transparent 65%),#050b15;display:flex;justify-content:center;align-items:center;overflow:hidden}.empty{padding:30px;text-align:center;width:100%;animation:appear .65s ease both}.spark{font-size:63px;font-weight:650;line-height:1;width:106px;height:106px;margin:0 auto 34px;border:1px solid #4dbbff55;border-radius:28px;background:linear-gradient(145deg,#1a3657,#080e19);display:flex;align-items:center;justify-content:center;position:relative;color:#dbf5ff;box-shadow:0 0 70px #007eff22}.spark span{position:absolute;right:-12px;top:-9px;font-size:38px;color:#64dfff}.empty h3{font-size:clamp(25px,2.7vw,39px);line-height:1.14;letter-spacing:-.045em;margin:0 0 20px}.empty p{color:#8ba6c3;font-size:15px}.miniPills{display:flex;gap:7px;justify-content:center;margin-top:32px;flex-wrap:wrap}.miniPills span{font-size:11px;border:1px solid #243e5a;padding:5px 9px;border-radius:20px;color:#9dbcd8}.previewNote{padding:22px 8px}.previewNote>span{font-size:14px;font-weight:600;color:#c9deee}.previewNote p{font-size:13px;color:var(--muted);max-width:580px;margin:7px 0}.pageNav{display:flex;align-items:center;gap:14px;padding:10px 15px;background:#0e1827}.pageNav label{margin:0;font-size:13px}.pageNav select{padding:7px 10px;font-size:14px}.screen iframe{border:0;background:white;width:100%;height:620px;transition:width .3s}.screen.mobile iframe{width:375px;max-width:100%;border-left:1px solid #36516a;border-right:1px solid #36516a}.watermark{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none;font-weight:800;font-size:clamp(18px,3vw,40px);color:#9bb8d344;transform:rotate(-25deg);letter-spacing:.1em;user-select:none}.progress{text-align:center;padding:30px;max-width:460px}.progress h3{font-size:25px;letter-spacing:-.04em}.progress p{color:var(--muted);font-size:14px}.orb{width:76px;height:76px;margin:10px auto 35px;border-radius:100%;border:1px solid #5cd4ff;box-shadow:inset 0 0 25px #008cff77,0 0 65px #008cff66;animation:pulse 2s ease infinite}.progressTrack{height:3px;background:#1e3650;overflow:hidden;margin:27px 0}.progressTrack span{display:block;width:36%;height:100%;background:#5cd5ff;animation:travel 2s ease-in-out infinite}.resultDetails{border:1px solid var(--line);padding:20px;border-radius:16px;font-size:14px}.resultDetails p{color:#bfd5e9}.resultDetails ul{padding-left:20px;color:var(--muted);overflow-wrap:anywhere}.resultDetails h3,#questionsBox h3{font-size:16px}.secondary{background:#172b42;color:white;border:1px solid #314b69;border-radius:10px;padding:11px 14px;margin-top:17px;cursor:pointer}footer{display:flex;justify-content:space-between;padding:40px 0;color:#7790aa;font-size:13px}footer span:first-child{font-weight:700;color:#b7d0e8}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #69dfff;outline-offset:4px}[hidden]{display:none!important}@keyframes pulse{50%{box-shadow:inset 0 0 35px #008cffbb,0 0 80px #008cff88;transform:scale(1.07)}}@keyframes travel{from{transform:translateX(-110%)}to{transform:translateX(380%)}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){header,main,footer{width:calc(100% - 40px)}.workspace{gap:22px;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.brief{padding:23px}.previewTools{align-items:flex-start;flex-wrap:wrap}.screen{min-height:480px}.intro>p:last-child{font-size:17px}}@media(max-width:740px){header{height:80px}header img{width:135px}.intro{display:block;padding:35px 0 28px}.intro>p:last-child{margin-top:20px;max-width:400px;font-size:16px}.workspace{display:block}.brief{border-radius:20px}.previewColumn{position:static;margin-top:30px}.screen{min-height:440px}.screen iframe{height:560px}footer{display:block}footer span{display:block;margin-bottom:8px}.consent span{font-size:13px}.miniPills span{font-size:12px}.eyebrow{font-size:12px}.previewTools h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.screen.hasPreview{min-height:0;display:block}.screen.hasPreview iframe{position:absolute;top:0;max-width:none;border:0;transform-origin:top left;transition:none}.watermark{font-size:clamp(20px,2.4vw,35px);color:rgba(165,183,202,.17);font-weight:650;letter-spacing:.15em}