*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#100d20;color:#f5f1ff;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.2;z-index:-1;border-radius:50%}.ambient-one{width:420px;height:420px;background:#7045b8;top:8%;left:-220px}.ambient-two{width:360px;height:360px;background:#315d9a;right:-200px;top:48%}.topbar{height:86px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:absolute;top:0;left:0;right:0;z-index:5;background:#100d2070;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.18em;font-size:17px}.brand-mark{color:#e6c98d;font-size:27px}.brand small{display:block;font-size:8px;letter-spacing:.25em;color:#a9a0bd;margin-top:3px}.topbar nav{display:flex;gap:36px;color:#bdb5ce;font-size:12px}.topbar nav a:hover,.text-link:hover{color:#e7cb91}.nav-cta,.outline-btn{border:1px solid #d7bd87a0;border-radius:3px;padding:12px 18px;font-size:11px;letter-spacing:.04em}.nav-cta span{color:#e9cc91;margin-left:12px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:22px}.hero{min-height:790px;padding:190px 9vw 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#47356a55,transparent 48%),linear-gradient(115deg,#100d20,#17142b 65%,#111b32)}.hero-copy{position:relative;z-index:2;max-width:570px}.eyebrow,.section-kicker{font-size:9px;letter-spacing:.24em;color:#d9bd85;font-weight:600}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:34px;height:1px;background:#d9bd85}h1,h2{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(54px,6.3vw,88px);line-height:1.03;margin:30px 0 24px}h1 em,h2 em{font-weight:500;color:#d9bd85} .period{color:#a58be3}.hero-copy>p{max-width:440px;color:#b9b2c8;font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:linear-gradient(110deg,#d9bd85,#b99bce);color:#171224;border:0;border-radius:3px;padding:15px 20px;font-weight:700;font-size:11px;cursor:pointer;transition:.25s}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #b99bce35}.text-link{font-size:11px;color:#c8c0d5}.hero-note{margin-top:70px;color:#817991;font-size:9px;letter-spacing:.08em}.spark{color:#dfc58f;font-size:16px;margin-right:8px}.note-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:#9c88c6;margin:0 10px 2px}.hero-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center}.moon{position:absolute;width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,#f1dfb6,#9e87c9 75%);opacity:.8;top:15px;right:17%;box-shadow:0 0 90px #bca5e955}.moon:after{content:"";position:absolute;width:220px;height:220px;background:#17142b;border-radius:50%;top:-18px;left:35px}.orbit{position:absolute;border:1px solid #d7c4ed30;border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:470px;height:250px}.orbit-b{width:390px;height:330px;transform:rotate(48deg)}.star{position:absolute;color:#e5cb95}.s1{top:65px;left:22%}.s2{top:150px;right:7%;font-size:23px}.s3{bottom:70px;left:17%;font-size:20px}.palace{position:relative;z-index:1;width:330px;height:290px;margin-top:105px;filter:drop-shadow(0 12px 30px #0008)}.roof{position:absolute;left:50%;transform:translateX(-50%);height:0;border-bottom:0 solid transparent;border-left:0 solid transparent;border-right:0 solid transparent}.roof:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:45px solid #c8a879}.roof:after{content:"";position:absolute;width:320px;height:13px;left:50%;transform:translateX(-50%);top:42px;background:linear-gradient(#f0d9a5,#8b6b54);border-radius:50%}.roof-top{top:15px}.roof-mid{top:85px;transform:translateX(-50%) scale(.83)}.roof-low{top:155px;transform:translateX(-50%) scale(.66)}.palace-body{position:absolute;top:72px;left:66px;width:198px;height:155px;background:linear-gradient(90deg,#382743,#74566d 50%,#382743);border:1px solid #d5b987;box-shadow:inset 0 0 30px #d3a76a25}.palace-door{position:absolute;bottom:0;left:75px;width:48px;height:95px;border:2px solid #e0c18c;background:linear-gradient(90deg,#21182b,#513b50);border-radius:25px 25px 0 0}.window{position:absolute;top:35px;width:27px;height:48px;border:2px solid #d6b985;background:#e8cb8b30}.w1{left:20px}.w2{right:20px}.palace-base{position:absolute;bottom:25px;left:20px;width:290px;height:12px;background:linear-gradient(#d7bd8c,#725a67);border-radius:50%}.art-caption{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;color:#817991;font-size:8px;letter-spacing:.2em}.hero-bottom{position:absolute;bottom:30px;left:9vw;right:9vw;display:flex;align-items:center;gap:14px;color:#777187;font-size:8px;letter-spacing:.2em}.scroll-line{height:1px;background:#554c67;flex:1}.section-wrap{padding-left:9vw;padding-right:9vw}.intro{padding-top:125px;padding-bottom:115px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px}.intro h2,.section-heading h2,.process h2,.terms-section h2,.contact-section h2,.custom-banner h2{font-size:clamp(42px,5vw,64px);line-height:1.08;margin:22px 0}.intro-grid p,.section-heading p,.custom-banner p,.terms-lead{color:#aaa2bb;font-size:13px;line-height:1.9;max-width:440px}.stats{border-top:1px solid #ffffff20;margin-top:70px;padding-top:28px;display:flex;gap:90px}.stats div{display:flex;flex-direction:column;gap:8px}.stats strong{font-family:"Playfair Display";font-size:30px;color:#e3c991;font-weight:500}.stats span{font-size:8px;letter-spacing:.16em;color:#827a91}.catalog-section{padding-top:100px;padding-bottom:115px;background:linear-gradient(180deg,#17132a,#141126)}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{margin-bottom:10px}.section-heading p{margin:0}.catalog-controls{display:flex;gap:8px}.catalog-controls button{width:43px;height:43px;border:1px solid #6e627e;background:transparent;color:#f3eaff;border-radius:50%;cursor:pointer;font-size:18px}.catalog-controls button:hover{background:#d7bd87;color:#171224}.filter-row{display:flex;gap:9px;overflow-x:auto;margin:40px 0 22px;padding-bottom:5px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;border:1px solid #ffffff25;border-radius:30px;background:transparent;color:#aaa2bb;padding:9px 15px;font-size:10px;cursor:pointer}.filter-chip.active,.filter-chip:hover{background:#d9bd85;color:#171224;border-color:#d9bd85}.catalog-viewport{overflow:hidden}.catalog-track{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding:4px 2px 18px;cursor:grab}.catalog-track::-webkit-scrollbar{display:none}.service-card{flex:0 0 275px;min-height:340px;border:1px solid #ffffff1c;border-radius:7px;padding:23px;background:linear-gradient(145deg,#29213d,#191629 72%);position:relative;display:flex;flex-direction:column;transition:.3s;overflow:hidden}.service-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#a78bd31a;filter:blur(35px);right:-80px;top:-80px}.service-card:hover{transform:translateY(-6px);border-color:#c9ad7c99;box-shadow:0 20px 45px #0003}.card-top{display:flex;justify-content:space-between;align-items:center}.card-index{font-family:"Playfair Display";font-size:13px;color:#d9bd85}.card-badge{font-size:8px;color:#e6cf9e;border:1px solid #d9bd8555;border-radius:20px;padding:5px 8px}.card-icon{font-size:27px;color:#c4a9e8;margin:26px 0 13px}.service-card h3{font-family:"Playfair Display";font-size:23px;font-weight:500;margin:0 0 10px}.service-card p{font-size:11px;color:#aaa2bb;line-height:1.75;margin:0 0 20px}.card-price{margin-top:auto;border-top:1px solid #ffffff19;padding-top:15px;display:flex;align-items:end;justify-content:space-between}.card-price small{display:block;color:#8d849e;font-size:8px;margin-bottom:5px}.card-price strong{font-size:17px;color:#e6ce9e}.card-open{border:0;background:transparent;color:#d7c3f0;font-size:21px;cursor:pointer}.drag-hint{text-align:right;color:#797187;font-size:8px;letter-spacing:.18em;margin-top:12px}.drag-hint span{font-size:15px;color:#d9bd85;margin-right:6px}.loading-state{padding:40px;color:#aaa}.custom-banner{margin:100px 9vw;padding:55px 6%;border:1px solid #d9bd8540;border-radius:8px;background:radial-gradient(ellipse at 80% 30%,#745a9a44,transparent 50%),linear-gradient(120deg,#29203b,#191629);display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px}.banner-symbol{font-size:48px;color:#d9bd85}.custom-banner h2{font-size:43px;margin:15px 0}.custom-banner p{margin:0}.outline-btn{white-space:nowrap;color:#e8d8b5}.process{padding-top:60px;padding-bottom:120px}.process h2{margin-bottom:55px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff25}.process-grid article{padding:24px 22px 0 0;border-right:1px solid #ffffff15;margin-right:22px}.process-grid article:last-child{border:0}.process-grid article>span{font-family:"Playfair Display";font-size:14px;color:#d9bd85}.process-grid h3{font-family:"Playfair Display";font-weight:500;font-size:19px;margin:25px 0 10px}.process-grid p{font-size:11px;line-height:1.8;color:#9f97b0}.terms-section{padding-top:100px;padding-bottom:120px;background:#17142a;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.terms-section h2{font-size:60px}.terms-lead{max-width:280px}.terms-list details{border-bottom:1px solid #ffffff20;padding:20px 0}.terms-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-family:"Playfair Display";font-size:17px}.terms-list summary::-webkit-details-marker{display:none}.terms-list summary span{color:#d9bd85;font-family:"DM Sans";font-size:19px}.terms-list details p{color:#aaa2bb;font-size:11px;line-height:1.9;max-width:650px}.contact-section{text-align:center;padding-top:130px;padding-bottom:130px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#6d528c44,transparent 55%)}.contact-orb{font-size:38px;color:#d9bd85;margin-bottom:24px}.contact-section h2{font-size:clamp(45px,6vw,72px);margin:22px 0}.contact-section>p{font-size:12px;color:#aaa2bb;margin:0 0 28px}.contact-section .primary-btn{margin:auto}footer{padding:30px 7vw;border-top:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;color:#837b93;font-size:9px}footer .brand{color:#f5f1ff}.owner-link,.signout-btn{background:none;border:0;color:#9188a2;font-size:9px;text-decoration:underline;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#080610d9;backdrop-filter:blur(12px);z-index:20;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;background:#1c1830;border:1px solid #d9bd854d;border-radius:8px;padding:35px;box-shadow:0 25px 90px #0009}.modal-close{position:absolute;right:18px;top:14px;background:none;border:0;color:#cfc5df;font-size:27px;cursor:pointer}.modal h2{font-size:38px;margin:15px 0}.modal p{font-size:12px;line-height:1.8;color:#aaa2bb}.detail-price{font-size:25px;color:#e6ce9e;margin:20px 0}.detail-features{padding-left:18px;color:#c2b9d1;font-size:12px;line-height:2}.detail-category{font-size:9px;letter-spacing:.16em;color:#d9bd85}.owner-modal{width:min(660px,100%)}form{display:grid;gap:14px;margin-top:22px}form label{display:grid;gap:7px;color:#c9c0d7;font-size:10px}input,textarea,select{width:100%;border:1px solid #ffffff25;background:#120f20;color:#f5f1ff;border-radius:4px;padding:12px;font-size:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#c6a8e5}select option{background:#17142a}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-message{font-size:11px;color:#e6ce9e;min-height:16px}.dashboard-note{margin-bottom:0}.manage-list{border-top:1px solid #ffffff20;margin-top:28px;padding-top:18px}.manage-list h3{font-family:"Playfair Display";font-weight:500}.manage-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff15;padding:10px 0;font-size:11px}.manage-row small{display:block;color:#938aa3;margin-top:4px}.manage-actions{display:flex;gap:8px}.manage-actions button,.cancel-edit{background:none;border:1px solid #ffffff35;color:#d8cde7;border-radius:3px;padding:6px 9px;font-size:9px;cursor:pointer}.signout-btn{margin-top:20px}.modal .primary-btn{width:max-content}.detail-modal .primary-btn{margin-top:15px}@media(max-width:850px){.hero{padding-left:7vw;padding-right:7vw;grid-template-columns:1fr;min-height:auto;padding-top:160px}.hero-art{height:390px;margin-top:15px}.hero-note{margin-top:40px}.hero-bottom{left:7vw;right:7vw}.section-wrap{padding-left:7vw;padding-right:7vw}.custom-banner{margin-left:7vw;margin-right:7vw;grid-template-columns:50px 1fr}.custom-banner .outline-btn{grid-column:2;width:max-content}.terms-section{grid-template-columns:1fr;gap:30px}.process-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.process-grid article:nth-child(2){border:0}.stats{gap:35px}}@media(max-width:600px){.topbar{height:72px;padding:0 6vw}.topbar nav,.nav-cta{display:none}.menu-toggle{display:block}.topbar nav.mobile-open{display:flex;position:absolute;top:71px;left:0;right:0;background:#17142a;padding:22px;flex-direction:column;gap:20px}.hero{padding:135px 6vw 75px}.hero-art{height:330px;transform:scale(.85);margin:-5px -30px}.hero-copy>p{font-size:13px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-note{font-size:8px}.hero-bottom{left:6vw;right:6vw}.section-wrap{padding-left:6vw;padding-right:6vw}.intro{padding-top:85px;padding-bottom:80px}.intro-grid{grid-template-columns:1fr;gap:10px}.intro-grid p{margin-top:0}.stats{gap:20px;justify-content:space-between;margin-top:45px}.stats strong{font-size:25px}.stats span{font-size:7px}.catalog-section{padding-top:75px;padding-bottom:80px}.section-heading{align-items:end}.section-heading h2{font-size:42px}.catalog-controls button{width:36px;height:36px}.service-card{flex-basis:250px}.custom-banner{margin:65px 6vw;padding:30px 22px;grid-template-columns:1fr;gap:8px}.banner-symbol{font-size:35px}.custom-banner h2{font-size:36px}.custom-banner .outline-btn{grid-column:1;margin-top:15px}.process{padding-top:30px;padding-bottom:80px}.process-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.process-grid article{margin:0;padding-right:10px}.process-grid h3{font-size:17px}.terms-section{padding-top:75px;padding-bottom:80px}.terms-section h2{font-size:50px}.contact-section{padding-top:90px;padding-bottom:90px}footer{padding:25px 6vw;gap:18px;flex-wrap:wrap}.modal{padding:28px 20px}.form-two{grid-template-columns:1fr}.modal h2{font-size:32px}}

