.site-header{position:fixed;left:0;right:0;top:0;height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;z-index:100;border-bottom:1px solid transparent;transition:.4s}.site-header.scrolled{height:72px;background:rgba(7,7,8,.76);backdrop-filter:blur(18px);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:12px;z-index:3}.brand-mark{width:34px;height:34px;border:1px solid var(--text);border-radius:50%;display:grid;place-items:center;font:italic 700 19px var(--serif)}.brand-name{font-weight:800;letter-spacing:.25em;font-size:13px}.desktop-nav{display:flex;gap:36px;font-size:13px;color:#c6c5c0}.desktop-nav a,.nav-cta{transition:.25s}.desktop-nav a:hover{color:var(--accent)}.nav-cta{padding:12px 18px;border:1px solid var(--line);border-radius:100px;font-size:13px}.nav-cta:hover{background:var(--accent);color:#090909;border-color:var(--accent)}.nav-cta span{margin-left:14px}.menu-button{display:none;background:none;border:0;width:40px;height:40px;z-index:3}.menu-button span{display:block;width:24px;height:1px;background:#fff;margin:7px auto;transition:.3s}.menu-button.open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;background:#09090b;z-index:99;display:flex;flex-direction:column;justify-content:center;padding:10vw;transform:translateY(-100%);transition:.55s cubic-bezier(.8,0,.2,1)}.mobile-menu.open{transform:none}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu a{font-size:clamp(40px,10vw,80px);font-weight:700;border-bottom:1px solid var(--line);padding:10px 0}.mobile-menu p{margin-top:40px;color:var(--muted)}
.section-pad{padding:130px 5vw}.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding-top:160px;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(20px);pointer-events:none}.orb-one{width:40vw;height:40vw;right:-15%;top:10%;background:radial-gradient(circle,rgba(170,80,255,.15),transparent 65%)}.orb-two{width:35vw;height:35vw;left:20%;bottom:-30%;background:radial-gradient(circle,rgba(216,255,79,.08),transparent 65%)}
.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#a4a39e}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px;min-height:14px;white-space:nowrap;transform:none!important;opacity:1!important}.eyebrow span{width:35px;height:1px;background:var(--accent)}.hero-title{position:relative;z-index:1;font-size:clamp(56px,9.4vw,160px);line-height:.82;letter-spacing:-.065em;font-weight:700}.hero-title .line{display:block;overflow:hidden;padding:.13em .08em .16em;margin:-.13em -.08em -.16em}.hero-title .line>span{display:block;transform:translateY(120%);animation:titleUp 1s cubic-bezier(.2,.8,.2,1) forwards}.hero-title .line:nth-child(2)>span{animation-delay:.1s}.hero-title .line:nth-child(3)>span{animation-delay:.2s}@keyframes titleUp{to{transform:none}}.accent-line{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);padding-left:15vw}.hero-bottom{display:flex;align-items:flex-end;justify-content:flex-end;gap:7vw;margin-top:55px}.hero-bottom p{max-width:480px;color:#b6b5b0;font-size:clamp(15px,1.3vw,19px);line-height:1.7}.round-link{width:125px;height:125px;border:1px solid rgba(255,255,255,.32);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;transition:.35s}.round-link b{font-size:19px}.round-link:hover{background:var(--accent);color:#080808;border-color:var(--accent);transform:scale(1.06)}.hero-proof{position:absolute;left:5vw;bottom:44px;display:flex;gap:14px;align-items:center}.proof-stack{display:flex}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--bg);margin-left:-8px;font-size:11px;font-weight:700}.avatar:first-child{margin-left:0}.a1{background:#dad2c2;color:#222}.a2{background:#9ab3a3;color:#102}.a3{background:#8773a5}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-size:12px}.hero-proof span{font-size:10px;color:var(--muted);margin-top:4px}
.marquee-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:16px 0}.marquee{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee span{font-size:12px;letter-spacing:.15em;color:#8d8c88;white-space:nowrap;padding-right:15px}@keyframes marquee{to{transform:translateX(-50%)}}
.section-label{margin-bottom:55px}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:end}.intro h2,.work h2,.difference h2,.process h2,.pricing h2,.faq h2,.contact h2{font-size:clamp(43px,6vw,94px);line-height:.95;letter-spacing:-.055em}.intro h2 em,.work h2 em,.difference h2 em,.process h2 em,.pricing h2 em,.faq h2 em,.contact h2 em{font-family:var(--serif);font-weight:400;color:var(--accent)}.intro-copy p{color:#aaa9a4;line-height:1.8;font-size:17px}.text-link{display:inline-flex;margin-top:30px;border-bottom:1px solid #555;padding-bottom:8px;font-size:13px}.text-link span{margin-left:25px;color:var(--accent)}
.service-list{margin-top:110px}.service-row{display:grid;grid-template-columns:80px 1.2fr 1fr 45px;gap:30px;align-items:center;border-top:1px solid var(--line);padding:35px 0;transition:.35s}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:hover{padding-left:18px;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent)}.service-index{color:#6e6d69;font-size:12px}.service-row h3{font-size:clamp(23px,2.8vw,45px);letter-spacing:-.04em}.service-row p{color:var(--muted);line-height:1.6;font-size:14px}.service-icon{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.service-row:hover .service-icon{background:var(--accent);color:#080808;border-color:var(--accent)}
.work{background:#0b0b0d}.work-heading,.process-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:85px}.work-heading>p,.process-head>p{max-width:390px;color:var(--muted);line-height:1.75}.projects{display:grid;gap:32px}.project-card{background:#111114;padding:22px;cursor:pointer;border:1px solid transparent;transition:.45s}.project-card:hover{border-color:rgba(216,255,79,.3);transform:translateY(-7px)}.project-top,.project-bottom{display:flex;justify-content:space-between;align-items:center}.project-top{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#878681;margin-bottom:17px}.browser-mockup{border-radius:4px;overflow:hidden;background:#222}.browser-bar{height:30px;background:#242428;display:flex;align-items:center;padding:0 12px;gap:5px}.browser-bar i{width:6px;height:6px;background:#666;border-radius:50%}.browser-bar small{font-size:7px;color:#777;margin:auto}.demo-screen{height:min(52vw,610px);min-height:320px;position:relative;overflow:hidden}.mock-nav{position:absolute;top:0;left:0;right:0;padding:22px 28px;display:flex;justify-content:space-between;z-index:2;font-size:11px}.mock-nav span{font-size:8px;letter-spacing:.1em}.auto-demo{background:radial-gradient(circle at 65% 40%,#25272b,#090a0c 64%)}.auto-demo .mock-nav{color:#eee}.car-shape{position:absolute;width:56%;height:25%;right:4%;top:40%;background:linear-gradient(160deg,#666 0%,#141518 28%,#45484e 65%,#090a0b);clip-path:polygon(6% 57%,19% 50%,30% 20%,65% 13%,85% 38%,96% 48%,100% 76%,2% 76%);filter:drop-shadow(0 25px 25px #000)}.wheel{position:absolute;width:14%;aspect-ratio:1;background:#111;border:7px solid #333;border-radius:50%;bottom:4%}.w1{left:18%}.w2{right:10%}.mock-copy{position:absolute;left:6%;bottom:9%;z-index:2}.mock-copy small,.fashion-copy small{display:block;color:#aaa;font-size:7px;letter-spacing:.25em;margin-bottom:12px}.mock-copy strong{font-size:clamp(30px,5vw,78px);line-height:.85;letter-spacing:-.06em}.arch-demo{background:#d7d1c4;color:#171714}.arch-grid{position:absolute;right:5%;top:15%;width:58%;height:75%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;transform:rotate(-4deg)}.arch-grid div{background:linear-gradient(145deg,#bcb4a5,#716a5f);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.arch-grid div:first-child{grid-row:1/3;background:linear-gradient(120deg,#cec7b8 30%,#615b51 31%,#9d9484 70%)}.arch-title{position:absolute;left:5%;bottom:8%;z-index:2}.arch-title strong{font-size:clamp(34px,6vw,85px);line-height:.82;letter-spacing:-.07em}.arch-title small{display:block;margin-top:16px;font-size:7px;letter-spacing:.12em}.fashion-demo{background:linear-gradient(110deg,#eadfd6 0 48%,#251f25 48%);color:#181416}.fashion-model{position:absolute;right:11%;bottom:0;width:35%;height:84%;background:linear-gradient(145deg,#c6a999,#3b2e34 65%);clip-path:polygon(35% 0,65% 0,74% 13%,67% 28%,88% 100%,10% 100%,33% 30%,25% 12%)}.fashion-model span{position:absolute;width:29%;aspect-ratio:.76;background:#bd9d8d;border-radius:50% 50% 45% 45%;left:36%;top:0}.fashion-copy{position:absolute;left:6%;top:38%}.fashion-copy strong{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(32px,5.7vw,82px);line-height:.85;letter-spacing:-.05em}.fashion-copy button{display:block;border:0;background:#191516;color:#fff;padding:10px 15px;margin-top:22px;font-size:7px;text-transform:uppercase;letter-spacing:.14em}.project-bottom{padding-top:19px}.project-bottom h3{font-size:23px}.project-bottom button{background:none;border:0;font-size:11px;color:#aaa;cursor:pointer}
.difference-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.sticky-copy{position:sticky;top:130px;align-self:start}.sticky-copy p{color:var(--muted);max-width:380px;line-height:1.7;margin-top:35px}.benefit{min-height:260px;border-top:1px solid var(--line);padding:30px 0 55px;display:grid;grid-template-columns:55px 1fr}.benefit:last-child{border-bottom:1px solid var(--line)}.benefit span{color:var(--accent);font-size:11px}.benefit h3{font-size:clamp(27px,3vw,45px);letter-spacing:-.04em}.benefit p{grid-column:2;max-width:500px;color:var(--muted);line-height:1.7;margin-top:20px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:60px;padding-bottom:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{text-align:center;padding:35px}.stat:not(:last-child){border-right:1px solid var(--line)}.stat strong{font-size:clamp(65px,8vw,120px);letter-spacing:-.07em;color:var(--accent)}.stat p{color:var(--muted);font-size:12px;max-width:190px;margin:13px auto 0;line-height:1.5}
.process{background:#d9d6cd;color:#111}.process .section-label{color:#65645f}.process-head>p{color:#5e5d58}.process h2 em{color:#545b30}.process-steps{border-top:1px solid rgba(0,0,0,.18)}.step{display:grid;grid-template-columns:15% 85%;border-bottom:1px solid rgba(0,0,0,.18);padding:42px 0}.step>span{font:italic 46px var(--serif);color:#77746d}.step>div{display:grid;grid-template-columns:120px 1fr 1fr;align-items:start;gap:35px}.step small{letter-spacing:.16em;font-size:9px}.step h3{font-size:clamp(25px,3vw,43px);line-height:1.05;letter-spacing:-.04em}.step p{color:#5c5b56;line-height:1.7;max-width:390px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:80px}.price-card{position:relative;background:#0e0e11;border:1px solid var(--line);padding:35px;min-height:630px;display:flex;flex-direction:column;transition:.35s}.price-card:hover{transform:translateY(-8px);border-color:#555}.price-card.featured{background:var(--accent);color:#080808}.popular{position:absolute;right:15px;top:15px;font-size:8px;letter-spacing:.15em;border:1px solid rgba(0,0,0,.3);border-radius:100px;padding:7px 10px}.price-card small{font-size:9px;letter-spacing:.18em;color:#85847f}.featured small{color:#515636}.price-card h3{font-size:48px;letter-spacing:-.05em;margin:16px 0}.price-card p{color:var(--muted);line-height:1.6;font-size:14px}.featured p{color:#424532}.price-card>strong{font-size:26px;margin:50px 0 28px}.price-card ul{list-style:none;border-top:1px solid var(--line);padding-top:20px}.featured ul{border-color:rgba(0,0,0,.18)}.price-card li{font-size:13px;padding:10px 0;color:#bbb}.featured li{color:#292b21}.price-card li:before{content:'✓';color:var(--accent);margin-right:10px}.featured li:before{color:#15180b}.price-card a{margin-top:auto;border:1px solid var(--line);padding:15px;display:flex;justify-content:space-between;font-size:12px}.price-card a:hover{background:#fff;color:#111}.featured a{border-color:rgba(0,0,0,.25)}.featured a:hover{background:#111;color:#fff}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-title{position:sticky;top:130px;align-self:start}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;background:none;border:0;padding:27px 0;display:flex;justify-content:space-between;text-align:left;cursor:pointer;font-size:18px}.faq-item button b{font-size:25px;font-weight:300;transition:.3s}.faq-item>div{height:0;overflow:hidden;transition:.35s}.faq-item p{color:var(--muted);line-height:1.7;max-width:650px;padding-bottom:28px}.faq-item.active>div{height:auto}.faq-item.active button b{transform:rotate(45deg);color:var(--accent)}
.contact{position:relative;min-height:95vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#09090b}.contact-glow{position:absolute;width:75vw;height:75vw;right:-35%;bottom:-60%;border-radius:50%;background:radial-gradient(circle,rgba(216,255,79,.19),transparent 60%)}.contact h2{font-size:clamp(56px,9vw,140px);position:relative}.contact-bottom{display:flex;justify-content:flex-end;align-items:center;gap:8vw;margin-top:60px;position:relative}.contact-bottom p{max-width:350px;color:var(--muted);line-height:1.7}.contact-trigger{width:190px;height:190px;border-radius:50%;border:0;background:var(--accent);color:#090909;font-weight:700;cursor:pointer;transition:.35s}.contact-trigger span{display:block;font-size:24px;margin-top:12px}.contact-trigger:hover{transform:scale(1.06) rotate(-4deg)}.contact-meta{position:absolute;bottom:32px;left:5vw;right:5vw;display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line);font-size:10px;color:#777}
.project-modal,.contact-modal{position:fixed;inset:0;background:rgba(4,4,5,.96);backdrop-filter:blur(20px);z-index:300;opacity:0;visibility:hidden;transition:.4s;overflow:auto}.project-modal.open,.contact-modal.open{opacity:1;visibility:visible}.modal-close,.form-close{position:fixed;right:35px;top:25px;width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:#121216;font-size:27px;z-index:2;cursor:pointer}.modal-content{padding:90px 7vw 60px}.modal-kicker,.form-wrap>span{font-size:9px;letter-spacing:.2em;color:var(--accent)}.modal-title{font-size:clamp(50px,8vw,110px);letter-spacing:-.06em;margin:20px 0}.modal-description{max-width:650px;color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:45px}.modal-preview{min-height:60vh;background:#111;display:grid;place-items:center;font-size:clamp(30px,5vw,80px);font-family:var(--serif);font-style:italic;border:1px solid var(--line)}.modal-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.modal-meta span{border:1px solid var(--line);padding:9px 13px;border-radius:100px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.form-wrap{max-width:820px;margin:0 auto;padding:90px 30px}.form-wrap h2{font-size:clamp(42px,6vw,78px);letter-spacing:-.055em;line-height:1;margin:22px 0 55px}.form-wrap form{display:grid;grid-template-columns:1fr 1fr;gap:28px}.form-wrap label{display:flex;flex-direction:column;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#999}.form-wrap label:nth-child(4){grid-column:1/-1}.form-wrap input,.form-wrap select,.form-wrap textarea{background:transparent;color:#fff;border:0;border-bottom:1px solid #45454a;padding:14px 0;outline:none;text-transform:none;letter-spacing:0}.form-wrap select option{background:#111}.form-wrap textarea{min-height:120px;resize:vertical}.form-wrap input:focus,.form-wrap select:focus,.form-wrap textarea:focus{border-color:var(--accent)}.form-wrap form>button{grid-column:1/-1;background:var(--accent);color:#080808;border:0;padding:20px;display:flex;justify-content:space-between;font-weight:700;cursor:pointer}.form-note{grid-column:1/-1;color:#666;font-size:10px}.success-message{display:none;text-align:center;padding:80px 0}.success-message span{width:70px;height:70px;border-radius:50%;background:var(--accent);color:#111;display:grid;place-items:center;margin:auto;font-size:30px}.success-message h3{font-size:42px;margin:20px}.success-message p{color:var(--muted)}
.reveal-up{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal-up.visible{opacity:1;transform:none}
@media(max-width:900px){.reactive-title .char{transform:none!important}.desktop-nav,.nav-cta{display:none}.menu-button{display:block}.section-pad{padding:95px 6vw}.hero{padding-top:130px}.hero-title{font-size:clamp(55px,13vw,100px)}.accent-line{padding-left:6vw}.hero-bottom{justify-content:space-between}.hero-proof{display:none}.intro-grid,.difference-grid,.faq{grid-template-columns:1fr;gap:60px}.service-row{grid-template-columns:45px 1fr 42px}.service-row p{grid-column:2}.service-icon{grid-column:3;grid-row:1/3}.work-heading,.process-head{display:grid;gap:35px}.sticky-copy,.faq-title{position:static}.stats{grid-template-columns:1fr}.stat:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.step{grid-template-columns:60px 1fr}.step>div{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.contact-bottom{justify-content:space-between}.cursor-glow{display:none}}
@media(max-width:600px){.site-header{padding:0 6vw;height:72px}.brand-name{font-size:11px}.section-pad{padding:80px 6vw}.hero{min-height:900px;justify-content:flex-start;padding-top:180px}.hero-title{font-size:15vw;line-height:.87}.hero-bottom{display:block;margin-top:50px}.round-link{margin:45px 0 0 auto;width:110px;height:110px}.intro h2,.work h2,.difference h2,.process h2,.pricing h2,.faq h2{font-size:13vw}.service-row{gap:12px}.service-row h3{font-size:26px}.project-card{padding:12px}.demo-screen{height:390px}.mock-nav span{display:none}.project-bottom h3{font-size:18px}.project-bottom button{font-size:9px}.difference-grid{gap:70px}.benefit{grid-template-columns:35px 1fr}.process{padding-left:6vw;padding-right:6vw}.step{grid-template-columns:40px 1fr}.step>span{font-size:28px}.pricing-grid{margin-top:50px}.price-card{padding:26px}.faq-item button{font-size:15px}.contact{min-height:820px}.contact h2{font-size:15vw}.contact-bottom{display:block}.contact-trigger{width:145px;height:145px;margin:40px 0 0 auto;display:block}.contact-meta{gap:10px;flex-wrap:wrap}.form-wrap form{grid-template-columns:1fr}.form-wrap label:nth-child(4),.form-wrap form>button,.form-note{grid-column:1}.modal-close,.form-close{right:15px;top:15px}}

/* Let cursor-reactive letters move outside their text rows after the intro animation. */
.hero-title.title-ready .line{overflow:visible}
.hero-title.title-ready .line>span{animation:none;transform:none}

/* Real portfolio website previews */
.live-preview{position:relative;isolation:isolate}
.site-preview-frame{height:min(52vw,610px);min-height:320px;overflow:hidden;position:relative;background:#0a0a0c}
.site-preview-frame iframe{width:1440px;height:900px;border:0;position:absolute;top:0;left:50%;transform:translateX(-50%) scale(.72);transform-origin:top center;pointer-events:none;background:#fff}
.preview-shield{position:absolute;inset:30px 0 0;z-index:3;display:grid;place-items:center;background:rgba(5,5,7,.02);transition:.35s}
.preview-shield span{opacity:0;transform:translateY(8px);padding:13px 18px;border-radius:100px;background:rgba(7,7,9,.84);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);font-size:10px;text-transform:uppercase;letter-spacing:.13em;transition:.35s}
.project-card:hover .preview-shield{background:rgba(5,5,7,.18)}
.project-card:hover .preview-shield span{opacity:1;transform:none}
.project-bottom>div p{font-size:10px;color:#777;margin-top:5px;letter-spacing:.04em}
.modal-preview{display:block;position:relative;overflow:hidden;padding:0;background:#08080a}
.modal-preview iframe{width:100%;height:78vh;min-height:600px;border:0;background:#fff}
.modal-actions{display:flex;justify-content:flex-end;margin-top:18px}
.modal-live-link{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid var(--line);border-radius:100px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;transition:.25s}
.modal-live-link:hover{background:var(--accent);color:#090a08;border-color:var(--accent)}
@media(max-width:900px){.site-preview-frame iframe{transform:translateX(-50%) scale(.55)}.modal-preview iframe{height:70vh;min-height:500px}}
@media(max-width:600px){.site-preview-frame{height:390px}.site-preview-frame iframe{transform:translateX(-50%) scale(.42)}.preview-shield span{display:none}.modal-preview iframe{height:68vh;min-height:430px}.project-bottom>div p{font-size:8px}}