:root{--ink:#17131d;--muted:#655e6d;--purple:#8f53ff;--pink:#ff5f73;--line:#eae6ee;--gradient:linear-gradient(135deg,#8f53ff,#ff5f73);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}h1,h2,h3,p{margin:0}button{border:0}p{line-height:1.7}::selection{background:#e8d9ff}.header{max-width:1504px;margin:auto;height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;gap:11px;align-items:center;font-weight:800;font-size:18px;letter-spacing:-.5px}.logo img{border-radius:9px}.logo-sub{display:block;font-size:8px;letter-spacing:2px;font-weight:600;margin-top:4px;color:var(--muted)}nav{display:flex;gap:34px;font-size:13px;font-weight:500}nav a:hover{color:var(--purple)}.button{background:var(--gradient);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 25px;border-radius:8px;font-size:14px;font-weight:650;box-shadow:0 6px 23px #8f53ff20;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 26px #8f53ff38}.button span{font-size:21px;font-weight:400}.button.compact{padding:12px 18px;font-size:12px;gap:22px}.hero{padding:35px 5% 0;max-width:1504px;margin:auto}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{color:#8850d1;font-size:10px;font-weight:750;letter-spacing:1.8px;line-height:1.7}.spark{font-size:18px;vertical-align:middle;margin-right:6px}.hero-edition{font-size:9px;letter-spacing:1.8px;color:#88818d}.hero-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;padding:24px 0 45px}h1{font-size:clamp(68px,7.7vw,114px);font-weight:750;letter-spacing:-7px;line-height:.98}.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-intro{padding-left:13%;padding-top:6px}.hero-intro>p:first-child{font-size:21px;font-weight:500;line-height:1.5;letter-spacing:-.4px}.muted{color:var(--muted);font-size:14px;margin:13px 0 22px}.small-note{display:block;font-size:10px;color:var(--muted);margin-top:12px}.hero-scene{position:relative;height:520px;border-radius:12px;overflow:hidden;background:#c7b49a}.scene-image{width:100%;height:100%;object-fit:cover;animation:scene-in 1.6s ease-out both}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1c1b1955,transparent 70%),linear-gradient(0deg,#1916116b,transparent 40%)}.scene-caption{position:absolute;top:58px;left:45px;color:white}.scene-caption>span{font-size:8px;letter-spacing:2px}.scene-caption>p{font-size:39px;line-height:1.1;font-weight:500;letter-spacing:-1.6px;margin-top:21px}.website-mockup{position:absolute;right:8%;top:53px;width:48%;height:365px;background:#f6f4ee;box-shadow:0 25px 55px #17131d44;transform:rotate(-3deg);border-radius:7px;overflow:hidden;animation:mock-in 1.2s ease-out both}.browser-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:9px 13px;font-size:7px;color:#a6a1a7}.browser-bar>span:first-child{letter-spacing:2px;color:#c5c0c8}.mock-nav{padding:16px 21px;display:flex;justify-content:space-between;align-items:center;font-size:7px}.mock-nav b{font-family:Georgia,serif;font-size:16px;font-weight:400}.mock-content{padding:33px 27px;height:247px;background:linear-gradient(90deg,#373c3266,#373c3211),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1000&q=85') center 58%/cover;color:white}.mock-content>span:first-child{font-size:6px;letter-spacing:1.5px}.mock-content h2{font-family:Georgia,serif;font-weight:400;font-size:37px;line-height:1.1;letter-spacing:-1px;margin:16px 0 23px}.mock-cta{display:inline-block;background:#fff;color:#413b31;padding:9px 14px;font-size:7px}.mock-bottom{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;padding:12px 22px}.floating-note{position:absolute;bottom:79px;right:4%;background:#fff;padding:16px 20px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:11px;box-shadow:0 8px 30px #0002;animation:mock-in 1.4s ease-out both}.floating-note small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.note-icon{font-size:25px;color:var(--purple);background:#f4edff;width:40px;height:40px;display:grid;place-items:center;border-radius:10px}.note-check{background:#f1ecf9;color:var(--purple);border-radius:50%;width:20px;height:20px;display:grid;place-items:center;margin-left:18px}.scene-foot{position:absolute;bottom:25px;left:35px;right:35px;display:flex;justify-content:space-between;color:#fff;font-size:8px;letter-spacing:1.5px}.scene-foot a{letter-spacing:.4px}.scene-foot a span{margin-left:15px;font-size:15px}.benefit-strip{display:flex;align-items:center;justify-content:space-around;gap:20px;border-bottom:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:11px}.benefit-strip i{font-style:normal;font-size:19px;color:var(--purple);margin-right:10px}.section{padding:95px 5%;max-width:1504px;margin:auto}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:43px}h2{font-size:46px;letter-spacing:-2px;line-height:1.12;font-weight:650}.section-title h2,.faq-section h2{margin-top:14px}.section-title>p{font-size:13px;color:var(--muted);padding-bottom:5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid var(--line);padding-top:22px}.step-number{display:flex;justify-content:space-between;color:#a59ba9;font-size:12px}.step-number span{font-size:23px;color:var(--purple)}h3{font-size:18px;font-weight:600;letter-spacing:-.5px}.steps h3{margin:24px 0 12px}.steps p{font-size:13px;color:var(--muted);max-width:340px}.inspiration{padding-top:35px}.inspiration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.inspiration-card{background:transparent;text-align:left;padding:0}.example-image{position:relative;aspect-ratio:4/4.5;overflow:hidden;border-radius:7px;background:#b2a798}.example-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#28282070,transparent 90%)}.example-image img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.inspiration-card:hover img{transform:scale(1.05)}.example-overlay{position:absolute;z-index:1;top:25px;left:25px;color:#fff;font-size:10px;letter-spacing:3px;line-height:1.2}.example-overlay em{display:block;font:38px/1.1 Georgia,serif;letter-spacing:-1.5px;margin-top:70px}.example-overlay.wellness{font:24px Georgia,serif}.example-overlay.shop{color:#fff}.example-overlay.shop em{font-family:inherit;font-weight:650;font-size:35px}.inspiration-card:nth-child(3) img{filter:sepia(.4);transform:scaleX(-1)}.round-arrow{position:absolute;right:20px;bottom:20px;z-index:2;border:1px solid #ffffff80;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#fff}.card-caption{display:flex;flex-direction:column;gap:7px;margin-top:18px;font-size:13px}.card-caption b{font-weight:550}.card-caption>span{font-size:10px;color:var(--muted)}.gallery-note{margin-top:30px;font-size:11px;text-align:center;color:var(--muted)}.personality-section{display:grid;grid-template-columns:1fr 1fr;max-width:1354px;margin:0 auto 20px;gap:8%;align-items:center;padding:20px 0 50px}.personality-art{position:relative;height:500px;border-radius:8px;overflow:hidden;background:#ccbaab}.personality-art img{height:100%;width:100%;object-fit:cover;filter:brightness(.73)}.art-word{position:absolute;top:55px;left:35px;color:#fff;font-size:43px;letter-spacing:-2px;font-weight:600;line-height:1.1}.art-word em{font-family:Georgia,serif;font-size:90px;font-weight:400}.personality-tags{position:absolute;bottom:30px;left:25px;right:25px;display:flex;flex-wrap:wrap;gap:8px}.personality-tags span{padding:11px 15px;background:#ffffffeb;border-radius:30px;font-size:10px}.personality-copy{padding-right:10%}.personality-copy h2{margin:15px 0 24px}.personality-copy p{font-size:14px;color:var(--muted)}.personality-pills{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.personality-pills span{padding:9px 16px;border:1px solid var(--line);border-radius:25px;font-size:11px}.text-button{background:transparent;padding:13px 0;font-size:13px;font-weight:600;display:inline-flex;gap:22px;align-items:center}.text-button:hover{color:var(--purple)}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.faqs details{border-bottom:1px solid var(--line);padding:21px 0}.faqs summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:13px;font-weight:550}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{color:var(--purple);font-size:18px}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{font-size:13px;color:var(--muted);margin-top:15px}.final-cta{padding:90px 20px 110px;text-align:center;background:radial-gradient(ellipse at bottom,#f9f0ff,transparent 66%)}.final-cta h2{font-size:70px;letter-spacing:-3.8px;margin:22px 0 30px}.final-cta p{font-size:11px;color:var(--muted);margin-top:16px}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer>a:not(.logo),footer small{font-size:10px;color:var(--muted)}.skip-link{position:fixed;top:-60px;left:15px;background:white;z-index:100;padding:10px}.skip-link:focus{top:10px}.reveal{animation:fade-in .7s ease both}dialog{border:1px solid var(--line);padding:0;border-radius:18px;max-width:1130px;width:94vw;max-height:92dvh;color:var(--ink);box-shadow:0 30px 100px #24113533}dialog::backdrop{background:#19102270;backdrop-filter:blur(9px)}body:has(dialog[open]){overflow:hidden}.builder-top{display:flex;justify-content:space-between;padding:24px 32px;align-items:center;border-bottom:1px solid var(--line)}.builder-mark{display:grid;place-items:center;color:#fff;background:var(--gradient);border-radius:10px;width:40px;height:40px;font-size:25px}.builder-top small{font-size:8px;display:block;letter-spacing:1.8px;margin-top:4px;font-weight:500;color:var(--muted)}.icon-button{background:#f6f3f8;width:35px;height:35px;border-radius:50%}.builder-body{display:grid;grid-template-columns:33% 67%;min-height:580px}.builder-aside{padding:40px 32px;background:linear-gradient(135deg,#f9f5ff,#fff6f5)}.builder-aside h2{font-size:39px;margin-top:20px}.builder-aside ol{list-style:none;padding:0;counter-reset:step;margin:38px 0}.builder-aside li{counter-increment:step;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin:17px 0}.builder-aside li:before{content:counter(step);display:grid;place-items:center;width:23px;height:23px;border:1px solid #ddd4e8;border-radius:50%;font-size:10px}.builder-aside li.active{color:#7942c5;font-weight:650}.builder-aside li.active:before{background:var(--purple);color:#fff;border-color:var(--purple)}.builder-aside>p{font-size:10px;color:var(--muted)}.builder-main{padding:36px 42px;min-width:0}.progress-track{height:3px;background:#eee9f3;margin:12px 0 35px;border-radius:2px}.progress-track>div{height:100%;background:var(--gradient);transition:width .4s}.builder-main h2{font-size:32px;letter-spacing:-1.2px;margin-bottom:14px}.step-description{font-size:13px;color:var(--muted);margin-bottom:26px}.builder-main label.field-label{display:block;font-size:12px;font-weight:650;margin-bottom:10px}.builder-main input[type=text],.builder-main textarea,.builder-main select{padding:15px 16px;border:1px solid #dcd4e5;border-radius:8px;width:100%;background:#fff;color:var(--ink);outline-offset:2px}.builder-main textarea{resize:vertical;min-height:120px}.builder-main input:focus,.builder-main textarea:focus,.builder-main select:focus{outline:2px solid #ad79f4}.input-note{font-size:11px;color:var(--muted);margin-top:10px}.field-group{margin-bottom:22px}.builder-actions{display:flex;justify-content:space-between;align-items:center;margin-top:35px;gap:12px}.builder-actions .button{padding:13px 22px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{position:relative;display:flex;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:border-color .2s,background .2s}.choice:has(input:checked){border-color:var(--purple);background:#f7f2ff}.choice input{accent-color:var(--purple);margin:0;width:15px;height:15px;flex-shrink:0}.choice strong{display:block;font-size:12px;font-weight:600}.choice small{display:block;font-size:9px;color:var(--muted);line-height:1.5;margin-top:4px}.choice:focus-within{outline:2px solid var(--purple);outline-offset:2px}.tone-example{padding:16px 19px;background:#faf7fd;border-radius:8px;margin-top:18px;font-size:12px;color:var(--muted)}.tone-example small{display:block;font-size:8px;letter-spacing:1.3px;color:#8850d1;margin-bottom:7px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.review-item{border-bottom:1px solid var(--line);padding:0 0 12px}.review-item small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.review-item b{font-size:13px;overflow-wrap:anywhere}.review-item.wide{grid-column:1/-1}.draft-preview{border:1px solid var(--line);border-radius:9px;overflow:hidden}.draft-nav{display:flex;justify-content:space-between;padding:15px;font-size:9px;gap:15px}.draft-nav b{overflow-wrap:anywhere;max-width:60%}.draft-image{background:linear-gradient(90deg,#252027ab,#25202725),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1000&q=85') center/cover;color:white;padding:40px 24px}.draft-image h3{font-size:28px;line-height:1.2;margin:12px 0;max-width:400px}.draft-image p{font-size:11px;max-width:360px}.draft-image>span{font-size:8px;letter-spacing:1.5px}.draft-cta{display:inline-block;background:white;color:var(--ink);padding:10px 16px;font-size:9px;margin-top:18px;border-radius:4px}.draft-about{padding:20px 24px;font-size:11px}.draft-about h3{font-size:16px;margin-bottom:8px}.draft-about p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.preview-note{font-size:11px;color:var(--muted);margin-top:15px}.download-button{margin-top:18px;color:#7840c5}.validation-error{color:#a32440;font-size:12px;margin-top:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;border-radius:8px;padding:13px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.3s;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes scene-in{from{transform:scale(1.05);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes mock-in{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes fade-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.hero-scene{height:570px}.website-mockup{height:390px;top:68px}.mock-content{height:270px}}@media(max-width:1100px){h1{letter-spacing:-5px}.hero-intro{padding-left:3%}.hero-scene{height:450px}.scene-caption p{font-size:30px}.website-mockup{width:52%;right:5%;height:340px;top:45px}.mock-content{height:222px}.floating-note{bottom:55px}.personality-section{margin:0 5%;gap:5%}.personality-copy{padding:0}.example-overlay em{font-size:30px}.example-overlay.shop em{font-size:29px}.builder-main{padding:30px}.builder-aside{padding:30px 22px}.builder-aside h2{font-size:32px}h2{font-size:39px}.header nav{gap:20px}}@media(max-width:760px){.header{height:80px;padding:0 5%}.header nav{display:none}.logo{font-size:15px}.header .button{font-size:10px;padding:10px 13px;gap:12px}.hero{padding-top:20px}.hero-edition{display:none}.hero-heading{grid-template-columns:1fr;gap:25px;padding:25px 0 32px}h1{font-size:76px;letter-spacing:-5px}.hero-intro{padding:0}.hero-intro>p:first-child{font-size:19px}.hero-intro .muted{font-size:13px}.hero-scene{height:490px}.scene-caption{left:23px;top:25px}.scene-caption p{font-size:28px;margin-top:12px}.scene-caption>span{font-size:7px}.website-mockup{width:79%;height:265px;top:154px;right:8%}.mock-nav{padding:11px 15px}.mock-nav b{font-size:12px}.mock-content{height:171px;padding:19px}.mock-content h2{font-size:27px;margin:10px 0 15px}.mock-bottom{padding:9px 15px}.floating-note{bottom:49px;right:4%;padding:10px 12px;font-size:9px}.floating-note small{font-size:8px}.note-icon{width:29px;height:29px;font-size:20px}.note-check{margin-left:5px}.scene-foot{left:20px;right:20px;bottom:18px;font-size:6px}.benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:9px;padding:24px 4px}.benefit-strip i{font-size:16px;margin-right:5px}.section{padding:65px 5%}.section-title{display:block;margin-bottom:30px}h2{font-size:35px;letter-spacing:-1.7px}.section-title>p{margin-top:20px;font-size:12px}.steps{grid-template-columns:1fr;gap:27px}.steps h3{margin:12px 0 8px}.steps p{max-width:none}.inspiration{padding-top:10px}.inspiration-grid{grid-template-columns:1fr;gap:30px}.example-image{aspect-ratio:1.1}.example-overlay em{font-size:43px;margin-top:65px}.example-overlay.shop em{font-size:39px}.personality-section{grid-template-columns:1fr;gap:35px;margin:0 5%;padding:0}.personality-art{height:400px}.personality-copy{padding:0 0 10px}.faq-section{grid-template-columns:1fr;gap:20px}.final-cta{padding:65px 20px 75px}.final-cta h2{font-size:49px;letter-spacing:-2.5px}.eyebrow{font-size:9px}footer{flex-wrap:wrap;padding:25px 5%;gap:20px}footer>span{display:none}footer small{width:100%}.builder-body{grid-template-columns:1fr;min-height:0}.builder-aside{display:none}dialog{width:96vw;max-height:96dvh;border-radius:12px}.builder-top{padding:18px}.builder-top .logo{font-size:14px}.builder-main{padding:25px 20px}.builder-main h2{font-size:28px}.builder-main .progress-track{margin-bottom:25px}.choices{gap:8px}.choice{padding:11px;gap:8px}.choice strong{font-size:11px}.choice small{font-size:9px}.builder-actions{margin-top:25px}.builder-main .button{font-size:12px;gap:12px}.builder-top small{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--save-success:#2b6d4e}
.save-toolbar{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.save-toolbar p{font-size:11px;line-height:1.6;flex:1 1 100%;color:var(--muted)}
.save-toolbar p[data-state=saved]{color:var(--save-success)}
.save-toolbar p[data-state=error],.save-toolbar p[data-state=conflict]{color:#9b344b}
.save-toolbar .text-button{padding:2px 0;font-size:11px}
[hidden]{display:none!important}
.question-group{margin:0 0 30px;padding:0;border:0;min-width:0}
.question-group legend{font-size:13px;font-weight:650;line-height:1.6;margin-bottom:12px}
.domain-question{margin-bottom:18px}.domain-toggle{max-width:520px}.domain-toggle small{margin-top:5px}.domain-detail{padding-left:18px;border-left:2px solid #eadffd}.domain-detail[hidden]{display:none}
.conditional-field[hidden],.recommendation-card[hidden]{display:none}.conditional-field>.field-group{margin-bottom:24px}.recommendation-card{display:flex;gap:15px;padding:19px 20px;margin:2px 0 28px;border:1px solid #ddcfeb;border-radius:12px;background:linear-gradient(135deg,#faf6ff,#fff8f6)}.recommendation-card>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:var(--gradient);color:white;font-size:20px}.recommendation-card h3{font-size:14px;margin:1px 0 7px}.recommendation-card p{font-size:11px;color:var(--muted);line-height:1.65}.recommendation-card a{display:inline-block;margin-top:10px;color:#713ab1;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.question-group .input-note,.field-group .input-note{margin:0 0 12px}
.field-group{margin-bottom:28px}
.builder-main input[type=email],.builder-main input[type=tel]{padding:15px 16px;border:1px solid #dcd4e5;border-radius:8px;width:100%;background:#fff;color:var(--ink)}
.builder-aside{position:sticky;top:0;align-self:start}
.builder-aside li button{border:0;background:none;color:inherit;font-size:inherit;text-align:left;padding:4px 0;cursor:pointer}
.builder-aside li button:hover{text-decoration:underline}
.builder-main .field-label{line-height:1.6}
.review-section{border-bottom:1px solid var(--line);padding:16px 0}
.review-section summary{cursor:pointer;font-weight:600;font-size:14px}
.review-section dt{font-size:12px;font-weight:650;margin:18px 0 7px}
.review-section dd{margin:0;color:var(--muted);font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.review-section dd em{font-size:11px;color:#8a808f}
.draft-image .draft-cta{max-width:100%;overflow-wrap:anywhere}
.builder-actions{justify-content:flex-end}
.builder-actions #back-button{margin-right:auto}
@media(max-width:760px){.question-group .choices{grid-template-columns:1fr}.question-group .choice{padding:14px}.builder-main .save-toolbar{padding-bottom:15px}.builder-main textarea{font-size:16px}.builder-main input{font-size:16px}}

/* Team and brand questionnaire controls */
.person-card{background:linear-gradient(145deg,#faf7ff,#fff);border:1px solid #e6dcef;border-radius:14px;padding:22px;margin:18px 0}
.person-card-top{display:flex;align-items:center;gap:12px;margin-bottom:24px}.person-card-top .text-button{margin-left:auto;font-size:11px}.person-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gradient);color:white}.person-card h3{font-size:16px}.person-card input[type=text]{margin-bottom:18px}.person-card .owner-choice{display:flex;align-items:center;gap:9px;font-size:12px;margin:2px 0 22px}.owner-choice input{accent-color:var(--purple)}.person-card textarea{min-height:155px}.add-person{border:1px dashed #b39ad2;background:#faf7ff;border-radius:9px;padding:15px;width:100%;font-size:13px;color:#743caf}.add-person:hover{background:#f0e6ff}button:disabled{opacity:.5;cursor:default}.colour-list{display:flex;flex-wrap:wrap;gap:15px}.colour-item{display:grid;justify-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:14px;font-size:11px}.colour-item input[type=color]{width:66px;height:48px;padding:3px;cursor:pointer;border:1px solid var(--line);border-radius:5px;background:white}.colour-item output{font-family:monospace}.colour-item .text-button{font-size:10px;padding:3px}.font-sample{padding:15px;border-bottom:1px solid var(--line);font-size:22px;margin-top:8px}.logo-upload{padding:20px;border:1px dashed #bda1dc;border-radius:10px;background:#fcfaff}.logo-upload input[type=file]{font-size:12px;max-width:100%}.logo-upload input::file-selector-button{border:0;border-radius:6px;padding:10px 15px;background:#eee4ff;color:#6d36a6;margin-right:12px;cursor:pointer}#logo-preview{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:11px}#logo-preview img{width:110px;height:90px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:8px}.builder-main input[type=url]{padding:15px 16px;border:1px solid #dcd4e5;border-radius:8px;width:100%;background:#fff;color:var(--ink)}
@media(max-width:760px){.person-card{padding:16px}.person-card-top{gap:8px}.person-card-top h3{font-size:14px}.builder-main select,.builder-main input[type=url]{font-size:16px}}
.resume-upload{margin:8px 0 14px}.resume-upload input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.resume-upload>label{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px dashed #b69bd4;border-radius:9px;background:#fff;cursor:pointer;transition:.2s}.resume-upload>label:hover{border-color:var(--purple);background:#faf7ff}.resume-upload>label>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f0e7ff;color:var(--purple);font-size:18px}.resume-upload>label strong{font-size:12px}.resume-upload>label small{margin-left:auto;color:var(--muted);font-size:9px}.resume-upload input:focus+label{outline:2px solid var(--purple);outline-offset:3px}.resume-upload input:disabled+label{opacity:.6;cursor:wait}.resume-status{min-height:17px;margin:7px 2px 0;font-size:10px;color:var(--muted)}.resume-status[data-state=loading]{color:#7442b0}.resume-status[data-state=success]{color:var(--save-success)}.resume-status[data-state=error]{color:#a32440}@media(max-width:760px){.resume-upload>label{align-items:flex-start}.resume-upload>label small{margin:2px 0 0}.resume-upload>label{flex-wrap:wrap}.resume-upload>label>span{grid-row:1/3}.resume-upload>label strong,.resume-upload>label small{width:calc(100% - 46px)}}

/* Full-page visual website editor */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
dialog.site-editor{width:97vw;max-width:1480px;max-height:95dvh;background:#f7f5f8}
.site-editor .builder-body{display:block;min-height:0}
.site-editor .builder-aside{display:none}
.site-editor .builder-main{padding:24px 30px 32px}
.site-editor .progress-track,.site-editor #progress-label{display:none}
.site-editor .save-toolbar{margin-bottom:18px;padding-bottom:15px}
.website-editor{max-width:1320px;margin:auto}
.editor-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:4px 0 20px}
.editor-heading h3{font-size:26px;letter-spacing:-1px;margin-top:7px}
.editor-heading>p{max-width:430px;color:var(--muted);font-size:12px;line-height:1.65}
.site-title-control{display:grid;grid-template-columns:auto minmax(220px,430px) 1fr;align-items:center;gap:13px;margin:0 0 16px;padding:13px 16px;border:1px solid #ded8e4;border-radius:9px;background:#fff}
.site-title-control>span{font-size:11px;font-weight:750;color:#4d4551}
.site-title-control input{width:100%;padding:10px 12px;border:1px solid #d9d1df;border-radius:6px;font-size:14px;font-weight:650;color:var(--ink)}
.site-title-control small{font-size:10px;color:var(--muted)}
@media(max-width:760px){.site-title-control{grid-template-columns:1fr;margin:0 3px 14px}}
.page-tabs{display:flex;gap:5px;overflow-x:auto;padding:0 0 10px;scrollbar-width:thin}
.page-tabs button{flex:0 0 auto;border:1px solid #ded8e4;background:white;border-radius:50px;padding:10px 17px;font-size:11px;font-weight:650;color:#625a69;transition:.2s}
.page-tabs button:hover{border-color:var(--purple);color:var(--purple)}
.page-tabs button.active{background:var(--ink);border-color:var(--ink);color:white}
.customer-site{overflow:hidden;background:#fff;border:1px solid #ddd7e2;border-radius:10px;box-shadow:0 25px 70px #33223f17;color:#19171b;font-family:var(--customer-body);container-type:inline-size}
.customer-site button,.customer-site input,.customer-site textarea{font-family:var(--customer-body)}
.customer-site h1,.customer-site h2,.customer-site h3,.customer-site strong{font-family:var(--customer-heading)}
.customer-header{height:86px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #e9e5e9;background:#fff}
.customer-brand{min-width:135px;max-width:210px;font-size:18px;letter-spacing:-.5px;overflow-wrap:anywhere}
.customer-brand img,.customer-footer img{max-height:48px;max-width:170px;object-fit:contain}
.customer-header nav{display:flex;align-items:center;justify-content:center;gap:24px}
.customer-header nav button{padding:5px 0;background:transparent;font-size:11px;color:#6b646d;border-bottom:1px solid transparent}
.customer-header nav button.active{color:#18151a;border-color:var(--customer-primary)}
.customer-header-cta,.customer-button{display:inline-flex;align-items:center;gap:22px;background:linear-gradient(135deg,var(--customer-primary),var(--customer-accent));color:white;border-radius:4px;padding:13px 18px;font-size:10px;font-weight:700;letter-spacing:.3px}
.customer-section-inner{position:relative;z-index:1;max-width:1180px;margin:auto;padding:90px 6%}
.editable-site-section{position:relative;isolation:isolate;transition:box-shadow .2s}
.editable-site-section:hover,.editable-site-section:focus-within{box-shadow:inset 0 0 0 3px var(--customer-primary)}
.section-edit-button{position:absolute;z-index:6;right:18px;top:18px;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(-5px);pointer-events:none;background:#17131de8;color:#fff;padding:10px 14px;border-radius:7px;font-size:11px;font-weight:700;box-shadow:0 8px 24px #0003;transition:.2s}
.editable-site-section:hover>.section-edit-button,.editable-site-section:focus-within>.section-edit-button,.section-edit-button:focus{opacity:1;transform:none;pointer-events:auto}
.customer-hero{min-height:535px;display:grid;align-items:center;background:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=88') center/cover;color:white}
.customer-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#161117d9 0%,#20172290 48%,#251a2415 85%)}
.customer-hero-copy{width:100%;margin:0 auto}
.customer-eyebrow{display:block;font-size:9px;letter-spacing:2.4px;font-weight:800;color:var(--customer-primary);margin-bottom:22px}
.customer-hero .customer-eyebrow{color:white}
.customer-hero h1{font-size:clamp(46px,6.5cqw,84px);font-weight:500;line-height:1.02;letter-spacing:-3.5px;max-width:780px}
.customer-hero p{max-width:570px;margin:22px 0 28px;font-size:14px;line-height:1.75;color:#ffffffdf}
.customer-button b{font-size:16px}.customer-split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.customer-site .customer-split h2,.customer-site .customer-section-heading h2,.customer-site .customer-contact h2,.customer-site .customer-cta h2{font-size:clamp(34px,4cqw,58px);font-weight:550;line-height:1.08;letter-spacing:-2.2px;margin:0}
.customer-split p,.customer-section-heading p,.customer-contact p,.customer-cta p{font-size:14px;line-height:1.85;color:#686168;white-space:normal;overflow-wrap:anywhere}
.customer-text-link{display:inline-block;margin-top:25px;font-size:11px;font-weight:800;border-bottom:1px solid var(--customer-primary);padding-bottom:5px}
.customer-cards,.customer-gallery,.customer-quotes,.customer-faq,.customer-team{background:#f8f6f8}
.customer-section-heading{display:grid;grid-template-columns:1fr .65fr;gap:8%;align-items:end;margin-bottom:48px}
.customer-card-grid,.customer-team{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.customer-card-grid article{position:relative;min-height:180px;padding:28px;background:white;border:1px solid #e5e0e6}
.customer-card-grid h3{font-size:21px;line-height:1.3;margin-top:55px;font-weight:550}
.customer-card-number{font-size:9px;color:#948b95;letter-spacing:1.5px}
.customer-card-grid.faq{grid-template-columns:1fr}
.customer-card-grid.faq article{min-height:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 28px}
.customer-card-grid.faq h3{margin:0;font-size:17px}.customer-card-grid.faq b{font-size:24px;color:var(--customer-primary)}
.customer-card-grid.quotes h3{font-family:var(--customer-heading);font-size:19px;font-weight:400;margin-top:35px}
.customer-team article{min-width:0}.customer-person-art{aspect-ratio:4/3;background:linear-gradient(145deg,var(--customer-primary),var(--customer-accent));display:grid;place-items:center;margin-bottom:20px;overflow:hidden}
.customer-person-art span{font-family:var(--customer-heading);font-size:74px;color:#ffffffd9}.customer-team small{font-size:8px;letter-spacing:1.7px;color:var(--customer-primary)}
.customer-team h3{font-size:22px;margin:8px 0 10px}.customer-team p{font-size:12px;color:#69616b;line-height:1.7;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.customer-cta{text-align:center;max-width:850px}.customer-cta p{max-width:590px;margin:19px auto 25px}.customer-contact{display:grid;grid-template-columns:1fr 1fr;gap:10%}.customer-contact>div>p{margin-top:22px}
.customer-contact dl{margin:0;border-top:1px solid #e0dbe1}.customer-contact dl div{padding:19px 0;border-bottom:1px solid #e0dbe1;display:grid;grid-template-columns:95px 1fr;gap:20px}.customer-contact dt{font-size:8px;letter-spacing:1.7px;color:var(--customer-primary);font-weight:800}.customer-contact dd{margin:0;font-size:13px;overflow-wrap:anywhere}
.customer-book-call{display:inline-flex;align-items:center;gap:25px;margin-top:28px;padding:14px 18px;border-radius:4px;background:linear-gradient(135deg,var(--customer-primary),var(--customer-accent));color:#fff;font-size:11px;font-weight:750}.customer-book-call b{font-size:16px}.customer-socials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.customer-socials>a,.customer-socials>span{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #e0dbe1;min-width:0}.customer-socials small{font-size:8px;letter-spacing:1.3px;color:var(--customer-primary);font-weight:800}.customer-socials span,.customer-socials b{font-size:11px;font-weight:600;overflow-wrap:anywhere}
.customer-footer{padding:32px 5%;border-top:1px solid #e4dfe5;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#171319;color:white}
.customer-footer>div{max-width:180px;font-size:15px;font-weight:700}.customer-footer>span,.customer-footer>small{font-size:9px;color:#c4bdc6}
.section-editor{position:absolute;z-index:8;right:18px;top:58px;width:min(430px,calc(100% - 36px));max-height:calc(100% - 76px);overflow:auto;background:#fff;color:#17131d;border:1px solid #d9d0df;border-radius:12px;padding:20px;box-shadow:0 22px 65px #1d102f42;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left}
.section-editor-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:17px}.section-editor-heading strong{font:700 15px system-ui,-apple-system,"Segoe UI",sans-serif}.section-editor-heading span{font-size:9px;color:#756d79}
.section-editor label{display:block;font-size:10px;font-weight:700;margin-top:11px}.section-editor input,.section-editor textarea{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #ddd5e1;border-radius:6px;color:#17131d;background:white;font-size:12px;outline-offset:1px}.section-editor textarea{min-height:80px;resize:vertical}.section-editor input:focus,.section-editor textarea:focus{outline:2px solid var(--customer-primary)}
.section-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:16px}.section-editor-actions .button{background:linear-gradient(135deg,var(--customer-primary),var(--customer-accent))}
.is-editing:after{content:'';position:absolute;z-index:5;inset:0;background:#17131d24;pointer-events:none}
.site-editor .builder-actions{max-width:1320px;margin:22px auto 0}
@container(max-width:800px){.customer-header nav{display:none}.customer-header-cta{display:none}.customer-split,.customer-section-heading,.customer-contact{grid-template-columns:1fr;gap:25px}.customer-card-grid,.customer-team{grid-template-columns:1fr}.customer-section-inner{padding:60px 7%}.customer-hero{min-height:470px}.customer-hero h1{font-size:50px;letter-spacing:-2.3px}.customer-site .customer-split h2,.customer-site .customer-section-heading h2,.customer-site .customer-contact h2,.customer-site .customer-cta h2{font-size:38px}.customer-team{background:transparent}.customer-card-grid article{min-height:140px}}
@media(max-width:760px){dialog.site-editor{width:100vw;max-height:100dvh;border-radius:0}.site-editor .builder-main{padding:16px 10px 24px}.editor-heading{display:block;margin:2px 4px 17px}.editor-heading h3{font-size:21px}.editor-heading>p{margin-top:9px}.page-tabs{padding-left:3px}.customer-header{height:70px}.customer-brand{font-size:14px}.customer-section-inner{padding:52px 7%}.section-edit-button{opacity:1;transform:none;pointer-events:auto;right:10px;top:10px;padding:8px 10px}.section-editor{position:relative;top:auto;right:auto;width:calc(100% - 20px);max-height:none;margin:-30px 10px 10px}.customer-footer{padding:25px 6%}.customer-footer>span{display:none}.site-editor .builder-actions{margin-top:18px}}

/* ChatGPT questionnaire assistance */
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:2px}.field-label-row .field-label{margin:0}.magic-wand-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #cdb9e5;border-radius:999px;background:linear-gradient(135deg,#fbf8ff,#f1e8ff);color:#6d35a7;font-size:10px;font-weight:750;box-shadow:0 5px 16px #65329812;transition:transform .2s,border-color .2s,box-shadow .2s}.magic-wand-button:hover{transform:translateY(-1px);border-color:var(--purple);box-shadow:0 8px 20px #65329820}.magic-wand-button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.magic-wand-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.magic-wand-button.is-loading svg{animation:wand-glow 1s ease-in-out infinite alternate}.ai-source-note{margin:-6px 0 11px;color:#827789;font-size:9px;line-height:1.55}.ai-status{min-height:18px;margin:7px 2px 0;font-size:10px;color:var(--muted)}.ai-status[data-state=loading]{color:#7442b0}.ai-status[data-state=success]{color:var(--save-success)}.ai-status[data-state=error]{color:#a32440}@keyframes wand-glow{to{transform:rotate(10deg) scale(1.12);filter:drop-shadow(0 0 4px #8f53ff)}}@media(max-width:560px){.field-label-row{align-items:flex-start;flex-direction:column;gap:9px}.magic-wand-button{align-self:flex-start}.ai-source-note{margin-top:0}}

/* Email-based draft start */
.email-start{max-width:560px;padding:12px 0 28px}.email-start-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:25px;border-radius:15px;background:linear-gradient(135deg,#f0e4ff,#ffe8eb);color:var(--purple);font-size:29px}.email-start h2{font-size:38px}.email-start .step-description{max-width:500px;margin-bottom:30px}.email-start input[type=email]{font-size:17px;padding:18px}.email-start .input-note{margin-top:12px;max-width:510px}.email-session-status{min-height:21px;margin-top:13px;font-size:11px;color:var(--muted)}.email-session-status[data-state=loading]{color:#7442b0}.email-session-status[data-state=error]{color:#a32440}.email-gate .builder-actions{justify-content:flex-end}.email-gate .builder-main{display:flex;flex-direction:column}.email-gate #builder-form{display:flex;flex:1;flex-direction:column}.email-gate #step-content{margin:auto 0}.email-gate .builder-actions{margin-top:20px}@media(max-width:760px){.email-start{padding:4px 0 20px}.email-start h2{font-size:31px}.email-start-icon{width:46px;height:46px;margin-bottom:19px}.email-start input[type=email]{font-size:16px}}
.journey-consent{display:flex;align-items:flex-start;gap:12px;margin-top:19px;padding:16px;border:1px solid #ddd2e8;border-radius:10px;background:#fcfaff;cursor:pointer}.journey-consent input{flex:0 0 auto;margin-top:2px;accent-color:var(--purple)}.journey-consent strong,.journey-consent small{display:block}.journey-consent strong{font-size:12px}.journey-consent small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.55}

/* AI website build experience */
.ai-build-cover{position:relative;min-height:650px;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#f4eaff 0%,#ffeef0 48%,#edf5ff 100%)}.build-aurora{position:absolute;inset:-20%;filter:blur(50px);opacity:.72;animation:build-drift 10s ease-in-out infinite alternate}.build-aurora i{position:absolute;width:42%;aspect-ratio:1;border-radius:50%}.build-aurora i:nth-child(1){left:5%;top:5%;background:#8f53ff88;animation:build-float 7s ease-in-out infinite}.build-aurora i:nth-child(2){right:7%;top:20%;background:#ff5f7388;animation:build-float 9s 1s ease-in-out infinite reverse}.build-aurora i:nth-child(3){left:35%;bottom:0;background:#6ecff688;animation:build-float 8s 2s ease-in-out infinite}.build-glass{position:relative;z-index:2;width:min(700px,calc(100% - 44px));padding:60px 48px;text-align:center;border:1px solid #ffffffb8;border-radius:26px;background:#ffffff7a;box-shadow:0 30px 90px #47265c26,inset 0 1px #fff;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.build-spark{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 24px;border-radius:18px;background:linear-gradient(135deg,#8f53ff,#ff5f73);box-shadow:0 15px 35px #8349d549;color:#fff;font-size:30px;animation:build-sparkle 2.2s ease-in-out infinite}.build-glass h2{margin:14px 0 29px;font-size:clamp(35px,5vw,58px);letter-spacing:-2.7px;line-height:1.06}.build-message-wrap{height:48px;display:grid;place-items:center;margin:0 auto 23px;overflow:hidden}.build-message-wrap p{font:500 17px/1.4 Georgia,serif;color:#5d3d70;opacity:1;transform:none;transition:opacity .26s,transform .26s}.build-message-wrap p.leaving{opacity:0;transform:translateY(-13px) scale(.97)}.build-message-wrap p.arriving{opacity:0;transform:translateY(13px) scale(.97)}.build-pulse{display:flex;justify-content:center;gap:7px;margin-bottom:28px}.build-pulse span{width:7px;height:7px;border-radius:50%;background:#8f53ff;animation:build-dot 1.1s ease-in-out infinite}.build-pulse span:nth-child(2){animation-delay:.16s;background:#bb68cf}.build-pulse span:nth-child(3){animation-delay:.32s;background:#ff5f73}.build-glass>small{color:#766a7c;font-size:9px;letter-spacing:.5px}.regenerate-site{margin-top:8px;color:#7640aa}@keyframes build-drift{to{transform:rotate(8deg) scale(1.08)}}@keyframes build-float{50%{transform:translate(12%,10%) scale(1.12)}}@keyframes build-sparkle{50%{transform:translateY(-5px) rotate(5deg);box-shadow:0 22px 45px #8349d568}}@keyframes build-dot{50%{transform:translateY(-7px);opacity:.45}}@media(max-width:600px){.ai-build-cover{min-height:560px;border-radius:13px}.build-glass{padding:42px 23px}.build-glass h2{letter-spacing:-1.7px}.build-message-wrap{height:60px}.build-message-wrap p{font-size:15px}}

/* Encrypted email credentials */
.secret-field{padding:19px 20px;border:1px solid #ddcfeb;border-radius:12px;background:#fcfaff}.secret-entry{display:flex;align-items:stretch;gap:10px;margin-top:13px}.builder-main .secret-entry input[type=password]{flex:1;min-width:0;padding:15px 16px;border:1px solid #dcd4e5;border-radius:8px;background:#fff;color:var(--ink);outline-offset:2px}.secret-entry .button{flex:0 0 auto;padding:0 18px}.credential-status{min-height:18px;margin:9px 2px 0;font-size:10px;color:var(--muted)}.credential-status[data-state=loading]{color:#7442b0}.credential-status[data-state=saved]{color:var(--save-success)}.credential-status[data-state=error]{color:#a32440}@media(max-width:560px){.secret-entry{display:grid}.secret-entry .button{padding:13px 18px}}