/* Interaction/accessibility refinements */
button, a, summary { -webkit-tap-highlight-color: transparent; }
button { touch-action: manipulation; }
.modal-backdrop { z-index: 1000; }
.modal { z-index: 1001; }
footer { position: relative; z-index: 2; }
.owner-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid #d9bd8560;
  border-radius: 4px;
  color: #e4d5b5;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  z-index: 3;
}
.owner-link:hover { background: #d9bd8518; color: #fff1ce; }
.catalog-controls button, .filter-chip, .card-open, .modal-close,
.primary-btn, .outline-btn, .text-link, .menu-toggle { position: relative; z-index: 2; }
@media(max-width:600px) {
  footer { justify-content: flex-start; padding-bottom: 28px; }
  footer .owner-link { order: 0; margin-right: auto; }
  footer .brand { order: 1; }
  footer > span { order: 2; flex-basis: 100%; }
}


/* Projects showcase */
.projects-section{padding-top:95px;padding-bottom:110px}
.projects-heading{margin-bottom:38px}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.project-card{border:1px solid #ffffff20;border-radius:7px;overflow:hidden;background:linear-gradient(145deg,#29213d,#191629 78%);transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0}
.project-card:hover{transform:translateY(-5px);border-color:#d9bd8577;box-shadow:0 18px 40px #0004}
.project-image-wrap{height:205px;background:linear-gradient(135deg,#34264b,#171426);overflow:hidden;position:relative}
.project-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.project-card:hover .project-image-wrap img{transform:scale(1.035)}
.project-image-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#d9bd85;background:radial-gradient(circle at 50% 45%,#9a78c044,transparent 55%)}
.project-image-placeholder span{font-size:38px}.project-image-placeholder small{font-size:8px;letter-spacing:.2em;color:#aaa2bb}
.project-image-empty{background:linear-gradient(135deg,#34264b,#171426)}
.project-card-body{padding:22px;display:flex;flex-direction:column;min-height:235px}
.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.project-number{font-family:'Playfair Display';color:#d9bd85;font-size:13px}
.project-category{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#c6a8e5;text-align:right}
.project-card h3{font-family:'Playfair Display';font-size:23px;font-weight:500;margin:17px 0 9px}
.project-card-body>p{font-size:11px;line-height:1.8;color:#aaa2bb;margin:0 0 15px}
.project-tech{font-size:9px;line-height:1.7;color:#d7c3f0;border-top:1px solid #ffffff17;padding-top:12px;margin-top:auto}
.project-card-actions{margin-top:17px;padding-top:13px;border-top:1px solid #ffffff17}
.project-demo{color:#e6ce9e;font-size:10px;text-decoration:none;letter-spacing:.04em}.project-demo:hover{color:#fff1ce}
.project-no-demo{font-size:9px;color:#8d849e}
.projects-empty{grid-column:1/-1;text-align:center;padding:45px 20px;border:1px dashed #ffffff25;color:#aaa2bb}
.projects-empty>span{font-size:30px;color:#d9bd85}.projects-empty h3{font-family:'Playfair Display';font-weight:500;color:#f3eaff;font-size:22px;margin:12px 0 5px}.projects-empty p{font-size:11px;margin:0}
.project-admin-divider{border-top:1px solid #ffffff20;margin-top:42px;padding-top:30px}
.project-admin-divider h2{font-size:32px;margin:10px 0}
@media(max-width:850px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.projects-section{padding-top:75px;padding-bottom:80px}.projects-grid{grid-template-columns:1fr;gap:16px}.project-image-wrap{height:190px}.project-card-body{min-height:0}.project-admin-divider{margin-top:30px;padding-top:24px}}