@import url('fonts.css');
[hidden]{display:none!important}
:root{--bg:#09090f;--surface:#141420;--violet:#8b5cf6;--gold:#d9b878;--text:#f7f5f2;--muted:#a6a5b3;--line:#ffffff1c;--heading:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 var(--body);overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,select,textarea{outline-offset:5px}*:focus-visible{outline:2px solid var(--gold)}button{border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}p{color:var(--muted)}h1,h2,h3{font-family:var(--heading);font-weight:500;line-height:1.1}h2{font-size:clamp(34px,4.3vw,62px);letter-spacing:-2.5px}h3{font-size:23px;letter-spacing:-.6px}p+p{margin-top:18px}.serif{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.035em}.gold{color:var(--gold)}.muted{color:var(--muted)}.section-wrap{max-width:1440px;padding-left:5.2%;padding-right:5.2%;margin:auto}.section-space{padding-top:115px;padding-bottom:115px}.section-marker,.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.section-marker{color:var(--gold);margin-bottom:35px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading>p,.section-heading>div{max-width:390px}.section-heading p{font-size:15px}.subtle-label{display:block;color:#888796;letter-spacing:1.5px;font-size:9px;margin-top:20px}.button{min-height:49px;padding:12px 21px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:6px;font-size:12px;font-weight:600;transition:background .2s,transform .2s,border-color .2s;text-align:center;line-height:1.5}.button:hover{transform:translateY(-3px);border-color:#ffffff70}.primary{background:var(--violet);border-color:var(--violet);color:white}.primary:hover{background:#9c74ff;border-color:#ae8cff;box-shadow:0 8px 35px #8b5cf62a}.ghost{background:#ffffff03}.small{font-size:10px;min-height:39px;padding:10px 14px;gap:15px}.text-link{display:inline-flex;gap:24px;font-size:12px;border-bottom:1px solid #ffffff50;padding-bottom:7px;font-weight:500}.text-link:hover{color:var(--gold)}.microcopy{font-size:11px;line-height:1.7;color:#91909f}.centered{text-align:center}.header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 3%;position:sticky;top:0;z-index:50;background:#09090fe8;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font:600 22px var(--heading);letter-spacing:-1px;white-space:nowrap}.brand-logo-img{width:42px;height:42px;border-radius:10px;object-fit:cover;box-shadow:0 3px 12px rgba(0,0,0,0.35);flex-shrink:0;transition:transform .2s ease}.brand:hover .brand-logo-img{transform:scale(1.05)}.brand-light{font-weight:400}.brand sup{font-size:9px;margin-left:3px;vertical-align:top}.header nav{display:flex;gap:20px;align-items:center}.header nav a{font-size:10px;color:#b9b8c2;transition:color .2s}.header nav a:hover{color:white}.menu-toggle{display:none;background:transparent}.hero{position:relative;padding-top:27px}.hero-topline{display:flex;justify-content:space-between;color:#898896;font-size:8px;letter-spacing:1.6px}.hero-topline>span{display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;border-radius:50%;background:#b9d5a0;display:inline-block;box-shadow:0 0 9px #b9d5a040}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:20px;padding:62px 0 60px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.3px;color:#a8a5b4;margin-bottom:25px}.hero h1{font-size:clamp(57px,6.1vw,88px);line-height:.99;letter-spacing:-4.5px;font-weight:500}.outline-word{color:#bfa5fa}.hero-description{max-width:405px;font-size:13px;margin-top:27px;line-height:1.85}.hero-actions{display:flex;gap:11px;margin-top:28px}.hero-actions .button{font-size:10px;gap:14px;padding:13px 17px}.quiet-link{display:inline-flex;gap:8px;align-items:center;margin-top:21px;font-size:10px;color:#a6a5b3}.quiet-link:hover{color:white}.wa-icon{font-size:17px;color:#b0d6bd}.hero-art{height:535px;position:relative;perspective:1200px;margin-right:-15px}.hero-art:before{content:'';position:absolute;inset:50px -60px -30px;background:radial-gradient(ellipse,#56288536,transparent 65%);pointer-events:none}.art-coordinate{font-size:7px;letter-spacing:2px;position:absolute;top:22px;right:0;color:#7d728b;writing-mode:vertical-rl}.sculpture{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-15deg) rotateZ(-5deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.glass-browser{position:absolute;border:1px solid #b9a3d35c;border-radius:11px;overflow:hidden;box-shadow:7px 9px 0 #5942741f,15px 15px 0 #8970a90c,0 35px 65px #0009;background:#17141f}.browser-chrome{height:29px;background:linear-gradient(90deg,#38313f,#1d1924);display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#a29aa9;font-size:6px;letter-spacing:.5px}.browser-chrome b{font-size:6px;letter-spacing:2px;color:#9a82b8}.main-browser{width:94%;height:330px;left:0;top:131px;transform:translateZ(35px)}.mini-estate{height:300px;position:relative;background:#e5dfd3;color:#302c25;padding:17px 25px;overflow:hidden}.mini-nav{display:flex;justify-content:space-between;align-items:center;font-size:6px;position:relative;z-index:3}.mini-nav>b{font:13px Georgia;letter-spacing:3px}.mini-nav b span{font-size:6px}.mini-estate h3{position:relative;font:28px/1.05 Georgia;margin:25px 0 10px;z-index:2;letter-spacing:-1px}.mini-estate h3 em{font-weight:400}.mini-pill{display:inline-block;font-size:5px;letter-spacing:1px;border-bottom:1px solid #71695b;padding-bottom:4px;position:relative;z-index:3}.architecture{position:absolute;height:155px;width:80%;bottom:19px;right:-3%;perspective:500px;background:linear-gradient(0deg,#8c8c704a,transparent)}.building{position:absolute;box-shadow:7px 8px 10px #0002}.building-a{height:110px;width:150px;background:linear-gradient(90deg,#dad2bd 17%,#585950 18%,#252c2c 29%,#a0967e 30%,#a0967e 33%,#333e3c 34%,#636a61 57%,#bcb5a1 58%);right:5%;top:4px;transform:skewY(-7deg);border-top:12px solid #f0eadc;border-bottom:15px solid #cfc6b1}.building-b{height:58px;width:160px;background:repeating-linear-gradient(90deg,#3e4239 0 12px,#c3b698 12px 16px);right:41%;bottom:26px;border-top:13px solid #d4ccb8;transform:skewY(6deg)}.building-c{width:178px;height:19px;right:2%;bottom:17px;transform:skewX(-50deg);background:#bcb29a}.pool{width:200px;height:23px;background:#86a8a2;position:absolute;bottom:0;left:15%;transform:skewX(-45deg);border:5px solid #d1c6ae}.plant{position:absolute;width:40px;height:85px;background:linear-gradient(90deg,#373b2b,#747b4d);border-radius:70% 35% 30% 30%;bottom:19px;right:2%;transform:rotate(4deg)}.mini-bottom{position:absolute;bottom:12px;left:25px;right:25px;font-size:5px;letter-spacing:1px;display:flex;justify-content:space-between}.back-browser{width:73%;height:250px;right:0;top:6px;transform:translateZ(-65px) rotateZ(13deg)}.mini-fashion{height:230px;background:#1b211d;color:#e3e5d9;position:relative;padding:16px 23px;overflow:hidden}.mini-fashion>span{font-size:14px;font-weight:700;letter-spacing:5px}.mini-fashion h3{font:37px/.95 Georgia;margin-top:24px;position:relative;z-index:2}.mini-fashion small{font-size:5px;letter-spacing:1px;position:absolute;bottom:24px}.fashion-shape{width:135px;height:210px;position:absolute;right:9px;top:21px;transform:rotate(-12deg);background:linear-gradient(100deg,#b4a895,#e7dcc4 40%,#887d6a 80%);border-radius:60% 15% 20% 20%;box-shadow:inset 20px 0 25px #0002}.floating-panel{position:absolute;display:flex;align-items:center;gap:13px;left:-26px;bottom:7px;background:#201b2de8;border:1px solid #d3baf544;backdrop-filter:blur(15px);padding:16px 20px;border-radius:8px;box-shadow:0 15px 40px #0008;transform:translateZ(85px) rotateZ(4deg);font-size:10px;line-height:1.7}.floating-panel div span{color:#9d95aa;font-size:8px}.panel-symbol{font-size:32px;color:#b397e2}.tiny-arrow{margin-left:23px;color:var(--gold);font-size:20px}.metal-cube{position:absolute;right:-10px;bottom:17px;width:49px;height:49px;transform-style:preserve-3d;transform:rotateX(25deg) rotateY(-32deg) rotateZ(20deg)}.metal-cube i{position:absolute;inset:0;background:linear-gradient(120deg,#efe2ae,#89734a);border:1px solid #e4d29a}.metal-cube i:nth-child(1){transform:translateZ(24px)}.metal-cube i:nth-child(2){transform:rotateY(90deg) translateZ(24px);background:linear-gradient(100deg,#7a623c,#b59a68)}.metal-cube i:nth-child(3){transform:rotateX(90deg) translateZ(24px)}.orbital{position:absolute;border:1px solid #8b5cf625;border-radius:50%;width:530px;height:240px;left:-25px;top:183px;transform:rotate(-29deg)}.orbital-two{transform:rotate(37deg);border-color:#d9b87812}.art-caption{display:flex;align-items:center;gap:12px;position:absolute;bottom:-32px;left:20px;right:0;font-size:8px;line-height:1.5;color:#8f899a}.art-caption b{color:#c5bfce;font-weight:400}.crosshair{font-size:28px;color:#7b6398}.art-counter{margin-left:auto;font:9px var(--heading);letter-spacing:2px}.hero-bottom{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:#8f8d9d}.hero-bottom a{display:flex;gap:25px;color:#cbc8d2}.hero-bottom>span:nth-child(2){letter-spacing:.2px}.discipline-strip{display:flex;align-items:center;justify-content:space-around;gap:24px;padding:27px 4%;border-block:1px solid var(--line);background:#111118;color:#b9b5c5;font:20px var(--heading)}.discipline-strip i{font-size:24px;font-style:normal;color:#7b638c}.about-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:80px}.about-copy p{font-size:13px;line-height:1.9}.about-copy .large-copy{font-size:20px;color:#dedbe5;line-height:1.6}.about-copy .text-link{margin-top:26px}.idea-path{display:flex;align-items:center;gap:20px;margin-top:65px;border:1px solid var(--line);border-radius:8px;padding:29px 30px;background:linear-gradient(90deg,#181222,#0c0c12)}.idea-path>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.path-line{height:1px;flex:1;background:linear-gradient(90deg,#8b5cf666,#ffffff12);min-width:10px}.idea-path button{background:transparent;font-size:12px;white-space:nowrap}.idea-path button:hover{color:var(--gold)}#services{border-top:1px solid var(--line)}.service-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:start}.service-row{border-bottom:1px solid var(--line)}.service-row>button{display:flex;width:100%;align-items:center;gap:22px;padding:20px 0;background:none;text-align:left}.service-row>button>span:first-child{font-size:10px;color:#6e697e}.service-row strong{font:400 20px var(--heading);flex:1}.service-row>button>span:last-child{font-size:18px;color:#8b8499}.service-row.active strong{color:var(--gold)}.service-row .service-detail{padding:0 25px 20px 38px;font-size:12px}.service-detail a{display:inline-flex;margin-top:12px;color:#d2c3ed;font-size:11px}.service-visual{position:sticky;top:115px;background:#15121e;border:1px solid var(--line);border-radius:10px;padding:25px}.service-visual>.mockup{height:270px;transform:perspective(900px) rotateY(-7deg) rotateX(4deg);margin:20px 0 35px;box-shadow:15px 15px 0 #ffffff05}.service-visual>span{font-size:9px;letter-spacing:2px;color:#a794c2}.service-visual h3{font-size:26px;margin-bottom:14px}.service-visual>p{font-size:12px}.themes-section{border-top:1px solid var(--line)}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.search-field{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff40;width:360px;max-width:80%;padding:8px 0}.search-field>span{font-size:25px;color:#aaa}.search-field input{border:0;background:transparent;padding:0;font-size:13px;min-width:0}.search-field input:focus{outline:none}#result-count{font-size:10px;color:var(--muted)}.filter-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:35px}.filter-list button,.choice-pill{background:#ffffff03;border:1px solid var(--line);border-radius:40px;padding:7px 13px;font-size:10px;color:#a8a5b5;transition:.2s}.filter-list button:hover,.choice-pill:hover{border-color:#bda2e3;color:white}.filter-list button[aria-pressed=true],.choice-pill[aria-pressed=true]{background:#8b5cf61f;color:#d3bfff;border-color:#8b5cf6}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.theme-card{min-width:0;animation:arrive .35s both}.theme-card .mockup{transition:transform .3s,box-shadow .3s}.theme-card:hover .mockup{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-3px);box-shadow:0 12px 30px #0005}.mockup{height:230px;position:relative;border-radius:7px;overflow:hidden;background:#d8d1c3;color:#292720;padding:21px;isolation:isolate}.mockup:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0008,transparent 70%);pointer-events:none}.mockup img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2}.mockup .mock-brand{font:12px Georgia;letter-spacing:3px;display:block}.mockup .mock-nav{font-size:6px;position:absolute;top:24px;right:20px;letter-spacing:.4px}.mockup h3{font:29px/1.05 Georgia;max-width:195px;margin-top:28px;letter-spacing:-.7px}.mockup .mock-sub{font-size:7px;max-width:170px;display:block;line-height:1.6;margin-top:10px}.mockup .mock-link{font-size:6px;letter-spacing:1px;border-bottom:1px solid currentColor;padding-bottom:5px;position:absolute;bottom:22px;left:22px}.mockup.estate{color:#fff4e2}.mockup.estate:after{background:linear-gradient(90deg,#151710a1,#2220)}.mockup.restaurant{color:#fff5db}.mockup.restaurant h3{font-style:italic;font-size:32px}.mockup.restaurant:after{background:#1a26128c}.mockup.fashion{color:#151515;background:#ddd7cf}.mockup.fashion img{object-position:70% center;left:43%;width:57%}.mockup.fashion:after{background:none}.mockup.fashion .mock-brand{font:700 20px var(--heading);letter-spacing:-1px}.mockup.fashion h3{font:600 33px/.94 var(--heading);max-width:150px;letter-spacing:-2px}.mockup.fashion .mock-link{background:#dfff6b;padding:7px 9px;border:0}.mockup.business{background:#e7edf5;color:#142e52}.mockup.business img{width:45%;left:55%;object-position:center}.mockup.business:after{background:linear-gradient(90deg,#e7edf5 45%,transparent 75%)}.mockup.business h3{font:500 30px/1.05 var(--heading);max-width:170px}.mockup.business .mock-brand{font:600 12px var(--heading);letter-spacing:0}.mockup.portfolio{background:#ee663e;color:#251d1b}.mockup.portfolio img{width:55%;left:50%}.mockup.portfolio:after{display:none}.mockup.portfolio h3{font:500 37px/.95 var(--heading);max-width:150px;letter-spacing:-2px}.mockup.portfolio .mock-brand{font:500 10px var(--heading);letter-spacing:0}.mockup.fitness{color:#e1ff79;background:#20271d}.mockup.fitness:after{background:linear-gradient(90deg,#111c18e0,transparent)}.mockup.fitness h3{font:700 36px/.94 var(--heading);text-transform:uppercase;max-width:170px;letter-spacing:-2px}.mockup.fitness .mock-brand{font:700 18px var(--heading);letter-spacing:-1px}.theme-meta{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:10px}.theme-meta h3{font-size:18px}.theme-meta>span{font-size:8px;color:#aaa5b6;border:1px solid var(--line);border-radius:20px;padding:3px 9px}.theme-style{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}.theme-style p{font-size:10px}.palette{display:flex;padding-right:4px}.palette i{width:12px;height:12px;border-radius:50%;margin-right:-3px;border:1px solid #09090f}.theme-actions{display:flex;gap:7px}.theme-actions button,.theme-actions a{font-size:9px;padding:8px 10px;border:1px solid var(--line);background:transparent;border-radius:4px;text-align:center;flex:1;white-space:nowrap}.theme-actions button:first-child{color:#d2bcf8;background:#8b5cf612;border-color:#8b5cf64a}.theme-actions>*:hover{border-color:var(--violet);color:white}.empty-state{grid-column:1/-1;padding:60px 25px;background:var(--surface);text-align:center;border:1px dashed #ffffff30}.empty-state h3{margin-bottom:14px}.empty-state .button{margin-top:25px}.builder-section{background:#111118;border-block:1px solid var(--line)}.builder-shell{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #ffffff20;border-radius:10px;overflow:hidden;background:#0c0c13}.builder-left{padding:35px;min-width:0}.builder-progress{display:flex;gap:6px;margin-bottom:28px}.builder-progress button{height:4px;flex:1;padding:0;background:#ffffff15;border-radius:10px}.builder-progress button.active{background:var(--violet)}.builder-progress button.done{background:#6a508f}#builder-form{min-height:280px}#builder-form>h3{font-size:25px;margin-bottom:8px}#builder-form>p{font-size:12px;margin-bottom:24px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.choice-grid button{padding:13px 14px;background:#ffffff02;text-align:left;border:1px solid var(--line);border-radius:5px;font-size:11px;transition:.2s}.choice-grid button:hover{border-color:#8b5cf670}.choice-grid button[aria-pressed=true]{border-color:var(--violet);background:#8b5cf617;color:#d4bfff}.choice-grid button span{float:right}.builder-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.builder-navigation .button{min-height:40px;font-size:10px;padding:9px 14px}.builder-navigation>span{font-size:10px;color:var(--muted)}.builder-note{font-size:9px;margin-top:18px}.builder-right{padding:30px;background:radial-gradient(ellipse at 30% 50%,#4e30602b,transparent 75%),#14121e;display:flex;flex-direction:column;justify-content:center;min-width:0;border-left:1px solid var(--line)}.preview-label{display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:1.2px;color:#bab2c8;margin-bottom:26px}.preview-label i{margin-right:5px}.builder-right>p{font-size:10px;max-width:320px;margin:25px auto 0;text-align:center}.live-site{background:#f6f4f0;color:#252331;border:1px solid #dcd3e7;border-radius:6px;box-shadow:0 20px 50px #0005;overflow:hidden;min-height:310px;transition:background .3s}.live-browser{height:23px;background:#e8e4ee;font-size:6px;color:#8c8298;padding:5px 10px}.live-site main{padding:25px}.live-site header{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px}.live-site header b{max-width:190px;overflow-wrap:anywhere}.live-site h4{font-size:35px;line-height:1.05;max-width:230px;margin:30px 0 13px;letter-spacing:-1px}.live-site p{font-size:9px;max-width:230px;color:#66616c}.live-site .live-cta{display:inline-block;color:white;padding:8px 13px;border-radius:4px;font-size:8px;margin-top:18px;background:var(--custom-color)}.live-feature-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.live-feature-row span{font-size:6px;border:1px solid #0002;padding:5px 7px;border-radius:3px}.live-site.bold h4{text-transform:uppercase;font-weight:900}.live-site.luxury,.live-site.elegant{background:#211c24;color:#f5eee3}.live-site.luxury p,.live-site.elegant p{color:#c8bccd}.live-site.luxury .live-feature-row span,.live-site.elegant .live-feature-row span{border-color:#fff3}.live-site.playful{border-radius:22px}.live-site.playful .live-cta{border-radius:22px}.live-site.futuristic{background:#151929;color:#e9ebfa}.live-site.futuristic p{color:#b0b9d3}.live-site.corporate h4{letter-spacing:-.6px}.live-site.layout-fashion h4{font-size:43px}.live-site.layout-restaurant h4{font-style:italic}.live-site.layout-portfolio main{border-bottom:8px solid var(--custom-color)}.field-label,label{font-size:11px;font-weight:500}.field-label{display:block;margin-bottom:10px}.choice-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 22px}input,textarea,select{width:100%;background:#ffffff03;border:1px solid #ffffff20;border-radius:5px;color:var(--text);padding:12px 13px;font-size:12px;min-width:0}textarea{resize:vertical;line-height:1.7}input::placeholder,textarea::placeholder{color:#777382}select option{background:#141420}.color-row{display:flex;align-items:center;gap:12px;margin-bottom:17px}.color-row input[type=color]{width:47px;height:37px;padding:4px}.color-row code{font-size:11px;color:#b9aec7}.builder-field{display:block;margin-top:14px}.builder-field input,.builder-field textarea,.builder-field select{margin-top:7px}.feature-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.feature-options label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:4px;font-size:10px;cursor:pointer}.feature-options input{width:14px;height:14px;accent-color:var(--violet)}.summary-list{font-size:11px;display:grid;grid-template-columns:80px 1fr;gap:8px}.summary-list dt{color:#8f879c}.summary-list dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.summary-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.summary-actions button{background:none;font-size:10px;text-decoration:underline;color:#aaa0b7}.dream-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.dream-layout>div>p{font-size:13px;max-width:350px;margin-top:25px}.sketch-star{display:block;font-size:100px;line-height:1;color:#8b5cf6;margin-top:35px;font-weight:300}.dream-form{background:#121119;border:1px solid var(--line);padding:30px;border-radius:9px}.dream-form textarea{background:#09090f}.prompt-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 25px}.prompt-suggestions button{font-size:9px;background:#ffffff04;border:1px solid var(--line);padding:5px 9px;border-radius:4px;color:#b9b2c5}.prompt-suggestions button:hover{border-color:var(--violet)}.brief-details{border-block:1px solid var(--line);margin:12px 0 22px}.brief-details summary{padding:14px 0;font-size:11px;cursor:pointer;display:flex;justify-content:space-between;gap:10px}.brief-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 var(--body);color:#c5b9d4}.dream-form>.button{font-size:11px;width:100%}.dream-form>.microcopy{margin-top:12px}.demo-stage{background:#13111b;border:1px solid var(--line);border-radius:10px;padding:20px}.demo-tabs{display:flex;gap:5px;margin-bottom:20px;flex-wrap:wrap}.demo-tabs button{flex:1;white-space:nowrap;background:none;border:1px solid transparent;border-radius:4px;padding:10px;font-size:10px;color:#9a91a9}.demo-tabs button[aria-selected=true]{background:#8b5cf61a;border-color:#8b5cf640;color:#e4d7f8}.showcase-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.showcase-grid .mockup{height:350px}.showcase-grid .mockup h3{font-size:48px;max-width:320px;margin-top:50px}.showcase-grid .mockup .mock-brand{font-size:18px}.showcase-info{padding:20px}.showcase-info>.eyebrow{color:var(--gold);font-size:8px}.showcase-info h3{font-size:36px;margin:15px 0}.showcase-info>p{font-size:13px;margin-bottom:24px}.showcase-info .button{margin:0 8px 8px 0;font-size:10px}.demo-stage+.microcopy{margin-top:17px}.why-section{background:#13111a;border-block:1px solid var(--line)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.why-items article{display:flex;gap:24px;padding:27px 0;border-bottom:1px solid var(--line)}.why-items article:first-child{padding-top:0}.why-items article>span{font-size:10px;color:var(--gold)}.why-items h3{font-size:21px;margin-bottom:14px}.why-items p{font-size:12px}.process-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.process-tabs button{text-align:left;background:none;padding:15px 13px 20px;color:#8e879a;font-size:12px;border-bottom:2px solid transparent}.process-tabs button span{display:block;font-size:9px;margin-bottom:13px}.process-tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.process-content{display:flex;align-items:center;gap:50px;padding:40px 15px;max-width:850px}.process-number{font:90px var(--heading);line-height:1;color:#8b5cf66b}.process-content h3{margin-bottom:16px;font-size:29px}.process-content p{font-size:13px}.reviews-section{padding-block:70px;border-block:1px solid var(--line)}.review-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.review-layout h2{font-size:43px}.review-layout>div>p{font-size:13px;margin-top:20px;max-width:380px}.review-card{background:#13111b;border:1px solid var(--line);padding:25px 30px;border-radius:8px}.sample-label{font-size:8px;letter-spacing:1.3px;color:#baa58c;display:block}.review-card h3{font-size:15px;color:#b8a2d7;margin:27px 0 12px}.review-card p{font:20px/1.5 Georgia;color:#d5cfdc}.review-controls{display:flex;align-items:center;gap:14px;justify-content:flex-end;margin-top:25px}.review-controls button{background:none;border:1px solid var(--line);border-radius:50%;height:33px;width:33px}.review-controls>span{font-size:9px;color:var(--muted)}.faq-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.faq-layout h2{font-size:46px}.faq-layout>div>p{font-size:12px;margin:20px 0}.faq-layout details{border-bottom:1px solid var(--line)}.faq-layout summary{list-style:none;padding:21px 0;cursor:pointer;font-size:14px;display:flex;justify-content:space-between;gap:15px}.faq-layout summary::-webkit-details-marker{display:none}.faq-layout summary span{color:var(--gold)}.faq-layout details p{padding:0 20px 22px 0;font-size:12px;line-height:1.85}.faq-layout details[open] summary{color:var(--gold)}.final-cta{padding-block:80px;text-align:center;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#6a3ba42b,transparent 65%);position:relative}.final-cta>.eyebrow{color:#c1b1d3;font-size:9px}.final-cta h2{font-size:clamp(42px,6vw,85px);margin:30px auto;position:relative;max-width:900px}.cta-star{position:absolute;font-size:120px;color:var(--violet);right:-5%;top:50px}.cta-buttons{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.cta-buttons .text-link{font-size:10px;margin-left:12px}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.contact-layout>div>p{font-size:13px;max-width:330px;margin-top:25px}.contact-number{display:inline-block;font:23px var(--heading);margin-top:35px;color:var(--gold)}.contact-layout>div>p.microcopy{font-size:10px;margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-grid label{display:block;font-size:10px;color:#c6bece}.form-grid label input,.form-grid label select,.form-grid label textarea{margin-top:7px}.form-grid label>span{color:#ad92d9}.form-grid small{color:#8f8799;font-size:9px;font-weight:400}.full-width{grid-column:1/-1}#contact-form>.button{margin-top:23px;width:100%}#contact-form>.microcopy{margin-top:10px}#contact-result{font-size:12px;margin-top:15px;color:#d4c3eb}#contact-result a{text-decoration:underline}footer{border-top:1px solid var(--line);padding-top:48px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;padding-bottom:40px}.footer-top p{font-size:12px}.footer-top>div{display:flex;flex-direction:column;gap:10px;font-size:10px}.footer-link{background:none;padding:0;text-align:left;font-size:10px}.footer-bottom{padding:19px 0 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:#767080;font-size:8px;letter-spacing:.4px}.floating-whatsapp{position:fixed;bottom:23px;right:24px;z-index:40;display:flex;align-items:center;gap:9px;border:1px solid #5a7f65;background:#1a3025f2;color:#dcf0df;padding:12px 17px;border-radius:50px;font-size:11px;box-shadow:0 5px 20px #0007}.floating-whatsapp:hover{background:#274a37}.preview-dialog{width:96vw;max-width:1400px;height:93vh;max-height:950px;padding:0;background:#100f16;border:1px solid #ffffff30;border-radius:10px;color:var(--text);overflow:hidden}.preview-dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#030208dd;backdrop-filter:blur(8px)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid var(--line)}.preview-toolbar>div:first-child{display:flex;flex-direction:column;gap:2px}.preview-toolbar b{font-size:12px}.preview-toolbar small{font-size:7px;letter-spacing:1px;color:#9b91a8}.device-controls{display:flex;background:#ffffff05;padding:3px;border-radius:4px;gap:3px}.device-controls button{padding:7px 13px;background:none;border-radius:3px;font-size:10px;color:#a79bb6}.device-controls button[aria-pressed=true]{background:#8b5cf62b;color:white}.close-dialog{background:none;font-size:17px;padding:7px 10px}.iframe-wrap{flex:1;min-height:0;overflow:auto;background:repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 12px);display:flex;justify-content:center}.iframe-wrap iframe{width:100%;height:100%;border:0;background:white;transition:width .3s;flex-shrink:0}.preview-footer{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line)}.preview-footer .button{font-size:10px;min-height:36px;padding:8px 14px}.preview-footer .text-link{font-size:10px}.privacy-dialog{max-width:600px;width:90vw;background:#171320;color:var(--text);border:1px solid #ffffff30;padding:35px;border-radius:10px}.privacy-dialog>.close-dialog{float:right}.privacy-dialog h2{font-size:30px;margin-bottom:25px}.privacy-dialog p{font-size:13px}.privacy-dialog .sample-label{margin-top:25px}.skip-link{position:fixed;top:-100px;left:20px;z-index:999;background:var(--gold);color:#111;padding:10px 20px}.skip-link:focus{top:10px}.noscript{position:fixed;bottom:0;left:0;right:0;background:#221734;padding:20px;z-index:100}.noscript a{text-decoration:underline}.reveal{animation:arrive .6s both}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.header{padding-inline:calc((100vw - 1360px)/2)}.hero-grid{padding-top:80px;padding-bottom:90px}.hero-art{height:560px}.main-browser{height:360px}.mini-estate{height:330px}.architecture{height:180px}.mini-estate h3{font-size:34px}}
@media(max-width:1150px){.header{gap:15px}.header nav{gap:12px}.header nav a{font-size:9px}.header .brand{font-size:19px}.header-cta{font-size:9px;padding:9px 10px}.hero h1{font-size:69px}.hero-art{height:470px}.main-browser{height:290px;top:115px}.mini-estate{height:260px;padding:15px}.mini-estate h3{font-size:25px}.back-browser{height:220px}.floating-panel{bottom:4px;padding:12px}.art-caption{bottom:-30px}.hero-actions{flex-wrap:wrap}.hero-actions .button{min-height:43px}.about-grid,.dream-layout,.why-grid,.contact-layout,.faq-layout{gap:45px}.theme-grid{gap:30px 18px}.mockup{height:210px;padding:17px}.mockup .mock-nav{font-size:5px;right:12px}.mockup h3{font-size:25px}.mockup.fashion h3,.mockup.fitness h3{font-size:29px}.theme-actions{gap:4px}.theme-actions button,.theme-actions a{padding:8px 5px;font-size:8px}.builder-left{padding:25px}.builder-right{padding:23px}.cta-star{right:0;font-size:80px}}
@media(max-width:950px){.header{height:72px;padding-inline:5%}.header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:25px 5%;background:#100e18;grid-template-columns:repeat(3,1fr);gap:22px;border-bottom:1px solid var(--line);box-shadow:0 25px 40px #0006}.header nav.open{display:grid}.header nav a{font-size:12px}.menu-toggle{display:flex;gap:12px;font-size:12px;margin-left:auto}.header-cta{margin-left:5px}.hero h1{font-size:61px;letter-spacing:-3.5px}.hero-art{height:420px}.main-browser{height:260px}.mini-estate{height:230px}.mini-estate h3{font-size:22px}.architecture{transform:scale(.85);transform-origin:bottom right;right:0;bottom:15px}.back-browser{height:200px}.mini-fashion h3{font-size:31px}.floating-panel{bottom:-3px;left:-10px;font-size:8px}.tiny-arrow{margin-left:5px}.hero-topline>span:nth-child(2){display:none}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px;max-width:300px}.hero-description{font-size:12px}.hero-grid{gap:5px;padding-top:45px}.hero-bottom>span:nth-child(2){display:none}.discipline-strip{font-size:15px;gap:10px}.discipline-strip i{font-size:18px}.section-space{padding-block:85px}.section-heading p{font-size:12px}.theme-grid{grid-template-columns:repeat(2,1fr)}.mockup{height:250px}.theme-actions button,.theme-actions a{font-size:10px;padding:9px}.service-layout{gap:30px}.service-row strong{font-size:17px}.service-visual{padding:20px}.service-visual>.mockup{height:230px}.builder-shell{grid-template-columns:1.1fr 1fr}.builder-left{padding:23px 19px}.builder-right{padding:19px}.choice-grid{gap:6px}.choice-grid button{font-size:10px;padding:11px}.builder-progress{margin-bottom:22px}.builder-navigation{gap:7px}.builder-navigation .button{padding:8px 10px}.preview-label>span:last-child{display:none}.live-site main{padding:20px}.live-site h4{font-size:30px}.dream-layout{gap:30px}.dream-form{padding:22px}.showcase-grid{gap:10px}.showcase-grid .mockup{height:310px}.showcase-info{padding:17px}.showcase-info h3{font-size:30px}.showcase-grid .mockup h3{font-size:38px;max-width:250px}.review-layout{gap:35px}.review-layout h2{font-size:34px}.faq-layout h2{font-size:36px}.contact-layout{gap:35px}.cta-star{right:0;top:55px;font-size:65px}.footer-top{gap:20px}.footer-top .brand{font-size:20px}}
@media(max-width:700px){html{scroll-padding-top:90px}.section-wrap{padding-inline:6%}.header-cta{font-size:8px;min-height:34px;padding:8px 11px;gap:8px}.header .brand{font-size:18px;gap:7px}.header .brand img{width:26px;height:26px}.header{padding-inline:5%;gap:8px}.menu-toggle{font-size:0;gap:0;padding:10px}.menu-toggle span{font-size:20px}.hero{padding-top:22px}.hero-topline{font-size:7px;letter-spacing:1px}.hero-grid{display:block;padding:35px 0 20px}.hero h1{font-size:clamp(54px,11.5vw,79px);letter-spacing:-3px;line-height:1.02}.hero h1 br:nth-of-type(3){display:none}.hero h1 .outline-word{display:inline-block}.hero-copy>.eyebrow{font-size:7px;max-width:none;margin-bottom:22px}.hero-description{max-width:360px;font-size:12px;margin-top:23px}.hero-actions{gap:9px;margin-top:23px}.hero-actions .button{font-size:9px;padding:12px 14px;gap:12px}.quiet-link{font-size:9px;margin-top:15px}.hero-art{height:385px;max-width:480px;margin:30px auto 28px}.sculpture{inset:0 8% 0 6%;transform:rotateX(8deg) rotateY(-12deg) rotateZ(-5deg)}.main-browser{top:97px;height:255px;width:98%}.mini-estate{height:226px}.mini-estate h3{font-size:25px}.back-browser{top:0;right:0;height:190px}.mini-fashion{padding:15px}.mini-fashion h3{font-size:27px;margin-top:15px}.mini-fashion>span{font-size:12px}.floating-panel{bottom:-6px;left:-15px}.metal-cube{right:-10px;bottom:-5px;width:36px;height:36px}.metal-cube i:nth-child(1){transform:translateZ(18px)}.metal-cube i:nth-child(2){transform:rotateY(90deg) translateZ(18px)}.metal-cube i:nth-child(3){transform:rotateX(90deg) translateZ(18px)}.orbital{width:100%;left:0;top:110px;height:200px}.art-caption{left:0;bottom:-33px;font-size:7px}.art-coordinate{font-size:6px;top:35px}.hero-bottom{font-size:7px;gap:10px;padding:21px 0}.discipline-strip{padding-block:22px;font-size:13px;flex-wrap:wrap;gap:10px 20px}.discipline-strip span:last-child,.discipline-strip i:last-of-type{display:none}.discipline-strip i{font-size:15px}.section-space{padding-block:65px}.section-marker{font-size:8px;letter-spacing:1.6px;margin-bottom:25px}h2{font-size:38px;letter-spacing:-1.5px}.about-grid{grid-template-columns:1fr;gap:28px}.about-copy .large-copy{font-size:18px}.about-copy p{font-size:12px}.idea-path{margin-top:35px;flex-wrap:wrap;padding:22px 15px;gap:10px}.idea-path>span{width:100%;margin-bottom:8px;font-size:8px}.idea-path>.path-line:first-of-type{display:none}.idea-path button{font-size:10px}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>div{margin-top:22px}.service-layout{display:block}.service-visual{display:none}.service-row>button{padding:18px 0;gap:15px}.service-row strong{font-size:17px}.service-row .service-detail{padding-left:27px}.collection-toolbar{gap:15px}.search-field{width:70%}.search-field input{font-size:11px}#result-count{font-size:9px}.filter-list{gap:6px}.filter-list button{font-size:9px;padding:6px 11px}.theme-grid{grid-template-columns:1fr;gap:32px}.mockup{height:275px;padding:24px}.mockup .mock-nav{font-size:6px;right:25px;top:28px}.mockup h3{font-size:34px;max-width:220px;margin-top:38px}.mockup.fashion h3,.mockup.fitness h3{font-size:39px;max-width:180px}.mockup.portfolio h3{font-size:42px;max-width:180px}.mockup.business h3{font-size:35px;max-width:190px}.mockup.restaurant h3{font-size:37px}.mockup .mock-sub{font-size:8px;max-width:180px}.mockup .mock-link{font-size:7px}.theme-meta h3{font-size:20px}.theme-meta>span{font-size:9px}.theme-style p{font-size:11px}.theme-actions button,.theme-actions a{font-size:10px;padding:10px}.builder-shell{display:flex;flex-direction:column}.builder-left{padding:24px 20px}.builder-right{border-left:0;border-top:1px solid var(--line);padding:25px}.builder-progress button{height:5px}#builder-form{min-height:260px}.choice-grid button{padding:13px;font-size:11px}.builder-navigation{margin-top:20px}.builder-note{font-size:9px}.preview-label>span:last-child{display:block}.live-site{min-height:290px}.live-site h4{font-size:36px}.builder-right>p{font-size:9px}.dream-layout{grid-template-columns:1fr;gap:28px}.dream-layout>div>p{font-size:12px;max-width:none}.sketch-star{display:none}.dream-form{padding:23px 20px}.dream-form>.button{font-size:10px}.demo-stage{padding:12px}.demo-tabs{gap:3px}.demo-tabs button{font-size:9px;padding:8px;flex-basis:30%}.showcase-grid{grid-template-columns:1fr;gap:8px}.showcase-grid .mockup{height:270px}.showcase-grid .mockup h3{font-size:37px;margin-top:30px;max-width:250px}.showcase-info{padding:20px 8px 15px}.showcase-info h3{font-size:29px}.showcase-info>p{font-size:12px;margin-bottom:20px}.why-grid{grid-template-columns:1fr;gap:35px}.why-grid h2 br:nth-of-type(3){display:none}.why-items article{gap:20px;padding:22px 0}.why-items h3{font-size:20px}.process-tabs{grid-template-columns:repeat(3,1fr);gap:5px}.process-tabs button{padding:12px 10px;font-size:11px}.process-tabs button span{margin-bottom:5px}.process-content{padding:30px 0;gap:22px}.process-number{font-size:60px}.process-content h3{font-size:23px}.process-content p{font-size:12px}.reviews-section{padding-block:55px}.review-layout{grid-template-columns:1fr;gap:25px}.review-layout h2{font-size:36px}.review-card{padding:25px}.review-card p{font-size:19px}.sample-label{font-size:7px;letter-spacing:1px}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-layout h2{font-size:38px}.faq-layout summary{font-size:12px;padding:18px 0}.final-cta{padding-block:65px}.final-cta h2{font-size:44px;line-height:1.1;letter-spacing:-2px;margin:25px auto 30px}.final-cta>.eyebrow{font-size:8px;letter-spacing:1.5px}.cta-star{display:none}.cta-buttons{gap:10px}.cta-buttons .button{font-size:9px;padding:10px 14px;min-height:42px}.cta-buttons .text-link{margin-top:8px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-layout h2{font-size:40px}.contact-layout>div>p{margin-top:20px;font-size:12px}.contact-number{font-size:22px;margin-top:22px}.form-grid{gap:16px 12px}.form-grid input,.form-grid select,.form-grid textarea{font-size:11px;padding:11px 10px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px}.footer-top>.brand{font-size:19px}.footer-top p{font-size:11px}.footer-bottom{flex-wrap:wrap;font-size:7px;gap:15px;padding-bottom:80px}.footer-bottom>span:nth-child(2){display:none}.floating-whatsapp{bottom:16px;right:16px;padding:11px 14px;font-size:10px}.preview-dialog{width:100vw;height:100dvh;max-height:none;max-width:none;border-radius:0;border:0}.preview-toolbar{padding:12px;gap:7px;flex-wrap:wrap}.preview-toolbar>div:first-child{max-width:43%}.preview-toolbar b{font-size:10px}.preview-toolbar small{font-size:6px}.device-controls button{font-size:8px;padding:6px}.close-dialog{padding:5px;font-size:15px}.preview-footer{padding:12px}.preview-footer .button{font-size:9px}.preview-footer .text-link{font-size:9px}.privacy-dialog{padding:25px}.privacy-dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.sculpture{transform:rotateZ(-3deg)!important}.theme-card:hover .mockup,.button:hover{transform:none}}

/* Floating Lead Trigger (Bottom Left) */
.floating-lead-btn {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 99;
  background: linear-gradient(135deg, #1f1f33, #141422);
  border: 1px solid rgba(217, 184, 120, 0.4);
  color: #f7f5f2;
  padding: 10px 18px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.floating-lead-btn:hover {
  transform: translateY(-2px);
  border-color: #d9b878;
  box-shadow: 0 10px 35px rgba(217, 184, 120, 0.25);
}
.pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 10px #34d399;
  animation: pulse-glow 2s infinite;
}
@keyframes pulse-glow {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(52, 211, 153, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }
}

/* Lead Capture Dialog Modal */
.lead-dialog {
  width: 90%;
  max-width: 480px;
  background: #11111c;
  color: #f7f5f2;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 18px;
  padding: 36px 32px 30px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), 0 0 0 100vmax rgba(5, 5, 10, 0.75);
  animation: modal-pop 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}
@keyframes modal-pop {
  from { opacity: 0; transform: translate(-50%, -46%) scale(0.96); }
  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
.lead-dialog::backdrop {
  background: rgba(5, 5, 10, 0.8);
  backdrop-filter: blur(8px);
}
.lead-modal-content {
  position: relative;
}
.lead-modal-badge {
  display: inline-block;
  background: rgba(217, 184, 120, 0.15);
  border: 1px solid rgba(217, 184, 120, 0.3);
  color: #d9b878;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 11px;
  border-radius: 20px;
  margin-bottom: 14px;
}
.lead-dialog h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
  color: #fff;
}
.lead-subtitle {
  font-size: 13px;
  line-height: 1.6;
  color: #a6a5b3;
  margin-bottom: 22px;
}
.lead-subtitle strong {
  color: #d9b878;
}
.lead-modal-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.lead-field-group label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 11px;
  font-weight: 500;
  color: #d4d4de;
  text-align: left;
}
.lead-field-group label span {
  color: #8b5cf6;
}
.lead-field-group input {
  background: #181827;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color 0.2s, background 0.2s;
}
.lead-field-group input:focus {
  outline: none;
  border-color: #8b5cf6;
  background: #1e1e32;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}
.lead-submit-btn {
  width: 100%;
  margin-top: 6px;
  padding: 14px;
  font-size: 13px;
  border-radius: 8px;
  background: #8b5cf6;
  border: 1px solid #8b5cf6;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}
.lead-submit-btn:hover {
  background: #9c74ff;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(139, 92, 246, 0.35);
}
.lead-guarantee {
  font-size: 10px;
  color: #888796;
  text-align: center;
  margin-top: 4px;
}
.lead-success-content {
  text-align: center;
  padding: 20px 10px 10px;
}
.lead-success-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  box-shadow: 0 10px 30px rgba(16, 185, 129, 0.35);
}
.lead-success-content h3 {
  font-size: 24px;
  margin-bottom: 8px;
}
.lead-success-content p {
  font-size: 13px;
  color: #a6a5b3;
  margin-bottom: 16px;
}
.lead-summary-card {
  background: #181827;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 16px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
}
.lead-summary-card strong {
  color: #d9b878;
}
.lead-timing-note {
  font-size: 12px;
  color: #34d399 !important;
  margin-bottom: 20px;
}
#lead-done-btn {
  width: 100%;
}
@media(max-width: 600px) {
  .floating-lead-btn {
    bottom: 16px;
    left: 16px;
    padding: 8px 14px;
    font-size: 10px;
  }
  .lead-dialog {
    width: 94%;
    padding: 28px 20px 22px;
  }
}


/* ============================================================
   MOBILE OPTIMIZATION SUITE (Phones & Tablets: max-width 768px & 420px)
   ============================================================ */

html, body {
  max-width: 100vw;
  overflow-x: hidden !important;
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}

@media (max-width: 768px) {
  .header {
    height: 68px !important;
    padding: 0 16px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
  }
  .brand {
    font-size: 19px !important;
    gap: 8px !important;
  }
  .brand-logo-img {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
  }
  .header nav {
    top: 68px !important;
    padding: 18px 16px 24px !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    background: rgba(16, 14, 24, 0.98) !important;
    backdrop-filter: blur(25px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  }
  .header nav a {
    font-size: 13px !important;
    padding: 10px 14px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    color: #e2e1ec !important;
  }
  .header nav a:active {
    background: rgba(139, 92, 246, 0.2) !important;
  }
  .header-cta {
    display: none !important;
  }
  .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    color: #f7f5f2 !important;
    cursor: pointer !important;
  }
  .menu-toggle span {
    font-size: 16px !important;
  }

  .hero {
    padding-top: 15px !important;
  }
  .hero-grid {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 0 30px !important;
    gap: 25px !important;
  }
  .hero h1 {
    font-size: clamp(34px, 8.5vw, 48px) !important;
    letter-spacing: -1.5px !important;
    line-height: 1.08 !important;
  }
  .hero-description {
    font-size: 14px !important;
    line-height: 1.65 !important;
    max-width: 100% !important;
    margin-top: 16px !important;
  }
  .hero-actions {
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 22px !important;
    width: 100% !important;
  }
  .hero-actions .button {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 13px !important;
    justify-content: center !important;
    padding: 12px 18px !important;
  }
  .quiet-link {
    font-size: 12px !important;
    margin-top: 16px !important;
    justify-content: center !important;
  }

  .hero-art {
    height: 390px !important;
    max-width: 360px !important;
    width: 100% !important;
    margin: 25px auto 35px !important;
    position: relative !important;
    perspective: none !important;
    display: block !important;
    overflow: visible !important;
  }
  .sculpture {
    position: relative !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    transform-style: flat !important;
    display: block !important;
  }
  .back-browser {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 84% !important;
    height: 220px !important;
    transform: rotate(3deg) !important;
    z-index: 1 !important;
    opacity: 0.9 !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.6) !important;
  }
  .main-browser {
    display: block !important;
    position: absolute !important;
    top: 50px !important;
    left: 0 !important;
    width: 94% !important;
    height: 310px !important;
    transform: rotate(-2deg) !important;
    z-index: 2 !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.85), 0 0 0 1px rgba(185,163,211,0.3) !important;
  }
  .mini-estate {
    height: 280px !important;
    padding: 14px 18px !important;
    background: #e5dfd3 !important;
    color: #302c25 !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .mini-estate h3 {
    font-size: 20px !important;
    color: #302c25 !important;
    line-height: 1.2 !important;
  }
  .mini-fashion {
    padding: 15px !important;
    background: #17141f !important;
  }
  .mini-fashion h3 {
    font-size: 24px !important;
    line-height: 1.1 !important;
  }
  .architecture {
    transform: scale(0.75) !important;
    transform-origin: bottom right !important;
    right: 5px !important;
    bottom: 8px !important;
    position: absolute !important;
  }
  .floating-panel {
    display: inline-flex !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 5px !important;
    z-index: 10 !important;
    font-size: 8px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
  }
  .art-caption {
    display: flex !important;
    position: absolute !important;
    bottom: -34px !important;
    left: 0 !important;
    right: 0 !important;
    font-size: 8px !important;
    justify-content: space-between !important;
  }
  .metal-cube {
    display: none !important;
  }
  .orbital {
    display: none !important;
  }

  .section-space {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .section-wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  h2 {
    font-size: clamp(28px, 7vw, 38px) !important;
    letter-spacing: -1px !important;
  }
  .section-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 25px !important;
  }
  .section-heading p {
    font-size: 13px !important;
    max-width: 100% !important;
  }

  .theme-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .mockup {
    height: 230px !important;
    padding: 18px !important;
  }
  .mockup h3 {
    font-size: 26px !important;
    margin-top: 25px !important;
    max-width: 220px !important;
  }
  .collection-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  .search-field {
    width: 100% !important;
  }
  .search-field input {
    font-size: 14px !important;
    padding: 12px 14px 12px 34px !important;
  }
  .filter-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 8px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .filter-list::-webkit-scrollbar {
    display: none;
  }
  .filter-list button {
    flex-shrink: 0 !important;
    font-size: 11px !important;
    padding: 8px 14px !important;
  }
  .theme-actions {
    flex-direction: column !important;
    gap: 8px !important;
  }
  .theme-actions button, .theme-actions a {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    padding: 12px !important;
    font-size: 12px !important;
  }

  .builder-shell {
    display: flex !important;
    flex-direction: column !important;
  }
  .builder-left {
    padding: 20px 16px !important;
  }
  .builder-right {
    padding: 20px 16px !important;
    border-left: 0 !important;
    border-top: 1px solid var(--line) !important;
  }
  .choice-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .choice-grid button {
    font-size: 13px !important;
    padding: 14px 16px !important;
  }
  .builder-navigation {
    display: flex !important;
    gap: 10px !important;
  }
  .builder-navigation .button {
    flex: 1 !important;
    min-height: 48px !important;
  }

  .contact-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
  }
  .form-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
  .form-grid input, .form-grid select, .form-grid textarea {
    font-size: 16px !important;
    padding: 13px 14px !important;
  }
  #contact-form button[type="submit"] {
    width: 100% !important;
    min-height: 50px !important;
    font-size: 14px !important;
  }

  .floating-whatsapp {
    bottom: 16px !important;
    right: 14px !important;
    padding: 10px 14px !important;
    font-size: 11px !important;
    z-index: 99 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
  }
  .floating-lead-btn {
    bottom: 68px !important;
    right: 14px !important;
    left: auto !important;
    padding: 9px 15px !important;
    font-size: 11px !important;
    z-index: 99 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
  }

  .lead-dialog {
    width: calc(100vw - 28px) !important;
    max-width: 440px !important;
    max-height: 92vh !important;
    overflow-y: auto !important;
    padding: 26px 18px 22px !important;
    border-radius: 16px !important;
  }
  .lead-dialog h3 {
    font-size: 22px !important;
  }
  .lead-subtitle {
    font-size: 12px !important;
    margin-bottom: 16px !important;
  }
  .lead-field-group input {
    font-size: 16px !important;
    padding: 13px 14px !important;
  }
  .lead-submit-btn {
    min-height: 48px !important;
    font-size: 14px !important;
  }
  .close-dialog {
    width: 38px !important;
    height: 38px !important;
    font-size: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .footer-top {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }
  .footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding-bottom: 120px !important;
  }
}

@media (max-width: 420px) {
  .header nav {
    grid-template-columns: 1fr !important;
  }
  .hero h1 {
    font-size: 32px !important;
  }
}