:root{
  --bg:#ffffff;--soft:#f7f4ff;--soft2:#fbfaff;--text:#161324;--muted:#6f6880;--line:#e8e0f6;
  --purple:#5b18d3;--purple2:#7b2ff7;--violet:#8f4cff;--orange:#ff7a00;--deep:#2a075f;
  --shadow:0 18px 50px rgba(73,34,130,.12);--shadow2:0 10px 28px rgba(73,34,130,.09)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(91,24,211,.08)}.nav-wrap{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain;border-radius:11px}.brand span{font-size:17px}.nav{display:flex;gap:24px;margin-left:auto}.nav a{font-size:14px;font-weight:700;color:#514866}.nav a:hover{color:var(--purple)}.menu-btn{display:none;border:0;background:none;font-size:25px;color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:10px;font-weight:800;font-size:14px;border:0;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn-lg{min-height:54px;padding:0 26px}.btn-primary{color:#fff;background:linear-gradient(120deg,var(--purple),var(--purple2));box-shadow:0 12px 28px rgba(91,24,211,.22)}.btn-outline{border:1px solid #cbbce7;background:#fff;color:var(--deep)}.btn-soft{background:#f1ebff;color:var(--purple)}.btn-whatsapp{width:100%;margin-top:18px;background:#16a968;color:#fff}.btn-white{background:#fff;color:var(--purple)}.btn-dark{background:#2a075f;color:#fff}.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 86% 15%,rgba(119,45,241,.14),transparent 28%),linear-gradient(180deg,#fff,#fbf9ff)}.hero:after{content:"";position:absolute;inset:auto -8% -180px auto;width:560px;height:560px;border-radius:50%;background:linear-gradient(140deg,rgba(91,24,211,.10),rgba(123,47,247,.02));filter:blur(1px)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;padding:78px 0}.hero-copy{padding-left:8px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#f3ecff;color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.2px}.eyebrow.purple{background:#eee6ff}.hero h1{font-size:clamp(44px,5.2vw,72px);line-height:1.05;letter-spacing:-3px;margin:20px 0}.hero h1 span{background:linear-gradient(110deg,var(--purple),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-line{display:flex;gap:18px;flex-wrap:wrap;color:#625973;font-size:13px;font-weight:700;margin-top:24px}.hero-art{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.hero-art img{width:100%;display:block}.section{padding:86px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading>span{color:var(--purple);font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:900}.section-heading h2,.split-grid h2,.contact-section h2{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-2px;margin:8px 0 12px}.section-heading p,.split-grid p,.contact-section p{color:var(--muted);font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#fcfaff);box-shadow:var(--shadow2);transition:.22s}.service-card:hover{transform:translateY(-5px);border-color:#cdb9f0}.service-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#f1e9ff;font-size:25px}.service-card h3{margin:17px 0 8px;font-size:20px}.service-card p{margin:0;color:var(--muted);font-size:14px}.builder-section{padding:90px 0;background:linear-gradient(140deg,#28035d,#5b18d3 56%,#7a31f2);position:relative;overflow:hidden}.builder-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-180px;border:1px solid rgba(255,255,255,.14)}.section-heading.light>span,.section-heading.light h2,.section-heading.light p{color:#fff}.section-heading.light p{opacity:.78}.builder-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}.builder-form,.quote-card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 70px rgba(15,0,47,.28)}.step-label{font-size:13px;font-weight:900;color:#4a3c61;margin:2px 0 13px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.choice{min-height:76px;border:1px solid #e3d8f7;background:#fff;border-radius:13px;color:#463a56;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.choice:hover,.choice.active{border-color:var(--purple);background:#f3edff;color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.form-row label>span{display:block;font-size:12px;font-weight:800;color:#665b75;margin-bottom:6px}.form-row select{width:100%;height:46px;border:1px solid #dfd6ec;border-radius:10px;background:#fff;padding:0 12px;color:#281f35}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.feature-option{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #e7dff1;border-radius:10px;cursor:pointer;background:#fff}.feature-option input{margin-top:3px;accent-color:var(--purple)}.feature-option span{font-size:13px;font-weight:700;color:#514662}.quote-card{position:sticky;top:94px}.quote-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:1px solid #eee7f6}.quote-top span{font-size:12px;color:var(--muted);font-weight:800}.quote-top b{color:var(--purple);text-align:right}.price-range{padding:22px 0}.price-range small,.price-range em{display:block;color:var(--muted);font-style:normal;font-size:12px}.price-range strong{display:block;font-size:32px;letter-spacing:-1.5px;color:#22152f;margin:3px 0}.scope-box{border:1px solid #e7def3;border-radius:14px;background:#fbf9ff;padding:14px}.scope-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.scope-head button{border:0;background:#eee5ff;color:var(--purple);border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;cursor:pointer}#scopeOutput{font-size:13px;color:#544960}.scope-list{margin:8px 0 0;padding-left:18px}.scope-list li{margin:4px 0}.estimate-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.estimate-meta div{padding:11px;border-radius:10px;background:#f5f0fc}.estimate-meta span,.estimate-meta b{display:block}.estimate-meta span{font-size:10px;color:var(--muted)}.estimate-meta b{font-size:12px;margin-top:2px}.quote-note{font-size:10px;color:#82778f;text-align:center;margin-bottom:0}.packages{background:#fbfaff}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow2)}.package-card.featured{border:2px solid var(--purple);transform:translateY(-6px)}.popular{position:absolute;right:18px;top:16px;background:var(--purple);color:#fff;font-size:10px;font-weight:900;border-radius:999px;padding:5px 9px}.package-card>span{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--purple);font-weight:900}.package-card h3{font-size:23px;margin:8px 0}.from{color:var(--muted);font-size:13px}.from b{font-size:22px;color:var(--text)}.package-card p{color:var(--muted);font-size:14px}.package-card ul{list-style:none;padding:0;margin:18px 0 22px}.package-card li{padding:7px 0;border-bottom:1px solid #f0ebf6;font-size:13px}.package-card li:before{content:"✓";color:var(--purple);font-weight:900;margin-right:8px}.portfolio-section{background:#fff}.project-toolbar{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:8px;width:min(360px,100%);border:1px solid #ddd2ed;border-radius:11px;padding:0 12px;background:#fff}.search-box input{height:46px;border:0;outline:0;width:100%;background:transparent}.filter-row{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.filter-btn{border:1px solid #ddd2ed;background:#fff;color:#5f5370;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:#eee5ff;color:var(--purple);border-color:#c8b3ed}.results-line{display:flex;justify-content:space-between;color:#766b82;font-size:12px;margin:10px 0 15px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{position:relative;border:1px solid #e5dcf0;border-radius:16px;background:#fff;overflow:hidden;box-shadow:var(--shadow2);cursor:pointer;transition:.22s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-number{position:absolute;right:11px;top:11px;z-index:2;border-radius:999px;background:rgba(255,255,255,.86);color:var(--purple);font-size:10px;font-weight:900;padding:4px 7px}.concept-preview{height:180px;position:relative;overflow:hidden;background:linear-gradient(145deg,#ede5ff,#fbf9ff)}.concept-label{position:absolute;z-index:4;left:9px;top:9px;background:rgba(42,7,95,.78);color:#fff;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;letter-spacing:.5px}.preview-top{height:34px;background:linear-gradient(90deg,#37106f,#6c22dd);display:flex;align-items:center;padding:0 10px;gap:5px}.preview-top i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45)}.preview-top b{margin-left:auto}.preview-shell{display:grid;grid-template-columns:24% 76%;height:146px}.preview-side{background:#f4effc;padding:13px 8px;display:grid;align-content:start;gap:9px}.preview-side i{height:7px;background:#d3c1ef;border-radius:4px}.preview-main{padding:14px}.preview-title{display:flex;justify-content:space-between}.preview-title span{width:40%;height:10px;background:#cdb8eb;border-radius:5px}.preview-title em{width:20%;height:10px;background:#6f26d9;border-radius:5px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.preview-metrics i{height:34px;background:#f0e8fb;border:1px solid #dfd0f5;border-radius:7px}.preview-content{display:grid;grid-template-columns:1.2fr .8fr;gap:7px;margin-top:10px}.preview-chart,.preview-list{height:46px;border-radius:7px;background:#f8f4fd;display:flex;align-items:flex-end;padding:7px;gap:4px}.preview-chart i{width:13%;background:#7932df;border-radius:3px 3px 0 0}.preview-chart i:nth-child(1){height:22%}.preview-chart i:nth-child(2){height:50%}.preview-chart i:nth-child(3){height:37%}.preview-chart i:nth-child(4){height:72%}.preview-chart i:nth-child(5){height:60%}.preview-list{display:grid;align-content:center;gap:4px}.preview-list i{height:4px;background:#daccee;border-radius:3px}.card-body{padding:17px}.card-meta{display:flex;justify-content:space-between;gap:8px}.tag,.repo-status{font-size:9px;font-weight:900;border-radius:999px;padding:5px 7px}.tag{background:#eee6ff;color:var(--purple)}.repo-status{background:#f1edf5;color:#756a80}.project-card h3{font-size:19px;margin:11px 0 6px}.project-card p{font-size:13px;color:var(--muted);min-height:60px}.tech-mini{display:flex;gap:5px;flex-wrap:wrap}.tech-mini span{font-size:9px;background:#f6f2fa;color:#6a5f76;padding:4px 6px;border-radius:6px}.project-open{margin-top:14px;border:0;background:transparent;color:var(--purple);font-weight:900;padding:0;cursor:pointer}.empty-state{text-align:center;padding:50px;border:1px dashed #d8ccec;border-radius:14px}.why-us{background:#f8f4ff}.split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.benefit-grid div{padding:20px;background:#fff;border:1px solid #e4daf2;border-radius:14px}.benefit-grid b,.benefit-grid strong,.benefit-grid span{display:block}.benefit-grid b{color:var(--purple);font-size:12px}.benefit-grid strong{margin:7px 0 3px}.benefit-grid span{font-size:12px;color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process-grid article{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff}.process-grid b{font-size:25px;color:#b89ee0}.process-grid h3{margin:8px 0}.process-grid p{font-size:13px;color:var(--muted)}.faq{background:#fbfaff}.faq-list{max-width:860px;margin:auto;display:grid;gap:10px}.faq details{border:1px solid #e4daf1;border-radius:13px;background:#fff;padding:0 18px}.faq summary{cursor:pointer;font-weight:800;padding:17px 0}.faq details p{color:var(--muted);font-size:14px;margin-top:0}.contact-section{padding:72px 0;background:linear-gradient(120deg,#4b0aa9,#7625ec);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.contact-section .eyebrow{background:rgba(255,255,255,.14);color:#fff}.contact-section p{color:rgba(255,255,255,.75)}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}footer{padding:24px 0;border-top:1px solid var(--line);background:#fff}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:18px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand img{width:42px;height:42px;object-fit:contain;border-radius:9px}.footer-brand strong,.footer-brand span{display:block}.footer-brand span{font-size:9px;letter-spacing:1.2px;color:var(--purple)}.footer-row p{font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:14px;font-size:12px;font-weight:800;color:#554966}.whatsapp-float{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#18ad67;color:#fff;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.2);z-index:50}.project-modal{position:fixed;inset:0;z-index:100;display:none}.project-modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(25,10,46,.58);backdrop-filter:blur(5px)}.modal-panel{position:relative;width:min(850px,calc(100% - 28px));max-height:88vh;overflow:auto;margin:6vh auto;background:#fff;border-radius:20px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal-close{position:absolute;right:14px;top:13px;z-index:3;border:0;background:#eee7f6;width:35px;height:35px;border-radius:50%;font-size:22px;cursor:pointer}.preview-large{height:300px;border-radius:14px}.preview-large .preview-shell{height:266px}.modal-head{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.modal-head h2{font-size:30px;line-height:1.1;margin:10px 0 2px}.repo-name{display:none}.project-version-badge,.project-tagline,.project-highlights{display:none}.modal-summary{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-grid h3{font-size:15px}.detail-grid ul{padding-left:18px}.detail-grid li,.detail-grid p{font-size:13px;color:var(--muted)}.tech-list{display:flex;gap:6px;flex-wrap:wrap}.tech-list span{padding:6px 8px;border-radius:7px;background:#f1eaff;color:var(--purple);font-size:11px;font-weight:800}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}.modal-open{overflow:hidden}
@media(max-width:1000px){.nav{gap:14px}.nav a{font-size:12px}.hero-grid,.builder-grid,.split-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-art{max-width:760px}.quote-card{position:relative;top:auto}.service-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:1fr}.package-card.featured{transform:none}.process-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.contact-actions{justify-content:flex-start}}
@media(max-width:760px){.container{width:min(100% - 24px,1180px)}.nav-wrap{height:68px}.brand span{font-size:14px}.brand img{width:38px;height:38px}.menu-btn{display:block;margin-left:auto}.nav{display:none;position:absolute;left:12px;right:12px;top:68px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);flex-direction:column}.nav.open{display:flex}.nav-cta{display:none}.hero-grid{padding:46px 0 56px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-copy>p{font-size:16px}.hero-art{border-radius:15px}.section{padding:62px 0}.service-grid,.project-grid,.process-grid,.benefit-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.form-row{grid-template-columns:1fr}.builder-form,.quote-card{padding:18px}.price-range strong{font-size:27px}.project-toolbar{flex-direction:column}.filter-row{justify-content:flex-start}.search-box{width:100%}.preview-large{height:210px}.preview-large .preview-shell{height:176px}.detail-grid{grid-template-columns:1fr}.contact-actions{display:grid}.footer-row{flex-direction:column;text-align:center}.footer-links{justify-content:center}.trust-line{gap:9px;flex-direction:column}.hero-actions .btn{width:100%}.contact-actions .btn{width:100%}}