.builder-hero{padding:38px 0 84px}.crumbs{display:flex;align-items:center;gap:9px;margin:10px 0 36px;color:#85879b;font-size:.82rem;font-weight:650}.crumbs a:hover{color:var(--primary)}.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:end;margin-bottom:38px}.intro-copy{max-width:820px}.intro-copy h1{max-width:820px;margin:20px 0 18px;font-size:clamp(3rem,6.4vw,5.7rem);line-height:.96}.intro-copy .lead{max-width:680px;margin:0}.intro-note{display:grid;gap:0;padding:9px 22px;border:1px solid var(--border);border-radius:21px;background:rgba(255,255,255,.7);box-shadow:0 15px 38px rgba(56,51,118,.07)}.intro-note span{padding:13px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:.83rem}.intro-note span:last-child{border:0}.intro-note strong{margin-right:5px;color:var(--text)}
.studio{overflow:hidden;border:1px solid rgba(38,38,70,.12);border-radius:28px;background:#fff;box-shadow:0 32px 90px rgba(48,42,106,.15)}.studio-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px;padding:12px 18px 12px 22px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,#fcfcff)}.studio-title,.studio-title>div,.studio-actions,.preview-toolbar>div,.export-heading>div,.export-actions{display:flex;align-items:center}.studio-title{gap:13px}.studio-title>div{align-items:flex-start;flex-direction:column;gap:2px}.studio-title span{color:#8b8da1;font-size:.73rem;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.studio-title strong{font-size:.91rem}.studio-mark{display:flex!important;gap:5px}.studio-mark i{display:block;width:8px;height:8px;border-radius:50%;background:#ff776f}.studio-mark i:nth-child(2){background:#ffcb56}.studio-mark i:nth-child(3){background:#43c99c}.studio-actions{gap:9px}.saved-state{display:inline-flex;align-items:center;gap:7px;margin-right:4px;color:#77798c;font-size:.76rem;font-weight:700}.saved-state i{width:7px;height:7px;border-radius:50%;background:#3fc79c;box-shadow:0 0 0 4px rgba(63,199,156,.12)}.soft-action,.spark-action,.download-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:11px;color:#51536a;background:#fff;font-size:.8rem;font-weight:800;transition:.2s}.soft-action:hover{color:var(--primary);border-color:rgba(108,92,231,.25);background:#f7f5ff}.spark-action,.download-action{color:#fff;border-color:transparent;background:linear-gradient(135deg,#6352e0,#8272f1);box-shadow:0 8px 20px rgba(108,92,231,.23)}.spark-action:hover,.download-action:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(108,92,231,.3)}.spark-action span{font-size:.95rem}
.studio-grid{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:840px}.control-panel{border-right:1px solid var(--border);background:#fafaff}.control-section{border-bottom:1px solid var(--border)}.control-heading{padding:22px 20px 12px}.control-heading>div{display:flex;align-items:center;gap:9px}.control-heading h2{margin:0;font-size:.91rem}.control-heading small{display:block;margin:7px 0 0;color:#8a8c9f;font-size:.75rem}.section-number{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:7px;color:var(--primary);background:rgba(108,92,231,.09);font-size:.64rem;font-weight:900}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 16px 20px}.preset-card{min-width:0;padding:6px 5px 8px;border:1px solid transparent;border-radius:11px;color:#77798e;background:transparent;font-size:.65rem;font-weight:800;transition:.2s}.preset-card:hover{background:#fff}.preset-card.active{color:var(--primary);border-color:rgba(108,92,231,.24);background:#fff;box-shadow:0 7px 18px rgba(63,54,138,.08)}.preset-preview{position:relative;display:block;height:40px;margin-bottom:6px;overflow:hidden;border-radius:7px;background:#eee}.preset-preview:before{content:"";position:absolute;top:11px;left:7px;width:22px;height:3px;border-radius:5px;background:#fff;box-shadow:0 6px 0 rgba(255,255,255,.65)}.preset-preview i{position:absolute;left:7px;bottom:6px;width:15px;height:5px;border-radius:3px;background:#fff}.preset-preview b{position:absolute;right:5px;top:6px;width:22px;height:27px;border-radius:6px;background:rgba(255,255,255,.44);transform:rotate(7deg)}.preset-launch{background:linear-gradient(135deg,#282349,#7766eb)}.preset-portfolio{background:linear-gradient(135deg,#ebe5dc,#bf715d)}.preset-wellness{background:linear-gradient(135deg,#eef8f2,#65a986)}.preset-midnight{background:linear-gradient(135deg,#080d20,#00a6c8)}
.section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;border:0;color:var(--text);background:transparent}.section-toggle>span:first-child{display:flex;align-items:center;gap:9px}.section-toggle strong{font-size:.87rem}.toggle-symbol{color:#9a9bae;font-size:1rem}.section-body{display:grid;gap:13px;padding:0 20px 22px}.control-section.collapsed .section-body{display:none}.control-section.collapsed .toggle-symbol{transform:rotate(45deg)}.field-label{display:grid;gap:6px}.field-label>span,.field-name,.select-label>span,.range-label>span{color:#6f7186;font-size:.73rem;font-weight:800}.field-label input,.field-label textarea,.select-label select{width:100%;padding:10px 11px;border:1px solid rgba(35,37,66,.12);border-radius:10px;color:#25263a;background:#fff;outline:0;font-size:.78rem;line-height:1.45;transition:.2s}.field-label textarea{resize:vertical;min-height:60px}.field-label input:focus,.field-label textarea:focus,.select-label select:focus{border-color:rgba(108,92,231,.65);box-shadow:0 0 0 3px rgba(108,92,231,.09)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.segment-control{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;border:1px solid var(--border);border-radius:11px;background:#f0f0f7}.segment-control button{min-height:34px;border:0;border-radius:8px;color:#85879a;background:transparent;font-size:.75rem;font-weight:800}.segment-control button.active{color:var(--primary);background:#fff;box-shadow:0 3px 9px rgba(41,39,76,.09)}.align-control button{display:flex;align-items:center;justify-content:center;gap:6px}.align-control svg{width:15px;height:15px}.toggle-list{display:grid;gap:0;margin-top:2px;border-top:1px solid var(--border)}.toggle-list label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 1px;border-bottom:1px solid var(--border)}.toggle-list label>span,.toggle-list strong,.toggle-list small{display:block}.toggle-list strong{font-size:.76rem}.toggle-list small{margin-top:2px;color:#9294a7;font-size:.67rem}.toggle-list input{position:relative;width:34px;height:19px;margin:0;border:0;border-radius:999px;appearance:none;background:#d8d9e2;transition:.2s}.toggle-list input:before{content:"";position:absolute;width:15px;height:15px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.toggle-list input:checked{background:var(--primary)}.toggle-list input:checked:before{transform:translateX(15px)}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-grid>label{display:grid;gap:5px;padding:9px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#76788d;font-size:.68rem;font-weight:800}.color-input{display:flex;align-items:center;gap:7px}.color-input input{width:24px;height:24px;padding:0;border:0;border-radius:6px;overflow:hidden;background:transparent}.color-input input::-webkit-color-swatch-wrapper{padding:0}.color-input input::-webkit-color-swatch{border:0;border-radius:6px}.color-input output{color:#36384b;font-size:.67rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.select-label,.range-label{display:grid;gap:7px}.select-label select{appearance:auto}.range-label>span{display:flex;justify-content:space-between}.range-label output{color:var(--primary)}.range-label input{width:100%;height:5px;border-radius:99px;appearance:none;background:linear-gradient(90deg,var(--primary) 50%,#dedee8 50%)}.range-label input::-webkit-slider-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;appearance:none;background:var(--primary);box-shadow:0 2px 7px rgba(69,56,171,.32)}
.workspace{min-width:0;padding:22px;background:#f4f4f9}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.preview-toolbar>div:first-child{gap:10px}.preview-toolbar>div>div{display:grid;gap:2px}.preview-toolbar strong,.export-heading strong{font-size:.84rem}.preview-toolbar small,.export-heading small{color:#8b8d9e;font-size:.7rem}.device-switcher{display:flex;padding:3px;border:1px solid var(--border);border-radius:10px;background:#fff}.device-switcher button{display:grid;width:34px;height:31px;place-items:center;padding:0;border:0;border-radius:7px;color:#9899a9;background:transparent}.device-switcher button.active{color:var(--primary);background:#f0edff}.device-switcher svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.5}.preview-stage{position:relative;display:flex;min-height:530px;align-items:flex-start;justify-content:center;padding:14px;overflow:hidden;border:1px solid rgba(35,37,66,.09);border-radius:18px;background-color:#e9e9f1;background-image:linear-gradient(45deg,rgba(255,255,255,.45) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.45) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.45) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.45) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.browser-frame{width:100%;overflow:hidden;border:1px solid rgba(24,25,44,.16);border-radius:12px;background:#fff;box-shadow:0 20px 46px rgba(44,41,84,.16);transition:width .35s ease}.browser-frame.tablet{width:720px;max-width:100%}.browser-frame.mobile{width:390px;max-width:100%}.browser-top{display:flex;align-items:center;gap:14px;height:30px;padding:0 10px;border-bottom:1px solid rgba(22,24,50,.1);background:#f8f8fb}.browser-top>span{display:flex;gap:4px}.browser-top i{display:block;width:6px;height:6px;border-radius:50%;background:#ff776f}.browser-top i:nth-child(2){background:#ffca54}.browser-top i:nth-child(3){background:#47c99e}.browser-top b{width:34%;height:8px;border-radius:99px;background:#e6e6ed}.browser-top em{margin-left:auto;color:#9b9cab;font-size:.55rem;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.generated-viewport{overflow:auto}.generated-hero{--hero-accent:#735cf0;--hero-start:#f7f5ff;--hero-end:#e8fbf7;--hero-text:#17182a;--hero-heading:68px;--hero-padding:84px;--hero-radius:24px;--hero-font:Inter,ui-sans-serif,system-ui,sans-serif;position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(250px,.98fr);gap:clamp(28px,5vw,68px);align-items:center;min-height:498px;padding:var(--hero-padding) clamp(28px,6vw,86px);overflow:hidden;color:var(--hero-text);background:linear-gradient(135deg,var(--hero-start),var(--hero-end));font-family:var(--hero-font)}.generated-hero:before{content:"";position:absolute;width:400px;height:400px;top:-255px;left:-180px;border-radius:50%;background:var(--hero-accent);opacity:.08;filter:blur(4px)}.generated-hero.layout-centered{grid-template-columns:1fr;text-align:center}.generated-hero.layout-centered .generated-content{max-width:780px;margin:auto}.generated-hero.layout-centered .generated-actions,.generated-hero.layout-centered .generated-proof{justify-content:center}.generated-hero.layout-centered .generated-visual{position:absolute;inset:auto -80px -210px auto;width:430px;height:430px;opacity:.38;pointer-events:none}.generated-hero.align-center:not(.layout-centered) .generated-content{text-align:center}.generated-hero.align-center:not(.layout-centered) .generated-actions,.generated-hero.align-center:not(.layout-centered) .generated-proof{justify-content:center}.generated-content{position:relative;z-index:2;min-width:0}.generated-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:17px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--hero-accent) 20%,transparent);border-radius:99px;color:var(--hero-accent);background:color-mix(in srgb,var(--hero-accent) 8%,transparent);font-size:clamp(.58rem,1.2vw,.76rem);font-weight:850;letter-spacing:.05em;text-transform:uppercase}.generated-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hero-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--hero-accent) 14%,transparent)}.generated-hero h2{max-width:760px;margin:0;font-size:clamp(2.2rem,calc(var(--hero-heading) * .074vw),var(--hero-heading));line-height:.96;letter-spacing:-.06em}.generated-hero h2 span,.generated-hero h2 strong{display:block}.generated-hero h2 strong{color:var(--hero-accent);font-weight:inherit}.generated-hero p{max-width:600px;margin:20px 0 0;color:color-mix(in srgb,var(--hero-text) 68%,transparent);font-size:clamp(.83rem,1.35vw,1.02rem);line-height:1.65}.layout-centered .generated-hero p,.generated-hero.layout-centered p{margin-inline:auto}.generated-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px}.generated-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border-radius:calc(var(--hero-radius) * .54);font-size:.8rem;font-weight:850;text-decoration:none;transition:.2s}.generated-primary{color:#fff;background:var(--hero-accent);box-shadow:0 12px 25px color-mix(in srgb,var(--hero-accent) 28%,transparent)}.generated-primary:after{content:"→";margin-left:8px}.generated-primary:hover{transform:translateY(-2px)}.generated-secondary{color:var(--hero-text);border:1px solid color-mix(in srgb,var(--hero-text) 15%,transparent);background:color-mix(in srgb,#fff 64%,transparent)}.generated-proof{display:flex;align-items:center;gap:10px;margin-top:27px;color:color-mix(in srgb,var(--hero-text) 65%,transparent);font-size:.68rem}.generated-proof b{color:var(--hero-text)}.avatar-stack{display:flex}.avatar-stack i{display:block;width:22px;height:22px;margin-left:-6px;border:2px solid color-mix(in srgb,#fff 80%,transparent);border-radius:50%;background:linear-gradient(135deg,#ffad8e,#6f55d8)}.avatar-stack i:first-child{margin-left:0;background:linear-gradient(135deg,#ffd66f,#eb6e8d)}.avatar-stack i:last-child{background:linear-gradient(135deg,#58d2bf,#4979cf)}.generated-visual{position:relative;z-index:1;display:grid;min-height:360px;place-items:center;perspective:900px}.visual-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:235px;height:235px;right:-20px;top:8px;background:var(--hero-accent);opacity:.18}.orb-b{width:180px;height:180px;left:0;bottom:5px;background:var(--hero-end);border:42px solid color-mix(in srgb,var(--hero-accent) 18%,transparent)}.visual-card{position:relative;width:min(100%,360px);padding:16px;border:1px solid rgba(255,255,255,.56);border-radius:var(--hero-radius);background:color-mix(in srgb,#fff 76%,transparent);box-shadow:0 32px 64px color-mix(in srgb,var(--hero-accent) 20%,transparent);backdrop-filter:blur(16px);transform:rotateY(-5deg) rotateX(3deg)}.visual-card-top{display:flex;align-items:center;justify-content:space-between}.visual-card-top>span{display:flex;gap:4px}.visual-card-top i{display:block;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--hero-text) 18%,transparent)}.visual-card-top em{padding:4px 6px;border-radius:5px;color:var(--hero-accent);background:color-mix(in srgb,var(--hero-accent) 9%,transparent);font-size:.48rem;font-style:normal;font-weight:900;letter-spacing:.08em}.visual-metric{display:flex;align-items:end;justify-content:space-between;margin-top:23px}.visual-metric span{color:color-mix(in srgb,var(--hero-text) 48%,transparent);font-size:.65rem}.visual-metric strong{color:var(--hero-accent);font-size:1.1rem}.visual-chart{display:flex;align-items:end;gap:7px;height:106px;padding-top:19px}.visual-chart i{flex:1;height:42%;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--hero-accent),color-mix(in srgb,var(--hero-accent) 46%,transparent))}.visual-chart i:nth-child(2){height:58%}.visual-chart i:nth-child(3){height:49%}.visual-chart i:nth-child(4){height:76%}.visual-chart i:nth-child(5){height:68%}.visual-chart i:nth-child(6){height:91%}.visual-chart i:nth-child(7){height:83%}.visual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.visual-stats>span{padding:9px;border:1px solid color-mix(in srgb,var(--hero-text) 8%,transparent);border-radius:9px}.visual-stats i,.visual-stats b{display:block;height:4px;border-radius:5px;background:color-mix(in srgb,var(--hero-text) 11%,transparent)}.visual-stats b{width:66%;margin-top:6px;background:color-mix(in srgb,var(--hero-accent) 26%,transparent)}.floating-pill{position:absolute;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.62);border-radius:11px;color:var(--hero-text);background:color-mix(in srgb,#fff 82%,transparent);box-shadow:0 14px 30px color-mix(in srgb,var(--hero-accent) 16%,transparent);font-size:.58rem;font-weight:800;backdrop-filter:blur(10px)}.pill-one{top:34px;left:-4px;animation:float 4s ease-in-out infinite}.pill-one span{color:var(--hero-accent)}.pill-two{right:-2px;bottom:38px;animation:float 4s .7s ease-in-out infinite}.pill-two i{width:8px;height:8px;border-radius:50%;background:#41c59a;box-shadow:0 0 0 4px rgba(65,197,154,.14)}.pill-two span,.pill-two b{display:block}.pill-two b{font-size:.68rem}@keyframes float{50%{transform:translateY(-7px)}}.browser-frame.tablet .generated-hero{--hero-heading:58px;grid-template-columns:1fr 300px;gap:25px;padding-inline:38px}.browser-frame.tablet .generated-visual{min-height:320px}.browser-frame.mobile .generated-hero{grid-template-columns:1fr!important;min-height:670px;padding:52px 24px!important;text-align:center}.browser-frame.mobile .generated-content{max-width:100%}.browser-frame.mobile .generated-hero h2{font-size:clamp(2.4rem,13vw,3.5rem)}.browser-frame.mobile .generated-hero p{margin-inline:auto}.browser-frame.mobile .generated-actions,.browser-frame.mobile .generated-proof{justify-content:center}.browser-frame.mobile .generated-visual{min-height:270px;margin-top:4px}.browser-frame.mobile .visual-card{max-width:290px}.browser-frame.mobile .floating-pill{display:none}.browser-frame.mobile .layout-centered .generated-visual{position:relative;inset:auto;width:auto;height:auto;opacity:1}.browser-frame.mobile .generated-actions a{flex:1;min-width:125px}.generated-hero.is-refreshing .generated-content{animation:revealCopy .55s ease both}.generated-hero.is-refreshing .generated-visual{animation:revealVisual .7s ease both}@keyframes revealCopy{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes revealVisual{from{opacity:0;transform:scale(.93) rotate(2deg)}to{opacity:1;transform:none}}.sparkles{position:absolute;inset:0;pointer-events:none}.sparkles i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--primary);animation:sparkle .85s ease-out forwards}@keyframes sparkle{0%{opacity:0;transform:scale(.2)}35%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(0)}}
.generated-hero h2{font-size:clamp(2.2rem,5.8vw,var(--hero-heading))}
.export-panel{margin-top:17px}.export-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.export-heading>div:first-child{gap:10px}.export-heading>div>div{display:grid;gap:2px}.export-actions{gap:7px}.download-action svg{width:15px}.code-window{overflow:hidden;border:1px solid rgba(20,21,40,.2);border-radius:14px;background:#171827;box-shadow:0 18px 40px rgba(28,28,55,.14)}.code-tabs{display:flex;align-items:center;gap:3px;height:39px;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.07);background:#202132}.code-tabs button{height:29px;padding:0 11px;border:0;border-radius:7px;color:#82869e;background:transparent;font-size:.66rem;font-weight:850}.code-tabs button.active{color:#fff;background:#31334a}.code-tabs>span{display:flex;align-items:center;gap:6px;margin-left:auto;padding-right:7px;color:#73778f;font-size:.61rem;font-weight:700}.code-tabs>span i{width:6px;height:6px;border-radius:50%;background:#41c59a}.code-window pre{height:190px;margin:0;padding:16px;overflow:auto;color:#cdd1ee;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.code-window code{font:inherit}.toast{position:fixed;z-index:100;left:50%;bottom:28px;padding:11px 16px;border-radius:11px;color:#fff;background:#242539;box-shadow:0 12px 35px rgba(24,24,48,.25);font-size:.78rem;font-weight:800;opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:.24s}.toast.show{opacity:1;transform:translate(-50%,0)}
.content-section{padding:84px 0}.content{max-width:1060px}.content-kicker{display:inline-block;margin-bottom:12px;color:var(--primary);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.content-section h2{max-width:720px;margin:0;font-size:clamp(2rem,4.5vw,3.25rem);letter-spacing:-.05em;line-height:1.05}.content-lead,.guide-section>p{max-width:790px;color:var(--muted);font-size:1rem;line-height:1.75}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.benefit-grid article{padding:26px;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.8);box-shadow:0 12px 34px rgba(52,48,108,.06)}.benefit-grid article>span{display:grid;width:33px;height:33px;place-items:center;margin-bottom:30px;border-radius:10px;color:var(--primary);background:rgba(108,92,231,.09);font-size:.68rem;font-weight:900}.benefit-grid h3{margin:0 0 8px;font-size:1rem}.benefit-grid p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.65}.guide-section{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.43)}.guide-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.guide-grid>div>p{color:var(--muted);line-height:1.7}.guide-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.guide-steps li{display:flex;gap:16px;padding:19px;border:1px solid var(--border);border-radius:17px;background:#fff}.guide-steps li>span{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--primary),#8d7df2);font-size:.76rem;font-weight:900}.guide-steps strong{font-size:.92rem}.guide-steps p{margin:5px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}.faq-section h2{margin-bottom:30px}.faq-list{display:grid;gap:10px;max-width:860px}.faq-list details{border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.82)}.faq-list summary{position:relative;padding:19px 52px 19px 19px;font-size:.9rem;font-weight:850;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:19px;top:14px;display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:var(--primary);background:#f1efff;font-size:1rem}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0;padding:0 19px 19px;color:var(--muted);font-size:.86rem;line-height:1.7}.try-section{padding:72px 0 92px;border-top:1px solid rgba(31,34,62,.06);background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(239,237,255,.6))}.try-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.try-heading h2{font-size:clamp(1.8rem,4vw,2.7rem)}.try-heading p{margin:9px 0 0;color:var(--muted)}.try-heading>a{flex:0 0 auto;color:var(--primary);font-size:.82rem;font-weight:850}.try-heading>a span{margin-left:6px}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.try-card{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:0 9px 26px rgba(53,49,110,.05);transition:.2s}.try-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(53,49,110,.09)}.try-icon{display:grid;flex:0 0 45px;height:45px;place-items:center;border-radius:12px;color:var(--primary);background:#f0edff;font-size:.68rem;font-weight:900}.try-card>span:nth-child(2){min-width:0}.try-card strong,.try-card small{display:block}.try-card strong{font-size:.84rem}.try-card small{margin-top:4px;color:var(--muted);font-size:.7rem;line-height:1.4}.try-card>b{margin-left:auto;color:var(--primary)}
@media(max-width:1050px){.studio-grid{grid-template-columns:300px minmax(0,1fr)}.generated-hero{grid-template-columns:1fr 280px;padding-inline:34px}.generated-hero h2{font-size:clamp(2.3rem,5.8vw,var(--hero-heading))}.visual-card{width:290px}.floating-pill{display:none}.guide-grid{gap:42px}}
@media(max-width:860px){.hero-intro{grid-template-columns:1fr}.intro-note{grid-template-columns:repeat(3,1fr)}.intro-note span{border-bottom:0;border-right:1px solid var(--border)}.intro-note span:last-child{border:0}.studio-grid{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--border)}.preset-grid{grid-template-columns:repeat(4,1fr)}.section-body{grid-template-columns:1fr 1fr}.section-body>.two-fields,.section-body>.toggle-list,.section-body>.color-grid,.section-body>.segment-control,.section-body>.field-name,.section-body>.range-label,.section-body>.select-label{grid-column:1/-1}.workspace{padding:18px}.guide-grid{grid-template-columns:1fr}.benefit-grid,.try-grid{grid-template-columns:1fr 1fr}.try-card:last-child{grid-column:1/-1}.content-section{padding:68px 0}}
@media(max-width:640px){.builder-hero{padding-top:20px}.crumbs{margin-bottom:28px}.hero-intro{gap:24px}.intro-copy h1{font-size:clamp(2.7rem,14vw,4rem)}.intro-note{grid-template-columns:1fr;padding-inline:18px}.intro-note span{border-right:0;border-bottom:1px solid var(--border)}.studio{border-radius:20px}.studio-bar{align-items:flex-start;padding:14px;flex-direction:column}.studio-actions{width:100%;flex-wrap:wrap}.saved-state{margin-right:auto}.studio-actions .soft-action{display:none}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:12px}.control-heading,.section-toggle{padding-inline:16px}.section-body{grid-template-columns:1fr;padding-inline:16px}.section-body>*{grid-column:1!important}.two-fields,.color-grid{grid-template-columns:1fr 1fr}.workspace{padding:12px}.preview-stage{min-height:490px;padding:8px}.browser-frame.desktop .generated-hero,.browser-frame.tablet .generated-hero{grid-template-columns:1fr;min-height:630px;padding:52px 24px;text-align:center}.browser-frame.desktop .generated-actions,.browser-frame.desktop .generated-proof,.browser-frame.tablet .generated-actions,.browser-frame.tablet .generated-proof{justify-content:center}.browser-frame.desktop .generated-visual,.browser-frame.tablet .generated-visual{min-height:260px}.browser-frame.desktop .floating-pill,.browser-frame.tablet .floating-pill{display:none}.browser-frame.desktop .generated-hero h2,.browser-frame.tablet .generated-hero h2{font-size:clamp(2.3rem,12vw,3.3rem)}.export-heading{align-items:flex-start;flex-direction:column}.export-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.download-action{grid-column:1/-1}.benefit-grid,.try-grid{grid-template-columns:1fr}.try-card:last-child{grid-column:auto}.try-heading{align-items:flex-start;flex-direction:column}.content-section{padding:56px 0}.guide-grid{gap:30px}.toast{bottom:18px;max-width:calc(100% - 28px);text-align:center}}
@media(prefers-reduced-motion:reduce){.floating-pill,.generated-hero.is-refreshing .generated-content,.generated-hero.is-refreshing .generated-visual,.sparkles i{animation:none!important}.browser-frame{transition:none}}