/* Existing Vercel design retained; scoped refinements and branded motion. */
html{scroll-padding-top:110px}.brand img{width:155px;height:auto}.nav{padding-left:22px}.foot>a img{width:150px}.hero-copy{font-size:17px;line-height:1.65;max-width:580px}.hero h1{font-size:clamp(60px,7.2vw,114px)!important;line-height:.87!important;letter-spacing:-.075em!important}.hero-grid{grid-template-columns:1.15fr 1fr!important}.brand-stage{position:relative;isolation:isolate;overflow:hidden;background:var(--bg)}.brand-content{position:relative;height:100%;z-index:2}.story-intro.hero{position:relative;min-height:100svh;padding:150px 0 120px;align-content:center;pointer-events:auto}.story-intro .hero-grid>div{position:relative;z-index:3}.brand-fallback{position:absolute;width:32%;right:5%;top:29%;opacity:.8;z-index:0}#webgl{position:absolute;inset:0;pointer-events:none;z-index:1}#webgl canvas{display:block;width:100%;height:100%}.webgl-ready .brand-fallback{display:none}.benefit-title{padding-top:65px}.benefit-title p{font-size:30px;font-weight:700;line-height:1.1;letter-spacing:-.045em;color:var(--muted);margin:16px 0}.benefit-title b{color:var(--paper)}.benefit-copy{padding:65px 0}.benefit-index{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--copper)}.benefit-copy h2{font-size:clamp(38px,5.2vw,78px);line-height:.98;letter-spacing:-.06em;margin:24px 0}.benefit-copy h2 span{color:var(--copper)}.benefit-copy p{font-size:17px;line-height:1.7;color:#C5CBD5;margin:0 0 26px}.brand-story-bottom{display:none}.brand-motion #brand-story{height:400svh}.brand-motion .brand-stage{position:sticky;top:0;height:100svh}.brand-motion .story-intro{position:absolute;inset:0;min-height:0;height:100%}.brand-motion .benefit-title{position:absolute;left:0;top:13%;padding:0;opacity:0;pointer-events:none}.brand-motion .benefit-title p{font-size:21px}.brand-motion .benefit-copy{position:absolute;right:1%;top:34%;width:44%;padding:0;opacity:0;pointer-events:none;will-change:opacity,transform}.brand-motion .benefit-copy.active{pointer-events:auto}.brand-motion .brand-story-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);z-index:5}.brand-story-bottom button{color:inherit;background:none;border:0;font:inherit;cursor:pointer;padding:8px 0}.benefit-dots{display:flex;gap:13px}.benefit-dots button{width:22px;height:22px;position:relative}.benefit-dots button:after{content:'';position:absolute;left:9px;top:9px;width:5px;height:5px;background:#7088FF;border-radius:50%;transition:transform .25s,background .25s}.benefit-dots button[aria-current]:after{background:var(--copper);transform:scale(1.7)}.story-intro .eyebrow,.story-intro h1,.story-intro .hero-copy,.story-intro .hero-actions{animation:none!important}.price-folders{display:grid;gap:13px}.price-folder{border:1px solid #7088FF55;border-radius:22px;background:#0e1220;overflow:hidden}.price-folder summary{list-style:none;display:grid;grid-template-columns:60px 1fr 150px 35px;align-items:center;gap:20px;padding:30px 34px;cursor:pointer}.price-folder summary::-webkit-details-marker{display:none}.folder-number{font-size:12px;color:var(--copper)}.price-folder h3{font-size:30px;line-height:1.1;letter-spacing:-.045em;margin:0;font-weight:700}.price-folder summary p{font-size:13px;color:var(--muted);margin:9px 0 0}.folder-price{font-size:18px;white-space:nowrap;font-weight:650}.folder-plus{font-size:27px;text-align:right;transition:transform .3s;font-weight:400}.price-folder[open] .folder-plus{transform:rotate(45deg)}.folder-telegram{background:#0e1220;border-color:#7088FF}.folder-systems{background:#12172855;border-color:#2443F0}.folder-design{background:#0B0E18}.folder-content{border-top:1px solid #F4F2ED1b;padding:30px 34px 34px 114px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.folder-content h4{font-size:23px;letter-spacing:-.04em;margin:0 0 14px}.folder-content p{font-size:14px;color:var(--muted);max-width:360px;line-height:1.7;margin:0 0 24px}.folder-content strong{display:block;font-size:29px;font-weight:750;letter-spacing:-.04em}.folder-content article>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--copper);margin-top:6px}.folder-content a{display:inline-block;padding:11px 0;font-size:12px;margin-top:17px;border-bottom:1px solid #F4F2ED60}.price-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:25px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}.case-tile{display:block;border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer;font-family:inherit;min-width:0}.case-web{grid-column:1/-1}.case-cover{position:relative;height:425px;overflow:hidden;border:1px solid #7088FF55;border-radius:28px;background:#0e1220;perspective:1000px;isolation:isolate}.case-web .case-cover{height:620px}.case-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#FFFFFF0c 50%,transparent 75%);pointer-events:none;transform:translateX(-130%);transition:transform 1.2s}.case-tile:hover .case-cover:after{transform:translateX(130%)}.cover-images{height:100%;display:flex;justify-content:center;gap:30px;align-items:center;transition:transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(var(--float,0px))}.cover-images img{object-fit:contain;max-width:40%;max-height:85%;filter:drop-shadow(0 25px 30px #0007);transition:transform .9s cubic-bezier(.16,1,.3,1)}.case-web .cover-images{transform:none}.case-web .cover-images img{width:100%;max-width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 61%;filter:brightness(.87);transform:scale(1.03)}.case-web:hover .cover-images img{transform:scale(1.065)}.case-app .case-cover{background:#121728}.case-app .cover-images img{border-radius:20px;transform:rotate(-8deg) translateY(12px)}.case-app .cover-images img+img{transform:rotate(8deg) translateY(-12px)}.case-payment .case-cover{background:#7088FF}.case-payment .cover-images img{border-radius:14px;transform:rotate(-5deg)}.case-payment .cover-images img+img{transform:rotate(6deg) translateY(30px)}.case-bot .case-cover{background:#0e1220}.case-bot .cover-images img{border-radius:15px;transform:rotate(-6deg)}.case-bot .cover-images img+img{transform:rotate(6deg)}.case-system .case-cover{background:#F4F2ED}.case-system .cover-images img{max-width:88%;max-height:85%;transform:perspective(1000px) rotateY(-9deg) rotateZ(-5deg);border-radius:5px}.case-tile:hover .cover-images img{transform:translateY(-10px) rotate(0)}.case-web:hover .cover-images img{transform:scale(1.065)}.open-project{position:absolute;right:24px;bottom:24px;padding:13px 18px;display:flex;align-items:center;gap:28px;background:#06080Fd9;backdrop-filter:blur(12px);border:1px solid #F4F2ED38;border-radius:30px;font-size:11px;color:var(--paper)}.open-project b{font-size:20px;font-weight:400}.project-card-caption{padding:19px 4px 0}.project-card-caption>span{font-size:10px;color:var(--copper);letter-spacing:.12em}.project-card-caption h3{font-size:25px;font-weight:650;letter-spacing:-.04em;margin:9px 0 0}.portfolio-more{display:inline-block;margin-top:35px;font-size:12px;border-bottom:1px solid #F4F2ED45;padding:10px 0}.steps{grid-template-columns:repeat(4,1fr)!important}.team-grid{grid-template-columns:repeat(4,1fr)!important;gap:18px!important}.member,.member.dev-light-panel{grid-column:auto!important;display:block!important;padding:18px!important;border-radius:25px!important;background:#0e1220!important;color:var(--ink)!important;min-height:0!important}.member .avatar{height:285px!important;width:100%!important;border-radius:16px!important;margin-bottom:23px!important;overflow:hidden!important}.avatar img{height:100%!important;width:100%!important;object-fit:cover!important;object-position:center!important}.member strong{font-size:26px!important}.member span{font-size:10px!important;margin:8px 0 12px!important;color:var(--copper)!important}.member p{font-size:13px!important;line-height:1.6!important;color:var(--muted)!important}.faq h2{font-size:44px;line-height:1;letter-spacing:-.055em;margin:20px 0}.faq-item summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:17px;font-weight:650;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:23px;line-height:1;font-weight:400}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{margin-top:15px;font-size:14px;line-height:1.7}.faq-item{border-radius:18px}.refine-enter{opacity:0;transform:translateY(28px);transition:opacity .8s,transform 1s cubic-bezier(.16,1,.3,1)}.refine-enter.seen{opacity:1;transform:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:6px}.section-head p{max-width:660px}
/* Project views keep long descriptions and galleries off the main page. */
dialog{position:fixed;inset:0;width:min(1180px,94vw);height:auto;max-width:none;max-height:92svh;background:#0B0E18;color:var(--ink);border:1px solid #7088FF88;border-radius:26px;padding:30px 40px 35px;overflow-y:auto}dialog::backdrop{background:#050508d9;backdrop-filter:blur(14px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.dialog-header img{width:145px}.dialog-header button{display:flex;align-items:center;gap:20px;font-size:11px;border:0;color:inherit;background:none;cursor:pointer}.dialog-header button span{font-size:28px}.detail-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:25px}.detail-heading h2{font-size:38px;font-weight:750;letter-spacing:-.055em;margin:14px 0 0;line-height:1.05}.detail-heading p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.gallery-main{height:47svh;display:flex;justify-content:center;background:#06080F;border-radius:16px;padding:15px}.gallery-main img{max-height:100%;max-width:100%;object-fit:contain}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:25px}.gallery-controls>div{display:flex;align-items:center;gap:25px}.gallery-controls button{background:transparent;color:inherit;border:1px solid #7088FF88;border-radius:50%;width:42px;height:42px;font-size:20px;cursor:pointer}.gallery-controls span{font-size:11px}.gallery-actions{display:flex;gap:25px;align-items:center}.original-image{font-size:11px;color:var(--muted)}.dialog-cta{font-size:12px;border-bottom:1px solid #F4F2ED80;padding:12px 0;display:inline-flex;gap:25px}
@media(max-width:1000px){.hero h1{font-size:8.1vw!important}.hero-copy{font-size:15px}.hero-actions .btn{font-size:12px;padding:12px 16px}.benefit-copy h2{font-size:5.5vw}.benefit-copy p{font-size:14px}.brand-motion .benefit-title p{font-size:18px}.price-folder h3{font-size:26px}.team-grid{grid-template-columns:1fr 1fr!important}.member .avatar{height:320px!important}.case-cover{height:355px}.case-web .case-cover{height:500px}.project-card-caption h3{font-size:22px}.price-folder summary{grid-template-columns:35px 1fr 130px 30px;padding:25px;gap:14px}.folder-content{padding:25px 25px 30px 75px}.detail-heading{gap:30px}.detail-heading h2{font-size:31px}}
@media(max-width:700px){html{scroll-padding-top:90px}.brand img{width:125px}.nav{padding-left:15px!important}.brand-motion #brand-story{height:410svh}.story-intro.hero{padding:110px 0 90px;align-content:start}.hero-grid{display:block!important}.hero h1{font-size:13.9vw!important;line-height:.87!important;max-width:95%;margin:20px 0 22px!important}.hero-copy{font-size:13px!important;line-height:1.6!important;max-width:92%}.hero-actions{margin-top:20px!important;gap:8px}.hero-actions .btn{font-size:11px!important;padding:12px 14px!important}.brand-motion .story-intro .hero-grid{max-width:100%}.brand-motion .story-intro .hero-copy{position:absolute;top:auto;left:0;right:0;bottom:116px;max-width:100%}.brand-motion .story-intro .hero-grid>div{position:static}.brand-motion .story-intro .hero-actions{position:absolute;bottom:55px;left:0;right:0;margin:0!important;z-index:4}.brand-motion .brand-story-bottom{bottom:13px;font-size:8px;gap:12px}.brand-story-bottom>span{font-size:7px;max-width:130px;text-align:right}.benefit-dots{gap:3px}.benefit-dots button{width:18px;height:18px}.benefit-dots button:after{top:7px;left:7px;width:4px;height:4px}.brand-motion .benefit-title{top:100px;left:0}.brand-motion .benefit-title p{font-size:15px;line-height:1.2;margin-top:10px}.brand-motion .benefit-title .eyebrow{font-size:8px}.brand-motion .benefit-copy{top:auto;bottom:85px;right:0;left:0;width:100%}.benefit-index{font-size:9px}.benefit-copy h2{font-size:11vw;line-height:1;margin:17px 0}.benefit-copy p{font-size:12px;line-height:1.65;margin-bottom:18px}.benefit-copy .btn{font-size:11px;padding:12px 16px}.brand-fallback{width:38%;right:12%;top:42%}.section-head{margin-bottom:30px!important;gap:16px}.section-head h2{font-size:38px!important}.section-head p{font-size:14px!important;line-height:1.65;margin-top:18px!important}section{padding:65px 0}.price-folder{border-radius:18px}.price-folder summary{padding:23px 18px;grid-template-columns:20px 1fr 22px;gap:10px}.folder-number{font-size:10px}.price-folder h3{font-size:21px}.price-folder summary p{font-size:11px;margin-top:7px;line-height:1.5}.folder-price{grid-column:2;grid-row:2;font-size:15px;margin-top:3px}.folder-plus{grid-column:3;grid-row:1/3;font-size:25px}.folder-content{grid-template-columns:1fr;padding:24px 22px;gap:30px}.folder-content h4{font-size:20px}.folder-content p{font-size:12px;margin-bottom:17px}.folder-content strong{font-size:25px}.folder-content article>span{font-size:10px}.price-note{font-size:10px}.case-grid{grid-template-columns:1fr;gap:30px}.case-web{grid-column:auto}.case-cover,.case-web .case-cover{height:380px;border-radius:22px}.case-web .cover-images img{object-position:50% 70%}.cover-images{gap:22px}.project-card-caption h3{font-size:22px;margin-top:7px}.project-card-caption>span{font-size:9px}.open-project{font-size:10px;right:17px;bottom:17px;padding:11px 15px;gap:22px}.case-system .case-cover{height:290px}.portfolio-more{font-size:11px}.process-wrap{border-radius:25px!important;padding:30px 25px!important}.process-wrap h2{font-size:38px!important;margin-bottom:30px!important}.steps{grid-template-columns:1fr 1fr!important;gap:28px 20px!important}.step strong{font-size:17px;margin-top:18px}.step span{font-size:11px}.team-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.member{padding:12px!important;border-radius:18px!important}.member .avatar{height:180px!important;border-radius:12px!important;margin-bottom:16px!important}.member strong{font-size:22px!important}.member span{font-size:8px!important;line-height:1.5!important;letter-spacing:.04em!important}.member p{font-size:11px!important}.faq{gap:20px}.faq h2{font-size:36px;margin:16px 0}.faq-item summary{font-size:15px}.faq-item p{font-size:12px}.cta h2{font-size:12vw!important;line-height:.94!important}.cta p{font-size:14px!important}.foot>a img{width:130px}.foot{font-size:10px;align-items:flex-start}.detail-heading{display:block}.detail-heading h2{font-size:30px}.detail-heading p{font-size:12px;margin-top:20px}dialog{width:95vw;padding:22px 20px;border-radius:20px;max-height:94svh}.dialog-header{margin-bottom:30px}.dialog-header img{width:125px}.dialog-header button{font-size:10px;gap:13px}.gallery-main{height:43svh;padding:8px}.gallery-controls{flex-direction:column;align-items:stretch;gap:15px}.gallery-controls>div{justify-content:space-between}.gallery-actions{gap:12px;flex-wrap:wrap}.dialog-cta{font-size:11px}.original-image{font-size:10px}}
@media(max-width:700px) and (max-height:750px){.story-intro.hero{padding-top:99px}.hero h1{font-size:12.6vw!important;margin-top:16px!important}.brand-motion .story-intro .hero-copy{font-size:11px!important;bottom:108px}.brand-motion .story-intro .hero-actions{bottom:52px}.benefit-copy h2{font-size:10vw}.brand-motion .benefit-title p{font-size:13px}.brand-motion .benefit-copy{bottom:65px}.benefit-copy p{font-size:11px}.benefit-copy .btn{font-size:10px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.refine-enter{opacity:1;transform:none}}
@media(min-width:701px) and (max-height:800px){.hero h1{font-size:6.5vw!important;max-height:none}.story-intro.hero{padding-top:125px;padding-bottom:95px}.hero-copy{font-size:15px}.hero-actions{margin-top:22px}.brand-motion .benefit-title{top:15%}}
@media(max-width:700px){.w.brand-content{width:calc(100% - 32px)!important;margin:0 auto!important}.nav .brand{flex:0 0 auto!important}.nav .brand img{width:110px!important}.nav .mobile-menu-toggle{min-width:0!important;padding:10px 12px!important;font-size:10px!important;gap:8px!important}.nav .links .pill.primary{font-size:10px!important;padding:11px 12px!important;white-space:nowrap}.nav{gap:7px!important;padding:0 8px 0 14px!important}.story-intro .eyebrow{font-size:8px!important;letter-spacing:.12em!important}.brand-story-bottom>span{max-width:110px}.hero-actions{flex-wrap:nowrap!important}.hero-actions .btn{flex:1;font-size:10px!important;white-space:nowrap}.hero h1{font-size:13.7vw!important}.brand-motion .story-intro .hero-copy{font-size:12px!important}}
/* Preserve viewport scrolling so the branded scene can remain sticky on mobile. */
html,body{overflow-x:clip!important;overflow-y:visible!important}body.dialog-open{overflow:hidden!important}

/* Founder leads the team; supporting specialists stay intentionally compact. */
.founder-team-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:64px;align-items:center}.founder-profile{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;min-width:0}.founder-portrait{display:block;width:100%;height:440px;object-fit:cover;object-position:center;border-radius:24px}.founder-label{display:block;font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)}.founder-copy h3{font-size:60px;line-height:1;margin:18px 0 24px;letter-spacing:-.05em}.founder-copy .founder-role{font-size:18px;line-height:1.45;color:var(--ink);margin:0 0 18px}.founder-copy p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.specialists-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 24px}.specialist-row{display:flex;gap:18px;align-items:center;padding:22px 0;border-top:1px solid #7088FF50}.specialist-row img{width:64px;height:76px;object-fit:cover;object-position:center;border-radius:10px;flex:none}.specialist-row h3{font-size:20px;letter-spacing:-.02em;margin:0 0 5px}.specialist-row span{font-size:9px;color:var(--copper);letter-spacing:.04em}.specialist-row p{font-size:11px;line-height:1.6;color:var(--muted);margin:7px 0 0}
#contact.cta{background:var(--bg,#06080F)!important;border-radius:0!important;box-shadow:none!important;border:0!important}
@media(max-width:1000px){.founder-team-layout{gap:32px;grid-template-columns:1.5fr 1fr}.founder-profile{grid-template-columns:1fr;gap:22px}.founder-portrait{height:400px}.founder-copy h3{font-size:48px;margin:12px 0 16px}.founder-copy .founder-role{font-size:17px}}
@media(max-width:700px){.founder-team-layout{grid-template-columns:1fr;gap:40px}.founder-profile{gap:24px}.founder-portrait{height:auto;aspect-ratio:4/4.5;max-height:440px;border-radius:20px}.founder-copy h3{font-size:50px}.founder-copy .founder-role{font-size:18px}.specialists-label{margin-bottom:16px;font-size:9px}.specialist-row{padding:17px 0;gap:18px}.specialist-row img{width:54px;height:64px}.specialist-row h3{font-size:18px}.specialist-row p{font-size:11px}.specialist-row span{font-size:8px}}

.founder-expertise{grid-column:1/-1;min-width:0;margin-top:8px}.expertise-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #7088FF55;padding-bottom:14px}.expertise-tabs button{appearance:none;font-family:inherit;font-size:11px;line-height:1.4;padding:11px 14px;border:1px solid transparent;border-radius:24px;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s,background .2s}.expertise-tabs button[aria-selected="true"]{color:var(--paper,#FFFFFF);background:#F4F2ED20;border-color:#F4F2ED66}.expertise-tabs button:hover{color:var(--paper,#FFFFFF)}.expertise-panel{padding:26px 0 0;min-height:205px;animation:expertise-in .35s ease both}.expertise-panel[hidden]{display:none}.expertise-panel>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--copper)}.expertise-panel h4{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin:15px 0 14px;max-width:600px}.expertise-panel p{font-size:14px;line-height:1.75;color:var(--muted);max-width:650px;margin:0}.founder-team-layout{align-items:start}.specialists{padding-top:18px}@keyframes expertise-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.founder-expertise{margin-top:4px}.expertise-tabs{gap:5px}.expertise-tabs button{font-size:10px;padding:10px 12px}.expertise-panel{min-height:265px;padding-top:24px}.expertise-panel h4{font-size:27px}.expertise-panel p{font-size:13px;line-height:1.75}.specialists{padding-top:0}}
@media(prefers-reduced-motion:reduce){.expertise-panel{animation:none}}
/* Real project screens inside lightweight, responsive titanium device shells. */
.device-stage{height:100%;display:flex;align-items:center;justify-content:center;gap:28px;padding:42px 36px 70px;perspective:1400px;position:relative;isolation:isolate;transform:translateY(var(--device-y,0px));transition:transform .25s ease-out}.device-stage:before{content:'';position:absolute;width:65%;height:36%;bottom:8%;border-radius:50%;background:#0005;filter:blur(35px);z-index:-1}.device{position:relative;flex:none;filter:drop-shadow(0 25px 25px #0006);transform-style:preserve-3d}.device-display{position:relative;padding:7px;background:linear-gradient(120deg,#A1A0B1,#454547 18%,#151519 45%,#75747B 80%,#B7B6C3);border:1px solid #CBCAD47a;box-shadow:inset 0 0 0 2px #18181B,0 1px 2px #000;border-radius:34px}.device-screen{overflow:hidden;position:relative;background:#09090D;border:5px solid #08080A;border-radius:27px;display:flex;align-items:center;justify-content:center}.device-screen img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none;filter:none;border-radius:0;transform:none}.device-phone{width:39%;max-width:200px;transform:translateY(-12px) rotate(-7deg) rotateY(calc(-8deg + var(--device-tilt,0deg)));transition:transform .8s cubic-bezier(.16,1,.3,1)}.device-phone+.device-phone{transform:translateY(24px) rotate(7deg) rotateY(calc(8deg + var(--device-tilt,0deg)))}.device-phone .device-screen{aspect-ratio:9/19.5;padding-top:20px;padding-bottom:12px}.device-phone .device-camera{position:absolute;z-index:2;top:17px;left:50%;transform:translateX(-50%);width:26%;height:10px;border-radius:20px;background:#000;box-shadow:inset -5px 0 2px #1E1E24}.device-phone .device-base{position:absolute;bottom:17px;left:35%;width:30%;height:3px;border-radius:4px;background:#D2D1D9aa}.device-phone:before,.device-phone:after{content:'';position:absolute;left:-2px;top:23%;height:9%;width:3px;background:linear-gradient(#807F85,#29292B);border-radius:3px}.device-phone:after{top:35%;height:7%}.device-laptop{width:90%;max-width:850px;transform:rotateX(calc(5deg + var(--device-tilt,0deg))) rotateY(-6deg);transition:transform .8s cubic-bezier(.16,1,.3,1);padding-bottom:15px}.device-laptop .device-display{border-radius:15px 15px 5px 5px;padding:8px 8px 12px;background:linear-gradient(135deg,#A6A6AC,#4A4A4D 28%,#242428 60%,#919196)}.device-laptop .device-screen{aspect-ratio:16/10;border:5px solid #08080A;border-top-width:10px;border-radius:8px 8px 2px 2px}.device-laptop .device-camera{position:absolute;width:4px;height:4px;background:#2E2D37;border-radius:50%;top:12px;left:50%;z-index:2}.device-laptop .device-base{position:absolute;height:15px;left:-8%;right:-8%;bottom:0;border-radius:2px 2px 45% 45%/2px 2px 90% 90%;background:linear-gradient(#B7B7BB,#727179 40%,#333338 80%,#17171B);box-shadow:0 5px 4px #0005}.device-laptop .device-base:after{content:'';position:absolute;left:43%;width:14%;top:0;height:4px;border-radius:0 0 8px 8px;background:#54535B}.case-cover{height:510px;background-image:radial-gradient(ellipse at 50% 25%,#FFFFFF0b,transparent 65%)}.case-web .case-cover{height:650px;background:#0e1220 radial-gradient(ellipse at 50% 15%,#7088FF77,transparent 65%)}.case-system .device-stage{padding:35px 40px 60px}.case-system .device-laptop{width:94%}.case-tile:hover .device-phone{transform:translateY(-18px) rotate(-3deg) rotateY(0)}.case-tile:hover .device-phone+.device-phone{transform:translateY(16px) rotate(3deg) rotateY(0)}.case-tile:hover .device-laptop{transform:rotateX(0) rotateY(0) translateY(-7px)}.open-project{z-index:3}
.gallery-main.device-gallery{height:52svh;min-height:280px;padding:25px 35px 30px;background:radial-gradient(ellipse at 50% 25%,#7088FF35,transparent 75%),#06080F;align-items:center;overflow:hidden}.device-gallery .device{transform:none;transition:none}.device-gallery .device-phone{width:auto;height:100%;max-width:none;aspect-ratio:9/20.5}.device-gallery .device-phone .device-display{height:100%;padding:6px;border-radius:30px}.device-gallery .device-phone .device-screen{width:100%;height:100%;aspect-ratio:auto;border-radius:23px}.device-gallery .device-laptop{width:min(78%,700px);max-height:100%}.device-gallery .device-laptop .device-screen{aspect-ratio:16/10;max-height:calc(52svh - 95px)}.device-gallery .device-screen img{width:100%;height:100%;object-fit:contain}.device-gallery .device-laptop img{aspect-ratio:16/10}.device-gallery .device-phone .device-camera{top:15px}.device-gallery .device-phone .device-base{bottom:15px}
@media(max-width:1000px){.case-cover{height:440px}.device-stage{gap:20px;padding:40px 22px 65px}.device-phone{width:40%}.device-display{padding:5px;border-radius:27px}.device-screen{border-radius:22px;border-width:3px}.device-phone .device-camera{top:13px;height:8px}.device-phone .device-base{bottom:12px}.case-web .case-cover{height:500px}}
@media(max-width:700px){.case-cover{height:430px}.case-web .case-cover,.case-system .case-cover{height:310px}.device-stage{padding:30px 22px 65px;gap:16px}.device-phone{width:43%;max-width:165px}.device-phone .device-screen{padding-top:16px;padding-bottom:8px}.device-display{border-radius:25px}.device-screen{border-radius:20px}.device-phone .device-camera{top:12px;height:7px}.device-laptop{width:95%}.device-laptop .device-display{padding:5px 5px 8px;border-radius:10px 10px 4px 4px}.device-laptop .device-screen{border-width:3px;border-top-width:7px;border-radius:5px 5px 1px 1px}.device-laptop .device-camera{top:8px;width:3px;height:3px}.device-laptop .device-base{height:10px}.device-laptop{padding-bottom:10px}.case-system .device-stage{padding:30px 25px 60px}.gallery-main.device-gallery{height:45svh;padding:20px 15px 25px;min-height:270px}.device-gallery .device-laptop{width:90%}.device-gallery .device-laptop .device-screen{max-height:none}.device-gallery .device-phone{max-width:none}.device-gallery .device-phone .device-screen{padding-top:18px}.device-gallery .device-phone .device-camera{height:9px}}
@media(prefers-reduced-motion:reduce){.device-stage,.device,.case-tile:hover .device{transform:none!important;transition:none!important}}
/* Graphite, ivory, champagne and luminous violet. */
:root{--bg:#06080F;--bg2:#0B0E18;--ink:#F4F2ED;--paper:#FFFFFF;--muted:#9AA3B2;--line:#1D2334;--copper:#F4F2ED;--slate:#7088FF;--wine:#2443F0;--wine-deep:#121728;--dark:#0B0E18}
.wordmark{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:850;font-size:22px;letter-spacing:-.055em;white-space:nowrap;color:var(--paper)}.nav .brand.wordmark{display:block;width:auto!important;flex:0 0 auto}.pill.primary,.btn.wine{background:#2443F0!important;border-color:#2443F0!important;color:#06080F!important;box-shadow:none!important}.btn.primary{background:var(--copper);color:var(--bg)}.pill.primary:hover,.btn.wine:hover{background:#2443F0!important}.cta h2 span{color:#7088FF!important}.founder-copy{background:#0e1220!important}.case-app .case-cover{background:#121728}.case-payment .case-cover{background:#7088FF}.case-bot .case-cover{background:#161523}.case-system .case-cover{background:#F4F2ED}.price-folder{background:#0e1220;border-color:#7088FF45}.folder-telegram{background:#161523;border-color:#7088FF75}.folder-systems{background:#121728;border-color:#7088FF55}.folder-design{background:#0e1220}.hero h1 .outline{-webkit-text-stroke-color:#F4F2EDb0}.faq-item{background:#0B0E18!important;border-color:#7088FF40!important}.faq-item summary{line-height:1.45;align-items:flex-start;gap:24px}.faq-item summary>span{flex:none;margin-top:2px}.faq-item p{font-size:14px;line-height:1.85;color:#C5CBD5}.faq-intro{font-size:14px;color:var(--muted);max-width:240px}.instagram-feature{margin-top:42px;padding:30px 32px;border:1px solid #7088FF66;border-radius:24px;display:flex;align-items:center;gap:24px;background:linear-gradient(105deg,#2443F01c,transparent);transition:border-color .25s,transform .25s}.instagram-feature:hover{border-color:#7088FF;transform:translateY(-3px)}.instagram-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #7088FF80;border-radius:17px;font-size:30px;color:#7088FF;flex:none}.instagram-feature small{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--copper);margin-bottom:9px}.instagram-feature strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.035em}.instagram-feature span>span{display:block;font-size:12px;color:var(--muted);margin-top:10px}.instagram-feature>b{margin-left:auto;font-size:30px;font-weight:400;color:#7088FF}.contact-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}.contact-actions .btn{margin:0!important}.instagram-cta{border-color:#7088FF88;color:var(--paper)}
/* Fill the physical screen; full uncropped assets remain available in the gallery link. */
.device-screen{position:relative;padding:0!important}.device-screen img,.device-gallery .device-screen img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center top;aspect-ratio:auto!important}.device-laptop .device-screen{aspect-ratio:16/9!important}.device-gallery .device-laptop{width:min(86%,760px)}.device-gallery .device-laptop .device-screen{max-height:none}.device-gallery .device-phone .device-screen{height:100%;aspect-ratio:auto}.device-phone .device-screen{aspect-ratio:9/19.5}.device-phone .device-camera{pointer-events:none}
/* A second scroll chapter: dimensional numerals and one clear step at a time. */
#process{padding:90px 0;background:var(--bg)}.process-heading h2{font-size:clamp(38px,4.8vw,68px);line-height:1;letter-spacing:-.055em;margin:18px 0 0}.process-scenes{margin-top:45px}.process-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:35px 0;border-top:1px solid var(--line)}.process-numeral{font-size:clamp(140px,24vw,340px);line-height:.85;font-weight:850;letter-spacing:-.09em;background:linear-gradient(135deg,#FFFFFF 5%,#F4F2ED 28%,#FFFFFF 43%,#7088FF 65%,#2443F0 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 22px #0007);font-variant-numeric:tabular-nums}.process-copy h3{font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.045em;margin:22px 0}.process-copy p{font-size:16px;line-height:1.8;color:var(--muted);max-width:490px;margin:0}.process-result{margin-top:25px;padding-top:20px;border-top:1px solid #7088FF55;color:var(--copper);font-size:12px;line-height:1.6}.process-controls,.process-scroll-hint{display:none}
.process-motion #process{height:340svh;padding:0}.process-motion .process-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center}.process-motion .process-stage>.w{position:relative;padding-top:100px;padding-bottom:45px}.process-motion .process-heading h2{font-size:clamp(36px,4vw,57px)}.process-motion .process-scenes{position:relative;height:clamp(280px,39svh,410px);margin:32px 0}.process-motion .process-scene{position:absolute;inset:0;padding:0;border:0;opacity:0;pointer-events:none}.process-motion .process-scene.is-current{pointer-events:auto}.process-motion .process-numeral{transform:perspective(900px) rotateY(var(--step-rotation,0deg)) translateY(var(--step-shift,0px));opacity:var(--step-opacity,0);will-change:transform,opacity}.process-motion .process-copy{transform:translateY(var(--copy-shift,0px));opacity:var(--step-opacity,0)}.process-motion .process-scene{opacity:1}.process-motion .process-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process-controls button{border:0;border-top:2px solid #7088FF35;padding:17px 0 0;background:none;color:var(--muted);text-align:left;font:inherit;font-size:12px;cursor:pointer;transition:color .25s,border-color .25s}.process-controls button span{margin-right:13px;color:inherit;font-variant-numeric:tabular-nums}.process-controls button[aria-current="step"]{color:var(--paper);border-color:#7088FF}.process-motion .process-scroll-hint{display:block;font-size:9px;letter-spacing:.05em;color:var(--muted);margin-top:20px}
@media(max-width:700px){.wordmark{font-size:18px}.nav .brand.wordmark{font-size:17px!important}.instagram-feature{padding:23px 20px;gap:15px;align-items:flex-start}.instagram-icon{width:36px;height:36px;font-size:23px;border-radius:11px}.instagram-feature strong{font-size:21px}.instagram-feature span>span{font-size:11px;line-height:1.7}.instagram-feature>b{display:none}.contact-actions{flex-direction:column;align-items:stretch;gap:12px}.contact-actions .btn{width:100%;font-size:12px}.faq-item summary{font-size:15px}.faq-item p{font-size:13px;line-height:1.8}.device-gallery .device-laptop{width:95%}.process-scene{grid-template-columns:1fr;gap:25px}.process-numeral{font-size:145px}.process-copy h3{font-size:32px;margin:15px 0}.process-copy p{font-size:13px;line-height:1.7}.process-result{font-size:11px;margin-top:18px;padding-top:15px}.process-motion .process-stage>.w{padding-top:95px;padding-bottom:20px}.process-motion .process-heading h2{font-size:33px}.process-motion .process-scenes{height:400px;margin:24px 0 20px}.process-motion .process-scene{grid-template-columns:1fr;align-content:start;gap:22px}.process-motion .process-numeral{font-size:132px}.process-motion .process-copy .eyebrow{font-size:8px}.process-controls button{font-size:10px;padding-top:12px;line-height:1.5}.process-controls button span{display:block;margin:0 0 4px;font-size:12px}.process-motion .process-controls{gap:10px}.process-motion .process-scroll-hint{font-size:8px;margin-top:14px}}
@media(max-height:760px) and (max-width:700px){.process-motion .process-heading h2{font-size:28px}.process-motion .process-stage>.w{padding-top:90px;padding-bottom:15px}.process-motion .process-scenes{height:350px;margin:20px 0 10px}.process-motion .process-numeral{font-size:100px}.process-motion .process-scene{gap:18px}.process-copy h3{font-size:28px}.process-copy p{font-size:12px}.process-result{margin-top:12px;padding-top:10px}.process-motion .process-scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){.process-numeral,.process-copy{transform:none!important;opacity:1!important}.process-scene{opacity:1!important}}

@media(min-width:701px){.device-gallery .device-laptop{width:min(86%,760px,calc((52svh - 100px) * 1.7778))}}
/* Reference palette: espresso, oxblood, sky blue, ivory, soft silver. */
:root{--bg:#06080F;--bg2:#0B0E18;--ink:#F4F2ED;--paper:#FFFFFF;--muted:#9AA3B2;--line:#1D2334;--copper:#F4F2ED;--slate:#7088FF;--wine:#2443F0;--wine-deep:#121728;--dark:#0B0E18}
body, #process, .brand-stage,#contact.cta{background:#06080F!important}.nav{background:#06080Fe8!important;border-color:#F4F2ED30!important}.nav .brand.wordmark img{display:block;width:160px!important;height:auto!important}.dialog-header .wordmark img{display:block;width:145px;height:auto}.pill.primary,.btn.wine{background:#2443F0!important;color:#FFFFFF!important;border-color:#6B6981!important}.pill.primary:hover,.btn.wine:hover{background:#2443F0!important}.btn.primary{background:#7088FF!important;border-color:#7088FF!important;color:#06080F!important}.cta h2 span{color:#7088FF!important}.case-web .case-cover{background:#0e1220 radial-gradient(ellipse at 50% 15%,#7088FF33,transparent 65%)}.case-app .case-cover{background:#2443F0}.case-payment .case-cover{background:#7088FF}.case-bot .case-cover{background:#14131F}.case-system .case-cover{background:#F4F2ED}.folder-telegram{background:#161523;border-color:#7088FF55}.folder-systems{background:#121728;border-color:#63617680}.expertise-tabs button[aria-selected="true"]{background:#7088FF1a;border-color:#7088FF70;color:#F4F2ED}.instagram-feature{background:linear-gradient(110deg,#2443F050,transparent);border-color:#7088FF50}.instagram-icon{color:#7088FF}.process-numeral{background-image:linear-gradient(135deg,#FFFFFF,#F4F2ED 35%,#7088FF 65%,#2443F0)}
#process-webgl{display:none;position:absolute;left:0;top:0;width:46%;height:100%;pointer-events:none;z-index:0}#process-webgl canvas{display:block;width:100%;height:100%}.process-motion #process-webgl{display:block}.process-webgl-ready.process-motion .process-numeral{visibility:hidden}.process-copy{position:relative;z-index:1}.device-gallery{background:radial-gradient(ellipse at 50% 25%,#7088FF1a,transparent 75%),#06080F!important}
@media(max-width:700px){.nav .brand.wordmark img{width:112px!important}#process-webgl{width:100%;height:132px;top:-8px}}
@media(max-height:760px) and (max-width:700px){#process-webgl{height:100px}}
@media(prefers-reduced-motion:reduce){#process-webgl{display:none!important}.process-numeral{visibility:visible!important}}
/* Both animated chapters use the same benefits component and viewport geometry. */
.process-motion #process{height:400svh;padding:0;background:var(--bg)}.process-motion .process-chapter-stage{position:sticky;top:0;height:100svh;display:block;overflow:hidden}.process-motion .process-chapter-content{position:relative;height:100%;padding:0}.process-motion #process .benefit-title{opacity:1}.process-motion #process-webgl{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1}.process-chapter-content{z-index:2}.process-number-fallback{position:absolute;left:12%;top:35%;font-size:clamp(140px,23vw,330px);font-weight:850;line-height:1;color:var(--paper);pointer-events:none}.process-webgl-ready .process-number-fallback{visibility:hidden}.process-motion #process .brand-story-bottom{display:flex}.process-step{border:0}.benefit-copy h2 span{color:#7088FF}.benefit-dots button:after{background:#7088FF66}.benefit-dots button[aria-current]:after{background:#F4F2ED}
@media(max-width:700px){.process-motion #process{height:410svh}.process-motion .w.process-chapter-content{width:calc(100% - 32px)!important;margin:0 auto!important}.process-motion #process-webgl{inset:0;width:100%;height:100%}.process-number-fallback{left:0;right:0;top:37%;text-align:center;font-size:140px}}
body:not(.process-motion) #process{height:auto;padding:80px 0}body:not(.process-motion) .process-chapter-stage{position:relative;height:auto;overflow:visible}body:not(.process-motion) .process-chapter-content{height:auto}body:not(.process-motion) #process .benefit-title{position:relative;top:auto;left:auto;padding:0;opacity:1}body:not(.process-motion) #process .benefit-copy{position:relative;inset:auto;width:100%;padding:40px 0;opacity:1;pointer-events:auto}body:not(.process-motion) #process .brand-story-bottom,body:not(.process-motion) #process-webgl,body:not(.process-motion) .process-number-fallback{display:none}
/* Graphite foundation with distinct wine, sky, ivory and silver accent surfaces. */
:root{--bg:#06080F;--bg2:#0B0E18;--dark:#0B0E18;--line:#1D2334;--muted:#9AA3B2}
body,#process,.brand-stage,#contact.cta{background:#06080F!important}.nav{background:#06080Fe8!important}.case-web .case-cover{background:#DBDBDB}.case-app .case-cover{background:#2443F0}.case-payment .case-cover{background:#7088FF}.case-bot .case-cover{background:#2443F0}.case-system .case-cover{background:#F4F2ED}
.folder-web{background:#7088FF;color:#06080F;--muted:#363541;--copper:#2443F0;border-color:#7088FF}.folder-telegram{background:#2443F0;color:#FFFFFF;--muted:#D5D5DC;--copper:#7088FF;border-color:#656379}.folder-systems{background:#F4F2ED;color:#06080F;--muted:#47474B;--copper:#2443F0;border-color:#F4F2ED}.folder-design{background:#DBDBDB;color:#06080F;--muted:#43424E;--copper:#2443F0;border-color:#DBDBDB}.folder-web .folder-content,.folder-systems .folder-content,.folder-design .folder-content{border-top-color:#06080F26}.folder-web .folder-content a,.folder-systems .folder-content a,.folder-design .folder-content a{border-bottom-color:#06080F66}
.founder-copy{background:#2443F0!important;--muted:#D5D5DC;--copper:#7088FF}.founder-label{color:#7088FF}.instagram-feature{background:#7088FF;color:#06080F;border-color:#7088FF}.instagram-feature small{color:#2443F0}.instagram-feature span>span{color:#363541}.instagram-feature>b,.instagram-icon{color:#2443F0}.instagram-icon{border-color:#2443F055}.instagram-cta{background:#F4F2ED;color:#06080F;border-color:#F4F2ED}.faq-item summary>span{color:#7088FF}.faq-item[open]{border-color:#7088FF!important}.section-head .eyebrow,.benefit-index{color:#7088FF}