:root{--bg:#05070b;--surface:#0b0f17;--surface2:#101722;--text:#f4f7fb;--muted:#98a2b3;--line:rgba(255,255,255,.12);--accent:#71f7c7;--accent2:#68a7ff;--success:#71f7c7;--warn:#ffc46b;--radius:24px;--ease:cubic-bezier(.16,1,.3,1);--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% -10%,rgba(104,167,255,.14),transparent 34%),radial-gradient(circle at 86% 8%,rgba(113,247,199,.09),transparent 28%),var(--bg);line-height:1.55;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.eyebrow{font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--muted)}
.site-header{position:fixed;z-index:100;inset:16px 0 auto}.nav-shell{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 20px;border:1px solid var(--line);border-radius:20px;background:rgba(7,10,15,.72);backdrop-filter:blur(22px);box-shadow:0 16px 60px rgba(0,0,0,.28)}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#03110c;background:linear-gradient(135deg,var(--accent),#d9fff1);font:900 13px/1 ui-monospace,monospace;box-shadow:0 0 32px rgba(113,247,199,.22)}.brand small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a{padding:10px 14px;border-radius:999px;color:#c7cfda;font-size:14px}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{background:rgba(255,255,255,.07);color:#fff}.nav-cta{display:inline-flex!important;background:var(--text)!important;color:#07100d!important;font-weight:750!important}.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.05);color:white;position:relative;cursor:pointer}.menu-toggle span{position:absolute;left:13px;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease),top .35s var(--ease),opacity .2s}.menu-toggle span:first-child{top:19px}.menu-toggle span:last-child{top:27px}.menu-toggle[aria-expanded=true] span:first-child{top:23px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{top:23px;transform:rotate(-45deg)}.mobile-menu{position:fixed;z-index:95;inset:0;display:grid;align-content:center;padding:112px 24px 32px;background:rgba(4,6,10,.97);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.45s var(--ease)}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.mobile-menu nav{display:grid;gap:8px}.mobile-menu a{font-size:clamp(2rem,10vw,4rem);font-weight:700;letter-spacing:-.05em;padding:6px 0;border-bottom:1px solid var(--line)}.mobile-menu .mobile-contact{font-size:16px;color:var(--accent);border:0;margin-top:20px}
.page-transition{position:fixed;z-index:999;inset:0;pointer-events:none;background:var(--accent);transform:scaleY(0);transform-origin:bottom}.page-transition.out{animation:wipe .65s var(--ease) forwards}@keyframes wipe{50%{transform:scaleY(1);transform-origin:bottom}51%{transform-origin:top}100%{transform:scaleY(0);transform-origin:top}}
main{position:relative}.hero{min-height:100svh;display:grid;align-items:center;padding:152px 0 80px;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:64px;align-items:center}.hero h1,.page-hero h1{margin:18px 0 24px;font-size:clamp(3.25rem,7.3vw,7.8rem);line-height:.87;letter-spacing:-.072em;max-width:980px}.hero h1 .gradient,.page-hero h1 .gradient{color:transparent;background:linear-gradient(100deg,#fff 20%,var(--accent) 68%,var(--accent2));background-clip:text;-webkit-background-clip:text}.hero-copy>p{max-width:700px;font-size:clamp(18px,1.5vw,23px);color:#b1bac8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border:1px solid var(--line);border-radius:999px;font-weight:720;transition:transform .25s var(--ease),background .25s,color .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--accent);color:#03110c;border-color:transparent}.btn-secondary{background:rgba(255,255,255,.05)}.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:40px;color:var(--muted);font-size:13px}.trust-row span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.chip-stage{position:relative;min-height:620px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(113,247,199,.18),transparent 34%),linear-gradient(145deg,#0c121d,#06080c)}#chip-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.chip-fallback{position:absolute;inset:18%;display:grid;place-items:center;border:1px solid rgba(113,247,199,.36);border-radius:28px;background:linear-gradient(145deg,#172231,#080c12);transform:rotate(-9deg);box-shadow:0 50px 100px rgba(0,0,0,.6),inset 0 0 45px rgba(113,247,199,.08)}.chip-core{display:grid;place-items:center;width:60%;aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:radial-gradient(circle at 35% 25%,#3b5362,#111923 55%,#06080b);font:900 clamp(2rem,6vw,5rem)/1 ui-monospace,monospace;color:var(--accent);text-shadow:0 0 30px rgba(113,247,199,.8)}.chip-pin{position:absolute;background:linear-gradient(90deg,#67727f,#d8e1e8,#59636f);border-radius:4px}.chip-pin.h{height:8px;width:16%;left:-10%}.chip-pin.v{width:8px;height:16%;top:-10%}.chip-pin:nth-of-type(1){top:20%}.chip-pin:nth-of-type(2){top:48%}.chip-pin:nth-of-type(3){top:76%}.chip-pin:nth-of-type(4){left:20%}.chip-pin:nth-of-type(5){left:48%}.chip-pin:nth-of-type(6){left:76%}.chip-label{position:absolute;left:24px;bottom:24px;padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(5,7,11,.65);backdrop-filter:blur(12px);font:650 12px/1 ui-monospace,monospace;color:var(--accent)}.orb{position:absolute;width:260px;height:260px;border:1px solid rgba(104,167,255,.2);border-radius:50%;filter:blur(.2px);animation:orbit 16s linear infinite}.orb:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent2);box-shadow:0 0 24px var(--accent2);top:10px;left:50%}@keyframes orbit{to{transform:rotate(360deg)}}
.section{padding:128px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:56px}.section-head h2{margin:12px 0 0;font-size:clamp(2.4rem,5vw,5rem);line-height:.95;letter-spacing:-.055em}.section-head p{max-width:650px;margin:0 0 6px;color:var(--muted);font-size:18px}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.work-card{grid-column:span 6;min-height:520px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:transform .55s var(--ease),border-color .3s}.work-card:nth-child(3n){grid-column:span 7}.work-card:nth-child(3n+1):not(:first-child){grid-column:span 5}.work-card:hover{transform:translateY(-8px);border-color:rgba(113,247,199,.45)}.work-visual{min-height:330px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 60%),#080b10;overflow:hidden}.work-visual img{width:72%;max-height:250px;object-fit:contain;border-radius:16px;filter:saturate(.9);transition:transform .7s var(--ease)}.work-card:hover img{transform:scale(1.05) rotate(-1deg)}.work-meta{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-top:22px}.work-meta h3{font-size:clamp(1.4rem,3vw,2.4rem);letter-spacing:-.04em;margin:0}.status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(113,247,199,.09);color:var(--accent);font-size:12px;font-weight:700}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{min-height:360px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));display:flex;flex-direction:column;justify-content:space-between}.service-card .number{font:700 13px/1 ui-monospace,monospace;color:var(--accent)}.service-card h3{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1;letter-spacing:-.04em;margin:0 0 16px}.service-card p{color:var(--muted);margin:0}.service-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.service-list span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:#cbd3df}
.manifesto{padding:80px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(130deg,rgba(104,167,255,.12),rgba(113,247,199,.05));position:relative;overflow:hidden}.manifesto p{font-size:clamp(2rem,5vw,5.4rem);line-height:1.04;letter-spacing:-.055em;margin:0;max-width:1150px}.manifesto p span{color:var(--accent)}
.page-hero{padding:180px 0 96px;min-height:72svh;display:flex;align-items:end;border-bottom:1px solid var(--line)}.page-hero p{max-width:760px;font-size:clamp(18px,2vw,24px);color:var(--muted)}.process{display:grid;gap:0}.process-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:32px;padding:40px 0;border-top:1px solid var(--line)}.process-row span{font:700 12px ui-monospace,monospace;color:var(--accent)}.process-row h3{margin:0;font-size:clamp(1.6rem,3vw,3rem);letter-spacing:-.04em}.process-row p{margin:0;color:var(--muted);max-width:580px}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.portrait-placeholder{position:sticky;top:120px;aspect-ratio:4/5;border-radius:32px;border:1px solid var(--line);background:radial-gradient(circle at 50% 28%,rgba(113,247,199,.18),transparent 30%),linear-gradient(145deg,#121a27,#07090d);display:grid;place-items:center;overflow:hidden}.portrait-placeholder .tm{font-size:clamp(5rem,14vw,12rem);font-weight:900;letter-spacing:-.1em;color:rgba(255,255,255,.06)}.about-copy h2{font-size:clamp(2.5rem,5vw,5.5rem);line-height:.98;letter-spacing:-.05em;margin:0 0 32px}.about-copy p{font-size:20px;color:#b3bdca}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}.fact{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.fact strong{display:block;font-size:1.3rem;margin-bottom:8px}
.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}.contact-links{display:grid;gap:12px}.contact-link{display:flex;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:.3s var(--ease)}.contact-link:hover{transform:translateX(8px);border-color:rgba(113,247,199,.45)}.contact-link small{color:var(--muted)}.contact-panel{padding:32px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(113,247,199,.09),rgba(104,167,255,.05))}.contact-panel h2{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.05em;margin:0 0 20px}
.cta-band{padding:40px 0 120px}.cta-card{padding:72px;border-radius:32px;background:var(--accent);color:#03110c;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.cta-card h2{font-size:clamp(2.5rem,5.5vw,6rem);line-height:.92;letter-spacing:-.06em;margin:0}.cta-card .btn{background:#03110c;color:#fff;border-color:#03110c}.site-footer{padding:56px 0 32px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:48px}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px 32px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}.cursor-glow{position:fixed;z-index:-1;width:420px;height:420px;border-radius:50%;background:rgba(113,247,199,.045);filter:blur(30px);pointer-events:none;transform:translate(-50%,-50%)}
@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:block}.hero-grid,.section-head,.about-grid,.contact-layout{grid-template-columns:1fr}.hero{padding-top:130px}.chip-stage{min-height:500px}.service-grid{grid-template-columns:1fr 1fr}.work-card,.work-card:nth-child(3n),.work-card:nth-child(3n+1):not(:first-child){grid-column:span 12}.about-grid{gap:40px}.portrait-placeholder{position:relative;top:auto;max-height:640px}.cta-card{grid-template-columns:1fr}.process-row{grid-template-columns:64px 1fr}.process-row p{grid-column:2}}
@media(max-width:640px){.container{width:min(calc(100% - 40px),var(--max))}.site-header{inset:10px 0 auto}.nav-shell{height:64px;border-radius:16px}.brand small{display:none}.hero{min-height:auto;padding:120px 0 64px}.hero h1,.page-hero h1{font-size:clamp(3rem,16vw,5.1rem)}.chip-stage{min-height:420px;border-radius:24px}.chip-fallback{inset:20% 15%}.section{padding:88px 0}.section-head{gap:20px;margin-bottom:36px}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px}.work-card{min-height:420px;padding:16px}.work-visual{min-height:260px}.manifesto{padding:32px 24px}.page-hero{padding:140px 0 72px;min-height:64svh}.process-row{grid-template-columns:42px 1fr;gap:16px}.facts{grid-template-columns:1fr}.cta-band{padding-bottom:80px}.cta-card{padding:36px 24px}.footer-grid{grid-template-columns:1fr}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* TM Studio 2026 visual evolution — content and projects preserved */
:root{--accent:#25e58f;--accent2:#ff3b4f;--success:#25e58f}
body{background:radial-gradient(circle at 12% -8%,rgba(37,229,143,.12),transparent 35%),radial-gradient(circle at 88% 6%,rgba(255,59,79,.11),transparent 30%),var(--bg)}
.brand-mark{background:linear-gradient(135deg,var(--accent),#eafff6);box-shadow:0 0 32px rgba(37,229,143,.24)}
.gradient{background:linear-gradient(90deg,var(--accent),#fff 46%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.intro-experience{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;overflow:hidden;background:#030406;transition:opacity .8s var(--ease),visibility .8s}.intro-experience.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-experience:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at center,#000,transparent 80%)}#intro-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.intro-copy{position:relative;z-index:2;text-align:center;width:min(760px,calc(100% - 40px));pointer-events:none}.intro-kicker{font:700 11px/1 ui-monospace,monospace;letter-spacing:.22em;color:var(--accent)}.intro-copy h2{margin:18px 0 12px;font-size:clamp(3rem,10vw,8.6rem);line-height:.82;letter-spacing:-.075em}.intro-copy p{color:var(--muted);font-size:clamp(15px,2vw,20px)}.intro-enter{pointer-events:auto;margin-top:24px;padding:15px 22px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;backdrop-filter:blur(14px);transition:.3s var(--ease)}.intro-enter:hover{background:var(--accent);color:#02110a;border-color:transparent;transform:translateY(-3px)}.intro-progress{position:absolute;left:24px;right:24px;bottom:24px;height:2px;background:rgba(255,255,255,.1)}.intro-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));animation:introLoad 2.2s var(--ease) forwards}@keyframes introLoad{to{width:100%}}
.portrait-stage{position:relative;min-height:620px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:#080a0e;isolation:isolate;cursor:crosshair;touch-action:pan-y}.portrait-base,.portrait-color img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 16%;transform:scale(1.02)}.portrait-base{filter:grayscale(1) contrast(1.07) brightness(.82)}.portrait-color{position:absolute;inset:0;clip-path:circle(var(--reveal,0px) at var(--x,50%) var(--y,50%));transition:clip-path .16s linear}.portrait-color:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),transparent 0 28%,rgba(37,229,143,.06) 45%,rgba(255,59,79,.08) 72%,rgba(0,0,0,.2));mix-blend-mode:screen}.portrait-grid{position:absolute;inset:0;z-index:2;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%);pointer-events:none}.portrait-tag{position:absolute;z-index:3;left:24px;top:24px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(4,6,9,.58);backdrop-filter:blur(16px)}.portrait-tag span{display:block;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.12em;color:var(--accent)}.portrait-tag strong{display:block;margin-top:7px;font-size:14px}.portrait-hint{position:absolute;z-index:3;left:24px;bottom:24px;padding:12px 15px;border-radius:999px;background:rgba(4,6,9,.7);border:1px solid var(--line);font:650 10px/1 ui-monospace,monospace;letter-spacing:.11em;color:#fff}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{position:relative;display:flex;flex-direction:column;min-height:610px;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));overflow:hidden}.price-card.featured{border-color:rgba(37,229,143,.48);box-shadow:0 34px 100px rgba(37,229,143,.09);transform:translateY(-16px)}.price-card.featured:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(37,229,143,.15),transparent 38%);pointer-events:none}.popular{position:absolute;right:18px;top:18px;padding:8px 10px;border-radius:999px;background:var(--accent);color:#02110a;font:800 10px/1 ui-monospace,monospace;letter-spacing:.08em}.price-card h3{font-size:clamp(2.3rem,4vw,4.2rem);line-height:.92;letter-spacing:-.055em;margin:10px 0 18px}.price-copy{min-height:78px;color:var(--muted)}.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:28px 0}.price del{color:#707985}.price strong{font-size:clamp(2.5rem,4vw,4rem);line-height:1;color:#fff}.price span{color:var(--muted);font-size:13px}.price-card ul{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:13px;color:#cbd3df}.price-card li:before{content:"↗";margin-right:10px;color:var(--accent)}.price-card .btn{margin-top:auto;justify-content:center}
@media(max-width:980px){.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.portrait-stage{min-height:680px}}
@media(max-width:640px){.intro-copy h2{font-size:clamp(3.2rem,17vw,5.4rem)}.intro-copy p{max-width:290px;margin-inline:auto}.portrait-stage{min-height:560px;border-radius:24px}.portrait-base,.portrait-color img{object-position:58% 12%}.portrait-tag{left:14px;top:14px}.portrait-hint{left:14px;right:14px;bottom:14px;text-align:center;font-size:9px}.price-card{min-height:auto;padding:24px}.price-copy{min-height:0}}