:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8f7ff;font-family:Inter,ui-rounded,Arial Rounded MT Bold,Arial,sans-serif}*{box-sizing:border-box}html{background:#f8f7ff}body{color:#18233f;background:#f8f7ff;min-width:320px;margin:0}button,input,textarea{font:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #5b4bff}.maker-app{isolation:isolate;background:linear-gradient(155deg,#fbfaff 0%,#f2f7ff 48%,#fff8ed 100%);min-height:100svh;padding:18px;position:relative;overflow:hidden}.maker-grid{z-index:-3;opacity:.55;background-image:linear-gradient(#425ca812 1px,#0000 1px),linear-gradient(90deg,#425ca812 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.maker-shape{z-index:-2;filter:blur(.2px);border-radius:42% 58% 62% 38%/42% 39% 61% 58%;position:absolute}.maker-shape--yellow{background:#ffde6766;width:220px;height:220px;top:12%;left:-80px;transform:rotate(16deg)}.maker-shape--purple{background:#a48fff40;width:270px;height:270px;bottom:8%;right:-100px;transform:rotate(-20deg)}.site-header,.builder-hero,.wizard-card,.result-preview{width:min(100%,1120px);margin-inline:auto}.site-header{z-index:2;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.wordmark{color:#1e2850;letter-spacing:-.045em;background:0 0;border:0;align-items:center;gap:9px;padding:5px 0;font-size:1.02rem;font-weight:950;display:inline-flex}.wordmark__mark{color:#1e2850;background:linear-gradient(135deg,#fff07b 0 49%,#74e0bd 49% 100%);border:3px solid #1e2850;border-radius:12px;place-items:center;width:38px;height:38px;font-size:1.45rem;line-height:1;display:grid;box-shadow:4px 4px #1e2850}.language-picker{background:#fffc;border:2px solid #dfe4f6;border-radius:999px;gap:3px;padding:4px;display:inline-flex;box-shadow:0 5px 17px #202d5a12}.language-picker__button{color:#59647f;background:0 0;border:0;border-radius:999px;min-height:32px;padding:4px 10px;font-size:.76rem;font-weight:850}.language-picker__button--active{color:#fff;background:#5b4bff}.builder-hero{align-items:center;gap:34px;min-height:calc(100svh - 78px);padding:42px 0 62px;display:grid}.builder-hero__copy{max-width:600px}.section-kicker{color:#7565ed;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:950}.builder-hero h1,.result-preview h1,.wizard-card h1{color:#1d2850;letter-spacing:-.085em;text-wrap:balance;margin:0;font-size:clamp(3.25rem,14vw,6.8rem);line-height:.88}.builder-hero h1{max-width:8ch}.builder-hero__lede{color:#52607d;max-width:52ch;margin:24px 0 20px;font-size:clamp(1.05rem,3.4vw,1.23rem);font-weight:600;line-height:1.55}.trust-badges{flex-wrap:wrap;gap:9px;margin-bottom:23px;display:flex}.trust-badges span{color:#4e5d7f;background:#ffffffd9;border:2px solid #dce3f5;border-radius:999px;padding:7px 11px;font-size:.83rem;font-weight:850}.button{color:#1f2a50;border:2px solid #1f2a50;border-radius:15px;min-height:48px;padding:11px 17px;font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s}.button:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:4px 4px #1f2a50e0}.button:disabled{cursor:not-allowed;opacity:.48}.button--primary{background:linear-gradient(130deg,#ffeb70,#79e6bd)}.button--large{min-height:57px;padding:14px 21px;font-size:1.03rem}.button--ghost{color:#52607d;background:#fff;border-color:#d7def0}.privacy-note{color:#67748d;gap:8px;max-width:52ch;margin:20px 0 0;font-size:.86rem;font-weight:600;line-height:1.5;display:flex}.browser-preview{background:#fff;border:3px solid #1d2850;border-radius:26px;width:min(92vw,515px);margin:4px auto 0;padding:10px;position:relative;transform:rotate(2deg);box-shadow:12px 13px #1d2850}.browser-preview__bar{border-bottom:2px solid #e4e8f5;align-items:center;gap:6px;min-height:30px;padding:0 5px 8px;display:flex}.browser-preview__bar i{background:#ff8273;border-radius:999px;width:9px;height:9px}.browser-preview__bar i:nth-child(2){background:#ffdc68}.browser-preview__bar i:nth-child(3){background:#79ddad}.browser-preview__bar span{color:#8a94aa;margin-left:7px;font-size:.65rem;font-weight:800}.browser-preview__canvas{background:linear-gradient(135deg,#e8f4ff,#fff7d9);border-radius:15px;padding:13px}.browser-preview__nav{align-items:center;gap:8px;min-height:26px;display:flex}.browser-preview__nav b{margin-right:auto;font-size:1.15rem}.browser-preview__nav span{background:#a9b7d4;border-radius:999px;width:30px;height:6px}.browser-preview__hero{background:#fff;border:2px solid #9eb1d8;border-radius:15px;justify-content:space-between;align-items:center;min-height:175px;margin:12px 0;padding:19px;display:flex}.browser-preview__hero div{gap:7px;max-width:190px;display:grid}.browser-preview__hero em{color:#7966ed;font-size:.74rem;font-style:normal;font-weight:900}.browser-preview__hero strong{color:#23305a;letter-spacing:-.05em;font-size:1.35rem;line-height:1}.browser-preview__hero small{color:#6c7894;font-size:.68rem;font-weight:700}.browser-preview__hero button{color:#23305a;background:#ffeb70;border:0;border-radius:8px;width:max-content;padding:6px 9px;font-size:.67rem;font-weight:900}.browser-preview__hero>span{filter:drop-shadow(4px 5px #d9c8ff);font-size:4.3rem}.browser-preview__cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.browser-preview__cards b{color:#435275;text-align:center;background:#fff;border:2px solid #aab7d8;border-radius:11px;place-items:center;min-height:56px;font-size:.71rem;display:grid}.browser-preview__sticker{color:#1d2850;border:3px solid #1d2850;border-radius:16px;place-items:center;width:49px;height:49px;font-weight:950;display:grid;position:absolute;box-shadow:4px 4px #1d2850}.browser-preview__sticker--one{background:#ffcc76;top:-25px;right:21px;transform:rotate(12deg)}.browser-preview__sticker--two{background:#ad91ff;bottom:31px;right:-22px;transform:rotate(-10deg)}.wizard-card,.result-preview{background:#fffffff0;border:3px solid #1e2850;border-radius:28px;margin-top:clamp(35px,8vh,84px);margin-bottom:42px;padding:clamp(20px,5vw,42px);position:relative;box-shadow:10px 11px #1e2850,0 20px 55px #37447b1f}.wizard-card:after,.result-preview:after{content:"";background:#79e6bd;border:3px solid #1e2850;border-radius:8px;width:48px;height:31px;position:absolute;top:-15px;right:clamp(18px,8%,82px);transform:rotate(3deg)}.wizard-card__header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.wizard-card h1{max-width:16ch;font-size:clamp(1.8rem,6.6vw,3.25rem);line-height:1.01}.wizard-card__spark{background:#ffeb70;border:3px solid #1e2850;border-radius:17px;flex:none;place-items:center;width:60px;height:60px;font-size:1.9rem;display:grid;box-shadow:4px 4px #1e2850}.wizard-card__hint{color:#63708a;margin:22px 0 15px;font-weight:700}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.choice-card{color:#33415f;text-align:left;background:#f9fbff;border:2px solid #dbe1f0;border-radius:17px;justify-items:start;gap:8px;min-height:112px;padding:13px;transition:transform .16s,border-color .16s,background .16s;display:grid;box-shadow:0 3px #dbe1f0}.choice-card:hover{background:#f3f0ff;border-color:#8e7cf5;transform:translateY(-2px)}.choice-card--selected{color:#1e2850;background:linear-gradient(135deg,#ffef80,#9de6cf);border-color:#1e2850;box-shadow:4px 4px #1e2850}.choice-card__icon{background:#fff;border-radius:13px;place-items:center;width:41px;height:41px;font-size:1.5rem;display:grid}.choice-card__label{font-size:.88rem;font-weight:900;line-height:1.16}.wizard-card__actions,.result-preview__actions{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;display:flex}.wizard-card__error,.result-preview__error{color:#9e3340;background:#fff1f1;border:2px solid #e67377;border-radius:12px;margin:16px 0 -4px;padding:10px 12px;font-weight:800}.name-entry{background:#f8f6ff;border:2px dashed #a89df0;border-radius:19px;margin-top:24px;padding:19px}.name-entry label{color:#29365a;justify-content:space-between;align-items:center;gap:10px;font-weight:950;display:flex}.name-entry label span{color:#7565ed;background:#ebe7ff;border-radius:999px;padding:4px 8px;font-size:.7rem}.name-entry input{color:#273557;background:#fff;border:2px solid #c8d1e8;border-radius:12px;width:100%;min-height:52px;margin-top:10px;padding:11px 13px;font-weight:750}.name-entry input::placeholder{color:#98a3bc}.name-entry p{color:#70809c;margin:9px 0 0;font-size:.84rem;font-weight:650;line-height:1.4}.result-preview__header{max-width:700px}.result-preview h1{max-width:13ch;font-size:clamp(2.45rem,9vw,5.2rem)}.result-preview__summary{color:#5c6a85;max-width:57ch;margin:18px 0 0;font-size:1.05rem;font-weight:700;line-height:1.5}.website-blocks{margin-top:32px}.website-blocks>h2,.ai-prompt-card h2{color:#273557;letter-spacing:-.04em;margin:0;font-size:clamp(1.25rem,4.5vw,1.75rem)}.website-block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px;display:grid}.website-block{background:linear-gradient(145deg,#fff,#f4f8ff);border:2px solid #d8e0ef;border-radius:17px;min-height:152px;padding:16px}.website-block:nth-child(2){background:linear-gradient(145deg,#fff,#fdf6df)}.website-block:nth-child(3){background:linear-gradient(145deg,#fff,#edfdf5)}.website-block:nth-child(4){background:linear-gradient(145deg,#fff,#f6efff)}.website-block__icon{background:#fff;border-radius:11px;place-items:center;width:39px;height:39px;font-size:1.38rem;display:grid;box-shadow:0 2px 8px #35447317}.website-block h3{color:#2c3a60;letter-spacing:-.025em;margin:12px 0 5px;font-size:1rem}.website-block p{color:#687792;margin:0;font-size:.82rem;font-weight:650;line-height:1.4}.ai-prompt-card{background:#202b51;border:3px solid #1e2850;border-radius:21px;margin-top:28px;padding:clamp(17px,4vw,25px);box-shadow:6px 7px #ffdf72}.ai-prompt-card__header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.ai-prompt-card .section-kicker{color:#afebd7}.ai-prompt-card h2{color:#fff}.ai-prompt-card__header>span{font-size:2.2rem}.ai-prompt-card__hint{color:#cbd4ef;margin:12px 0;font-size:.88rem;font-weight:650;line-height:1.45}.ai-prompt-card__text{color:#f1f5ff;white-space:pre-wrap;background:#131c3e;border:1px solid #dae4ff38;border-radius:13px;max-height:310px;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.79rem;line-height:1.6;overflow:auto}.copy-prompt{margin-top:13px}.copy-prompt__button{color:#1e2850;background:#ffeb70;border:2px solid #fff;border-radius:12px;min-height:45px;padding:9px 13px;font-weight:950}.copy-prompt__button:hover{transform:translateY(-1px)}.copy-prompt__fallback{color:#8e3f4b;background:#fff0f0;border:2px solid #f6c9c9;border-radius:12px;margin-top:12px;padding:12px;font-size:.86rem}.copy-prompt__fallback p{margin:0 0 8px;font-weight:800}.copy-prompt__fallback textarea{color:#263251;background:#fff;border:1px solid #d9a3aa;border-radius:8px;width:100%;min-height:95px;padding:8px}.result-preview__tool-hint{color:#61708d;margin:19px 0 -6px;font-size:.88rem;font-weight:700;line-height:1.45}@media (min-width:760px){.maker-app{padding:24px}.builder-hero{grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:44px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.website-block-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wizard-card h1{font-size:clamp(2rem,5vw,3.25rem)}}@media (max-width:420px){.maker-app{padding:14px}.site-header{gap:8px}.language-picker__button{padding-inline:7px}.choice-grid{grid-template-columns:1fr}.browser-preview{transform:none;box-shadow:7px 8px #1d2850}.browser-preview__sticker--two{right:-6px}.wizard-card,.result-preview{box-shadow:6px 7px #1e2850,0 20px 50px #37447b1f}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}