:root{--bg:#050303;--ink:#f7f1ea;--muted:#9d918a;--orange:#ff6a00;--orange-hot:#ff9b42;--violet:#9d7cff;--blue:#8ca7ff;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Instrument Sans", system-ui, sans-serif;--wide:"Michroma", system-ui, sans-serif;--r:clamp(180px, min(42vw, 68svh), 760px)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 1.05rem/1.55 var(--body);overflow-x:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:6px}.hero{background:radial-gradient(48vmax 50vmax at 50% 48%,#ff4f0033,#0000 64%),radial-gradient(32vmax 30vmax at 10% 90%,#ff460029,#0000 70%),radial-gradient(30vmax 30vmax at 92% 30%,#6f45ff17,#0000 70%),#050303;height:100svh;min-height:600px;position:relative;overflow:hidden}.hero:before,.phone-section:before{content:"";opacity:.055;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:0}.curtain{z-index:20;pointer-events:none;background:#050303;animation:1.8s .1s forwards curtain;position:absolute;inset:0}@keyframes curtain{to{opacity:0;visibility:hidden}}.top{z-index:15;justify-content:space-between;align-items:center;padding:1.4rem clamp(1.2rem,4vw,3rem);display:flex;position:absolute;inset:0 0 auto}.brand{font:800 1.05rem var(--display);letter-spacing:-.02em;text-shadow:0 0 30px #ff660040}.top-link{color:#c7bbb4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff26;border-radius:999px;padding:.42rem 1rem;text-decoration:none;transition:all .25s}.top-link:hover{color:#fff;border-color:#ff7e2eb3;box-shadow:0 0 30px #ff570026}.scene{perspective:1500px;perspective-origin:50% 47%;transform-style:preserve-3d;position:absolute;inset:0}.man{-webkit-user-select:none;user-select:none;pointer-events:none;filter:contrast(1.08)saturate(.95)drop-shadow(0 0 40px #ff480024);width:auto;height:min(118svh,205vw);position:absolute;top:1svh;left:50%;transform:translate(-50%)translateZ(.1px)}.tilt{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:rotate(-10deg)rotateX(-20deg)}.ring{transform-style:preserve-3d;animation:30s linear infinite orbit;position:absolute;top:0;left:0}@keyframes orbit{to{transform:rotateY(360deg)}}.seg,.ch{transform-origin:0 0;position:absolute;top:0;left:0}.seg{width:calc(var(--r) * .038);height:calc(var(--r) * .2);transform:rotateY(var(--a)) translateZ(var(--r)) translate(-50%, -50%);opacity:.78;filter:drop-shadow(0 0 7px #ff641459);background:linear-gradient(#ffb066 0,#ff7a18 2px,#ff781e40 4px,#0000 17px calc(100% - 17px),#9170ff59 calc(100% - 4px),#a889ff calc(100% - 2px))}.ch{font:400 calc(var(--r) * .095) var(--wide);letter-spacing:.075em;white-space:pre;backface-visibility:hidden;color:#f4edff;text-shadow:0 0 12px #9d7cff,0 0 30px #9d7cffbf,0 0 65px #7d5bff59;transform:rotateY(var(--a)) translateZ(calc(var(--r) + 2px)) skewX(-12deg) translate(-50%, -50%);font-stretch:125%}.ch.in{transform:rotateY(var(--a)) translateZ(calc(var(--r) - 2px)) rotateY(180deg) skewX(-12deg) translate(-50%, -50%)}.hero-message{z-index:8;text-align:center;pointer-events:none;width:min(90vw,600px);position:absolute;bottom:7svh;left:50%;transform:translate(-50%)}.eyebrow{font:500 .68rem var(--wide);letter-spacing:.24em;color:#ff9f5eb8;margin-bottom:.9rem;display:block}.hero-message h1{font:800 clamp(3.8rem, 10vw, 8rem) / .82 var(--display);letter-spacing:-.075em;background:linear-gradient(#fff,#e8d8d0 55%,#a89b96);color:#0000;text-shadow:0 0 55px #ff4b001f;-webkit-background-clip:text;background-clip:text;margin:0}.hero-message p{color:#dcd0ca8c;letter-spacing:.04em;margin:1.1rem 0 0;font-size:.9rem}.scroll-indicator{background:linear-gradient(#0000,#ff7728e6,#0000);width:1px;height:38px;margin:1.4rem auto 0;overflow:hidden}.scroll-indicator span{background:#fff;width:100%;height:50%;animation:2s ease-in-out infinite scrollDown;display:block}@keyframes scrollDown{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.phone-section{--ty:700;--rx:62;--ry:-68;--sc:.7;--ps:1;--t:0;background:radial-gradient(42vmax 42vmax at 25%,#ff5a1426,#0000 70%),radial-gradient(38vmax 38vmax at 80% 55%,#7a56ff1c,#0000 70%),#050303;height:260svh;position:relative}.sticky{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,5vw,5rem);height:100svh;padding-inline:clamp(1.2rem,6vw,6rem);display:grid;position:sticky;top:0;overflow:hidden}.phone-scene{perspective:1800px;perspective-origin:50% 42%;place-items:center;height:100%;display:grid}.phone-rig{width:300px;height:620px;transform-style:preserve-3d;transform:translateY(calc(var(--ty) * 1px)) scale(calc(var(--sc) * var(--ps))) rotateX(calc(var(--rx) * 1deg)) rotateY(calc(var(--ry) * 1deg));position:relative}.tilt-m{--mx:0;--my:0;transform-style:preserve-3d;transform:rotateY(calc(var(--mx) * 1deg)) rotateX(calc(var(--my) * 1deg));transition:transform .25s ease-out;position:absolute;inset:0}.halo{filter:blur(12px);background:radial-gradient(closest-side,#ff671647,#9771ff1f 50%,#0000 73%);position:absolute;inset:-180px;transform:translateZ(-70px)}.floor{filter:blur(6px);background:radial-gradient(#000000d9,#0000 68%);width:360px;height:50px;position:absolute;bottom:-52px;left:50%;transform:translate(-50%)translateZ(-40px)}.phone{transform-style:preserve-3d;position:absolute;inset:0}.layer{transform:translateZ(var(--z));background:linear-gradient(135deg,#b3aaa1 0%,#514b46 22%,#918981 47%,#272421 75%,#6f675f 100%);border-radius:58px;position:absolute;inset:0}.layer:first-child{box-shadow:inset 0 0 0 1px #ffffff61,inset 0 0 30px #ffffff0f,0 0 30px #00000080}.hw{background:linear-gradient(90deg,#777069,#332f2c);border-radius:2px;position:absolute}.hw-a{width:4px;height:30px;top:112px;left:-3px;transform:translateZ(-9px)}.hw-v1{width:4px;height:56px;top:168px;left:-3px;transform:translateZ(-9px)}.hw-v2{width:4px;height:56px;top:236px;left:-3px;transform:translateZ(-9px)}.hw-p{width:4px;height:86px;top:190px;right:-3px;transform:translateZ(-9px)}.bezel{background:#020202;border-radius:53px;position:absolute;inset:5px;transform:translateZ(.6px);box-shadow:inset 0 0 0 1px #ffffff1a}.screen{color:#fff;font-family:var(--body);background:#000;border-radius:47px;position:absolute;inset:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.glare{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff29 44%,#0000 58%) 0 0/260% 100%;background-position:calc(50% + var(--ry) * 3%) 0;mix-blend-mode:screen;border-radius:53px;position:absolute;inset:5px;transform:translateZ(1.2px)}.wall{background:radial-gradient(100% 65% at 52% 15%,#ff5e1d8c,#0000 50%),radial-gradient(75% 65% at 50% 100%,#57319642,#0000 58%),linear-gradient(145deg,#160a07,#050505 48%,#090509);position:absolute;inset:0}.island{background:#000;border-radius:20px;width:92px;height:27px;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff06}.status{top:15px;justify-content:space-between;font-size:12.5px;font-weight:600;display:flex;position:absolute;inset-inline:28px}.widgets{top:58px;grid-template-columns:1fr 1fr;gap:12px;display:grid;position:absolute;inset-inline:14px}.wcol{gap:5px;text-decoration:none;display:grid}.w{border-radius:22px;height:124px;padding:11px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 8px 25px #00000040}.w-gh{background:linear-gradient(145deg,#f9f9f9,#dedede);place-items:center;display:grid}.grid{grid-template-columns:repeat(7,1fr);gap:3px;width:100%;display:grid}.grid u{aspect-ratio:1;background:#ebedf0;border-radius:2.5px}.grid .c1{background:#9be9a8}.grid .c2{background:#40c463}.grid .c3{background:#30a14e}.grid .c4{background:#216e39}.w-now{background:linear-gradient(150deg,#d85220,#7136c7);align-content:space-between;display:grid;box-shadow:inset 0 0 30px #ffffff14}.w-now small{letter-spacing:.12em;opacity:.75;font-size:9px}.w-now strong{font:800 15px/1.1 var(--display)}.w-now em{opacity:.82;font-size:10px;font-style:normal}.bar{background:#ffffff40;border-radius:4px;height:4px;overflow:hidden}.bar i{background:#fff;border-radius:4px;width:72%;height:100%;display:block}.wl{text-align:center;color:#ffffffb8;font-size:10px}.icons{top:224px;grid-template-columns:repeat(4,1fr);gap:14px 6px;display:grid;position:absolute;inset-inline:14px}.app{color:#ffffffe6;justify-items:center;gap:5px;font-size:9.5px;text-decoration:none;transition:transform .18s;display:grid}.app:hover{transform:translateY(-3px)scale(1.06)}.app i{border-radius:15px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 5px 14px #00000073,inset 0 0 0 1px #ffffff2e}.glyph{font:800 19px var(--display);color:#fff}.ig{background:radial-gradient(circle at 30% 105%,#feda75 0,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5 100%)}.gh{background:linear-gradient(145deg,#30343a,#111315)}.li{background:linear-gradient(145deg,#1685e6,#07549d)}.ml{background:linear-gradient(145deg,#4aa8ff,#1765e8)}.p1{background:linear-gradient(145deg,#1fc7bb,#075d6b)}.p2{background:linear-gradient(145deg,#a483ff,#4724bd)}.p3{background:linear-gradient(145deg,#38cf78,#116b40)}.p4{background:linear-gradient(145deg,#ff9b43,#bd3b0d)}.sf{background:linear-gradient(145deg,#67d3ff,#167de7)}.ms{background:linear-gradient(145deg,#5be26f,#20a83a)}.search{color:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border-radius:999px;padding:5px 16px;font-size:10.5px;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}.dock{bottom:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff21;border-radius:30px;justify-content:center;align-items:center;gap:16px;height:76px;display:flex;position:absolute;inset-inline:14px;box-shadow:inset 0 0 0 1px #ffffff14}.dock .app i{width:54px;height:54px}.home-bar{background:#ffffffb3;border-radius:4px;width:104px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.about{max-width:31rem;opacity:clamp(0, calc(var(--t) * 3), 1);transform:translateY(calc((1 - var(--t)) * 28px));justify-self:start}.about>*{opacity:clamp(0, calc(var(--t) * 2.4 - var(--i) * .22), 1)}.section-kicker{font:500 .68rem var(--wide);letter-spacing:.22em;color:#ff853eb8;margin-bottom:1rem;display:block}.about h2{font:800 clamp(2.1rem, 4vw, 3.3rem) / .98 var(--display);letter-spacing:-.045em;margin:0 0 1.3rem}.about p{color:var(--muted);max-width:30rem;margin:0 0 1rem}.about p a{color:var(--ink);border-bottom:1px solid #ffffff4d;padding-bottom:2px;text-decoration:none}.contact{border-top:1px solid #ffffff1a;margin:1.8rem 0 0;padding:0;list-style:none}.contact li{border-bottom:1px solid #ffffff1a}.contact a{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font:500 .95rem var(--body);justify-content:space-between;gap:1rem;padding:.85rem .2rem;transition:padding .2s,color .2s;display:flex}.contact a:hover{color:#e7dcff;padding-inline:.7rem}.contact span:first-child{color:var(--muted)}.contact span:last-child{text-align:right;overflow-wrap:anywhere}.footer{text-align:center;color:#766d68;letter-spacing:.04em;padding:2rem 1rem;font-size:.8rem}@media (width<=860px){.man{height:min(105svh,225vw);top:7svh}:root{--r:clamp(155px, 62vw, 360px)}.hero-message{bottom:6svh}.hero-message h1{font-size:clamp(3.5rem,18vw,6rem)}.hero-message p{font-size:.8rem}.sticky{grid-template-rows:50% 50%;grid-template-columns:1fr;align-items:start;gap:0;padding-block:.5rem}.phone-scene{height:100%}.about{place-self:center;width:min(90vw,500px);padding-bottom:1rem}.about h2{font-size:clamp(2rem,9vw,3rem)}.contact{margin-top:1rem}}@media (width<=600px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.hero{height:100svh;min-height:620px;overflow:hidden}.top{z-index:30;padding:1.2rem 1.1rem}.brand{font-size:.92rem}.top-link{padding:.38rem .85rem;font-size:.85rem}.man{max-width:none;height:min(94svh,205vw);top:5svh}:root{--r:clamp(150px, 57vw, 250px)}.tilt{top:48%;left:50%;transform:rotate(-8deg)rotateX(-18deg)}.seg{width:calc(var(--r) * .028);height:calc(var(--r) * .18)}.ch{font-size:calc(var(--r) * .075);letter-spacing:.045em}.hero-message{z-index:12;width:calc(100% - 36px);bottom:6svh;left:50%}.hero-message h1{letter-spacing:-.07em;font-size:clamp(3.35rem,17vw,5.2rem);line-height:.82}.hero-message p{margin-top:.9rem;font-size:.76rem}.scroll-indicator{height:30px;margin-top:1rem}.phone-section{--ty:0;--rx:8;--ry:-14;--sc:.58;--ps:1;height:250svh}.sticky{grid-template-rows:44% 56%;grid-template-columns:1fr;align-items:start;gap:0;height:100svh;padding:0 20px;display:grid;overflow:hidden}.phone-scene{perspective:1600px;perspective-origin:50% 45%;place-items:center;width:100%;height:100%;display:grid;overflow:visible}.phone-rig{transform-origin:50%;flex-shrink:0;width:300px;height:620px;transform:translateY(-18px)scale(.52)rotateX(8deg)rotateY(-14deg)!important}.phone{width:300px;height:620px;position:absolute;inset:0}.halo{opacity:.75;inset:-100px}.about{z-index:8;place-self:start center;width:100%;max-width:100%;padding:10px 0 24px;position:relative}.section-kicker{letter-spacing:.18em;white-space:nowrap;margin-bottom:.75rem;font-size:.58rem}.about h2{letter-spacing:-.05em;margin:0 0 1rem;font-size:clamp(2rem,9.5vw,2.8rem);line-height:.95}.about p{max-width:100%;margin:0 0 .85rem;font-size:.88rem;line-height:1.52}.contact{width:100%;margin:1.15rem 0 0}.contact a{gap:.5rem;min-height:48px;padding:.72rem .15rem;font-size:.82rem}.contact a:hover{padding-inline:.15rem}.contact span:last-child{text-align:right;overflow-wrap:anywhere;max-width:62%}.footer{padding:1.5rem 1rem;font-size:.7rem}}@media (width<=390px){.hero{min-height:600px}.top{padding:1rem}.brand{font-size:.86rem}.top-link{padding:.35rem .75rem;font-size:.8rem}.man{height:min(90svh,205vw);top:5svh}:root{--r:142px}.ch{font-size:calc(var(--r) * .073);letter-spacing:.04em}.hero-message{width:calc(100% - 30px);bottom:5.5svh}.hero-message h1{font-size:3.25rem}.hero-message p{font-size:.72rem}.sticky{grid-template-rows:43% 57%;padding-inline:17px}.phone-rig{transform:translateY(-12px)scale(.47)rotateX(8deg)rotateY(-14deg)!important}.about{padding-top:6px}.section-kicker{font-size:.54rem}.about h2{font-size:1.95rem}.about p{font-size:.84rem;line-height:1.48}.contact{margin-top:.9rem}.contact a{min-height:44px;font-size:.78rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ring,.curtain,.scroll-indicator span{animation:none}.curtain{display:none}.tilt-m{transition:none}}
