:root{color-scheme:dark;--bg: #030509;--bg-soft: #05070a;--panel: rgba(255, 255, 255, .055);--panel-strong: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .08);--line-strong: rgba(18, 207, 239, .42);--text: #ffffff;--muted: rgba(255, 255, 255, .56);--muted-strong: rgba(255, 255, 255, .72);--cyan: #00d8ff;--cyan-soft: #12cfef;--yellow: #ffd43b;--yellow-deep: #ffc933;--dark-card: #080d14;--radius-lg: 32px;--radius-md: 24px;--max-width: 1700px;font-family:Inter,Manrope,Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 78% 10%,rgba(0,216,255,.18),transparent 31rem),radial-gradient(circle at 18% 33%,rgba(255,212,59,.07),transparent 24rem),linear-gradient(180deg,#030509,#05070a 46%,#030509);color:var(--text)}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.18) 1px,transparent 0);background-size:22px 22px}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:96px 96px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.portfolio-shell{width:min(var(--max-width),calc(100% - 64px));margin:0 auto;overflow:hidden}.section-frame{position:relative;width:100%;margin:0 auto}.eyebrow{margin:0 0 22px;color:var(--cyan-soft);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h2{max-width:980px;margin-bottom:22px;color:var(--text);font-size:clamp(3.2rem,6vw,7.3rem);line-height:.94;letter-spacing:-.06em}h3{margin-bottom:14px;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1;letter-spacing:-.04em}p{color:var(--muted);line-height:1.8}.reveal-on-scroll{opacity:0;transform:translateY(34px);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;border-radius:999px;font-weight:800;transition:transform .26s ease,border-color .26s ease,background .26s ease,box-shadow .26s ease}.btn span{transition:transform .26s ease}.btn:hover{transform:translateY(-3px)}.btn:hover span{transform:translate(5px)}.btn--primary{color:#05070a;background:linear-gradient(135deg,var(--yellow),var(--yellow-deep));box-shadow:0 18px 44px #ffd43b33}.btn--ghost{color:var(--text);border:1px solid var(--line);background:#ffffff0a}.btn--ghost:hover{border-color:var(--line-strong);box-shadow:0 16px 36px #00d8ff1f}.hero{min-height:900px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(520px,.78fr);gap:70px;align-items:center;padding:68px 0 120px}.hero:before{content:"";position:absolute;inset:8% -8% auto auto;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(0,216,255,.2),transparent 64%);filter:blur(14px);pointer-events:none}.hero__content{position:relative;z-index:2}.hero__title{max-width:1040px;margin-bottom:30px;font-size:clamp(5.4rem,8.6vw,9.5rem);line-height:.9;letter-spacing:-.075em}.hero__title span{display:block;opacity:0;transform:translateY(28px);animation:titleIn .85s cubic-bezier(.2,.8,.2,1) forwards}.hero__title span:nth-child(2){animation-delay:.13s}.hero__title span:nth-child(3){animation-delay:.25s}.hero__title em{color:var(--cyan);font-style:normal;text-shadow:0 0 38px rgba(0,216,255,.28)}.hero__copy{max-width:740px;margin-bottom:36px;font-size:clamp(1.06rem,1.2vw,1.32rem)}.hero__actions{display:flex;gap:14px;flex-wrap:wrap}.hero-visual{position:relative;min-height:660px;perspective:1200px}.hero-visual:before{content:"";position:absolute;inset:12% 6% 0 auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.86),transparent 7%),radial-gradient(circle at 44% 39%,rgba(0,216,255,.62),transparent 20%),radial-gradient(circle at 60% 58%,rgba(21,64,255,.28),transparent 35%),linear-gradient(135deg,#ffffff29,#ffffff05);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 70px #ffffff1f,0 0 120px #00d8ff38;filter:saturate(1.1);animation:floatY 6s ease-in-out infinite}.hero-visual:after{content:"";position:absolute;inset:22% 15% auto auto;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:46% 54% 60% 40%;background:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:34px 34px;transform:rotate(-10deg);opacity:.44}.orb{position:absolute;border-radius:50%;pointer-events:none}.orb--main{right:2%;bottom:9%;width:230px;height:230px;background:radial-gradient(circle,rgba(0,216,255,.22),transparent 68%);filter:blur(4px)}.orb--small{top:7%;right:22%;width:92px;height:92px;background:radial-gradient(circle,rgba(255,212,59,.26),transparent 65%);animation:floatY 5s ease-in-out infinite reverse}.glass-panel,.floating-stats{position:absolute;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(145deg,#ffffff1f,#ffffff09);box-shadow:0 30px 70px #00000047;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.glass-panel{width:290px;padding:22px;z-index:3}.glass-panel--top{top:10%;left:0;transform:rotate(-5deg)}.glass-panel--bottom{right:1%;bottom:12%;transform:rotate(4deg)}.panel-label,.glass-panel small{display:block;margin-bottom:12px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.glass-panel strong{display:block;margin-bottom:18px;font-size:1.35rem}.panel-lines,.signal-bars{display:grid;gap:9px}.panel-lines span{display:block;height:7px;border-radius:999px;background:#ffffff21}.panel-lines span:nth-child(2){width:72%}.panel-lines span:nth-child(3){width:46%;background:#00d8ff47}.signal-bars{grid-template-columns:repeat(4,1fr);align-items:end;min-height:64px}.signal-bars i{display:block;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,var(--cyan),rgba(0,216,255,.18));animation:barPulse 2.2s ease-in-out infinite}.signal-bars i:nth-child(1){height:38px}.signal-bars i:nth-child(2){height:54px;animation-delay:.18s}.signal-bars i:nth-child(3){height:30px;animation-delay:.32s}.signal-bars i:nth-child(4){height:62px;animation-delay:.46s}.floating-stats{left:8%;bottom:4%;z-index:4;display:grid;gap:10px;width:310px;padding:16px}.floating-stats span{display:flex;align-items:center;gap:10px;color:var(--muted-strong);font-size:.92rem}.floating-stats span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px #00d8ff99}.design-logic,.projects,.motion,.contact{padding:130px 0}.section-heading{margin-bottom:64px}.section-heading p:last-child{max-width:650px;font-size:1.1rem}.section-heading--wide{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:60px;align-items:end}.logic-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:center}.logic-tags{display:flex;flex-wrap:wrap;gap:16px;max-width:520px}.logic-tag{min-height:58px;padding:0 24px;color:var(--text);border:1px solid var(--line);border-radius:999px;background:#ffffff0a;cursor:pointer;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.logic-tag:hover{border-color:var(--line-strong);box-shadow:0 0 26px #00d8ff21;transform:translateY(-3px)}.method-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.method-card{min-height:330px;padding:28px;color:#05070a;border-radius:var(--radius-lg);background:radial-gradient(circle at 80% 0%,rgba(0,216,255,.18),transparent 36%),#f3f6f7;box-shadow:0 30px 80px #00000047;transition:transform .26s ease,box-shadow .26s ease}.method-card:nth-child(2){margin-top:48px}.method-card:nth-child(3){margin-top:18px}.method-card:hover{transform:translateY(-10px) rotate(-1.5deg);box-shadow:0 40px 96px #00d8ff24}.method-card__meta{display:flex;justify-content:space-between;margin-bottom:78px;color:#05070a94;font-size:.82rem;font-weight:800}.method-card__meta small{padding:7px 10px;border:1px solid rgba(5,7,10,.12);border-radius:999px}.method-card h3{color:#05070a}.method-card p{color:#05070a9e}.project-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:112px;gap:18px}.project-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);overflow:hidden;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.project-card:before{content:"";position:absolute;inset:auto -20% -34% 20%;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,216,255,.16),transparent 68%);opacity:.7;transition:opacity .26s ease,transform .26s ease}.project-card:hover{transform:translateY(-10px);border-color:var(--line-strong);box-shadow:0 34px 88px #00d8ff1f}.project-card:hover:before{opacity:1;transform:scale(1.12)}.project-card__top,.view-case{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;color:var(--muted-strong);font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.project-card h3,.project-card p{position:relative;z-index:2}.project-card__visual{position:relative;z-index:2;display:grid;gap:10px;width:min(100%,340px);margin:10px 0 26px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:radial-gradient(circle at 78% 18%,rgba(0,216,255,.2),transparent 32%),linear-gradient(145deg,#ffffff1a,#ffffff06)}.project-card__visual span{display:block;height:12px;border-radius:999px;background:#ffffff29}.project-card__visual span:first-child{width:42%;background:#00d8ff6b}.project-card__visual span:nth-child(2){width:78%}.project-card__visual span:nth-child(3){width:58%}.project-card--light .project-card__visual{border-color:#05070a1a;background:radial-gradient(circle at 78% 18%,rgba(0,216,255,.18),transparent 32%),#05070a0b}.project-card--light .project-card__visual span{background:#05070a24}.project-card--light .project-card__visual span:first-child{background:#008eac6b}.project-card p{max-width:440px}.view-case{justify-content:flex-start;opacity:0;transform:translateY(12px);transition:opacity .26s ease,transform .26s ease}.project-card:hover .view-case{opacity:1;transform:translateY(0)}.project-card--dark.large{grid-column:span 5;grid-row:span 4;background:linear-gradient(145deg,#ffffff14,#ffffff08),#070b12}.project-card--light{grid-column:span 4;grid-row:span 3;margin-top:64px;color:#05070a;background:#f4f7f8}.project-card--light h3,.project-card--light p,.project-card--light .project-card__top,.project-card--light .view-case{color:#05070a}.project-card--cyan.tall{grid-column:span 3;grid-row:span 5;color:#020508;background:radial-gradient(circle at 22% 0%,rgba(255,255,255,.84),transparent 22%),linear-gradient(160deg,#00d8ff,#0d7e95 72%)}.project-card--cyan.tall p,.project-card--cyan.tall .project-card__top,.project-card--cyan.tall .view-case{color:#020508b8}.project-card--glass{grid-column:2 / span 4;grid-row:span 3}.project-card--light.offset{grid-column:span 4;grid-row:span 3;margin-top:-44px}.project-card--dark{grid-column:span 4;grid-row:span 3}.motion{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;min-height:860px}.motion:before,.motion:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.motion:before{right:-18%;top:20%;width:760px;height:760px;background:radial-gradient(circle,rgba(0,216,255,.16),transparent 64%)}.motion:after{left:-18%;bottom:4%;width:580px;height:580px;background:radial-gradient(circle,rgba(255,212,59,.08),transparent 64%)}.motion__copy p:not(.eyebrow){max-width:560px;margin-bottom:34px;font-size:1.12rem}.mockup-stage{position:relative;min-height:620px}.phone-mockup{position:absolute;width:275px;height:540px;padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:42px;background:linear-gradient(145deg,#ffffff29,#ffffff0b);box-shadow:0 46px 110px #00000073;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:transform .28s ease,box-shadow .28s ease}.phone-mockup:hover{transform:translateY(-18px) rotate(0) scale(1.02);box-shadow:0 56px 130px #00d8ff24}.phone-mockup--left{left:2%;top:74px;transform:rotate(-12deg)}.phone-mockup--center{left:35%;top:0;z-index:2;transform:rotate(4deg)}.phone-mockup--right{right:0;top:96px;transform:rotate(13deg)}.phone-mockup__screen{height:100%;padding:22px;border-radius:32px;background:radial-gradient(circle at 50% 0%,rgba(0,216,255,.16),transparent 34%),#060a10;overflow:hidden}.phone-mockup__header,.phone-mockup__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.phone-mockup__header span{font-weight:800}.phone-mockup__header i{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--yellow))}.chart-card{display:flex;align-items:end;gap:12px;height:190px;margin:36px 0 24px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff0d}.chart-card span{flex:1;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,var(--cyan),rgba(0,216,255,.08));animation:barPulse 2.4s ease-in-out infinite}.chart-card span:nth-child(1){height:42%}.chart-card span:nth-child(2){height:76%;animation-delay:.24s}.chart-card span:nth-child(3){height:56%;animation-delay:.42s}.mini-ui-list{display:grid;gap:12px;margin-bottom:42px}.mini-ui-list i{display:block;height:48px;border:1px solid var(--line);border-radius:18px;background:#ffffff0e}.phone-mockup__bottom strong,.phone-mockup__bottom small{display:block}.phone-mockup__bottom small{color:var(--muted)}.contact{padding-bottom:46px}.contact__inner{position:relative;padding:76px;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 88% 18%,rgba(0,216,255,.18),transparent 34%),linear-gradient(145deg,#ffffff14,#ffffff07);overflow:hidden}.status-pill{display:inline-flex;margin-bottom:30px;padding:10px 16px;border:1px solid rgba(0,216,255,.25);border-radius:999px;color:var(--cyan-soft);background:#00d8ff0f;font-size:.88rem;font-weight:800}.contact h2{max-width:1120px}.contact p{max-width:760px;margin-bottom:36px;font-size:1.12rem}.contact-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:58px}.email-link{color:var(--muted-strong);border-bottom:1px solid rgba(255,255,255,.22);transition:color .22s ease,border-color .22s ease}.email-link:hover{color:var(--cyan);border-color:var(--cyan)}.social-links{display:flex;flex-wrap:wrap;gap:12px}.social-links a{padding:12px 16px;border:1px solid var(--line);border-radius:999px;color:var(--muted-strong);transition:color .22s ease,border-color .22s ease,transform .22s ease}.social-links a:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-3px)}.site-credit{display:flex;justify-content:space-between;gap:22px;padding:28px 0 0;color:#ffffff6b;font-size:.92rem}@keyframes titleIn{to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes barPulse{0%,to{transform:scaleY(.82);opacity:.72}50%{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-on-scroll{opacity:1;transform:none}}@media(max-width:1440px){.portfolio-shell{width:min(var(--max-width),calc(100% - 48px))}.hero{grid-template-columns:minmax(0,1fr) minmax(460px,.84fr);gap:42px}.hero__title{font-size:clamp(5rem,8vw,8.2rem)}.phone-mockup{width:245px;height:500px}}@media(max-width:1280px){.hero,.logic-layout,.motion,.section-heading--wide{grid-template-columns:1fr}.hero{min-height:auto;padding-top:92px}.hero-visual{min-height:560px}.method-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.project-mosaic{grid-auto-rows:auto}.project-card,.project-card--dark.large,.project-card--light,.project-card--cyan.tall,.project-card--glass,.project-card--light.offset,.project-card--dark{grid-column:span 6;grid-row:auto;min-height:330px;margin-top:0}.project-card__visual{min-height:96px}.mockup-stage{min-height:600px}}@media(max-width:860px){.portfolio-shell{width:min(100% - 28px,var(--max-width))}.hero,.design-logic,.projects,.motion,.contact{padding:76px 0}.hero__title{font-size:clamp(3.7rem,15vw,5.2rem)}h2{font-size:clamp(3rem,13vw,5rem)}.hero-visual{min-height:520px}.hero-visual:before{width:360px;height:360px;right:5%}.hero-visual:after{width:300px;height:300px;right:11%}.glass-panel{width:min(280px,88vw)}.floating-stats{width:min(310px,88vw)}.method-stack,.project-mosaic{display:grid;grid-template-columns:1fr}.method-card,.method-card:nth-child(2),.method-card:nth-child(3),.project-card,.project-card--dark.large,.project-card--light,.project-card--cyan.tall,.project-card--glass,.project-card--light.offset,.project-card--dark{grid-column:auto;margin-top:0}.mockup-stage{min-height:auto;display:grid;gap:22px}.phone-mockup,.phone-mockup--left,.phone-mockup--center,.phone-mockup--right{position:relative;inset:auto;width:min(100%,330px);height:560px;margin:0 auto;transform:none}.contact__inner{padding:32px}.site-credit{flex-direction:column}}@media(max-width:520px){.hero__actions,.contact-actions{align-items:stretch;flex-direction:column}.btn{width:100%}.logic-tags{gap:10px}.logic-tag{min-height:50px;padding:0 16px}.project-card,.method-card{padding:22px;border-radius:24px}}