@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--paper:#f2f0e9;--ink:#172225;--muted:#747b76;--green:#446856;--line:#d5d8ce;--accent:#d5e4b9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.75 Manrope,-apple-system,BlinkMacSystemFont,sans-serif}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #799b64;outline-offset:5px}button[hidden],[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:50;background:var(--ink);color:#fff;padding:12px}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;height:94px;padding:0 5vw;position:relative;z-index:10}.brand{font-size:28px;letter-spacing:-1.6px;font-weight:800}.brand span{color:var(--green)}nav{display:flex;gap:29px;background:#ffffff7a;border:1px solid #fff;border-radius:50px;padding:13px 29px;font-size:11px}nav a{color:#6d756f}nav a:hover,nav a.active{color:#172225}.nav-contact{font-size:11px}.hero{position:relative;min-height:730px;height:calc(100svh - 94px);max-height:960px;padding:0 5vw;display:grid;grid-template-columns:1fr 1fr .2fr;align-items:center;isolation:isolate}.name-backdrop{position:absolute;top:-40px;left:5vw;right:5vw;text-align:center;font-size:clamp(160px,27vw,410px);font-weight:800;letter-spacing:-.09em;line-height:1;color:#e2e4da;z-index:-1;-webkit-user-select:none;user-select:none}.hero-content{padding-top:90px;z-index:3}.eyebrow{font:9px/1.6 DM Mono,monospace;letter-spacing:.15em;color:#657364}.dot{display:inline-block;width:6px;height:6px;background:#789657;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #78965710}h1{font-size:clamp(52px,6.8vw,100px);line-height:1.02;letter-spacing:-.075em;font-weight:700;margin:24px 0}em{font-family:Georgia,serif;color:var(--green);font-weight:400;letter-spacing:-.06em}h2{font-size:clamp(40px,4.9vw,72px);line-height:1.08;letter-spacing:-.065em;margin:18px 0 22px;font-weight:600}h3{font-size:25px;line-height:1.25;letter-spacing:-.04em}p{color:var(--muted)}.hero-description{font-size:13px;margin:24px 0;line-height:1.9}.actions{display:flex;gap:25px;align-items:center}.primary{display:inline-flex;align-items:center;gap:30px;border-radius:40px;background:var(--ink);color:#fff;padding:15px 23px;font-size:11px}.text-button{border:0;background:none;font-size:11px;padding:12px 0}.availability{font:8px DM Mono;color:#778572;margin-top:35px}.hero-portrait{align-self:end;position:relative;height:640px;display:flex;align-items:flex-end;justify-content:center}.hero-portrait>img{width:clamp(360px,42vw,610px);max-height:690px;object-fit:contain;position:relative;filter:drop-shadow(0 30px 25px #38483117);-webkit-mask-image:linear-gradient(#000 86%,transparent 100%);mask-image:linear-gradient(#000 86%,transparent 100%);animation:breathe 7s ease-in-out infinite;transform-origin:bottom}.portrait-circle{position:absolute;width:380px;height:380px;bottom:110px;background:radial-gradient(#d4ddc7,transparent 68%);border-radius:50%}.hello-bubble{position:absolute;right:-20px;top:140px;background:#fffdf8;border:1px solid white;padding:16px 22px;border-radius:18px 18px 18px 3px;font-size:16px;font-weight:600;box-shadow:0 15px 50px #24342609;animation:hello 1s ease-out both}.hello-bubble span{font-size:10px;color:#7c8677;font-weight:400}.portrait-caption{position:absolute;bottom:25px;left:0;right:0;text-align:center;font:7px DM Mono;letter-spacing:.12em;color:#6c7e65}.hero-note{align-self:end;position:relative;z-index:3;margin:0 0 100px 20px;min-width:120px}.hero-note>span{font:8px DM Mono;letter-spacing:.1em}.hero-note p{font-size:11px;line-height:1.7}.hero-note>a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ced4c5;border-radius:50%;margin-top:25px}.hero-bottom{position:absolute;bottom:0;left:5vw;right:5vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;font:8px DM Mono;letter-spacing:.13em;color:#7c8977}.about,.toolkit,.focus,.experience,.contact{padding:110px 7vw}.section-heading{margin-bottom:55px}.section-heading>p:last-child{max-width:490px;font-size:13px}.about{background:#fffdf7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:center}.about-copy{max-width:490px}.about-copy h3{font-size:30px}.about-copy p{font-size:14px;line-height:1.9}.inline-links{display:flex;gap:25px;font-size:11px;font-weight:600;margin:25px 0}dl{border-top:1px solid var(--line);padding-top:20px;margin-top:30px}dl>div{display:grid;grid-template-columns:115px 1fr;margin:12px 0}dt{font:8px DM Mono;color:#8b9288;padding-top:5px}dd{margin:0;font-size:12px}.id-area{perspective:1200px}.id-card{display:block;width:330px;height:430px;max-width:100%;margin:auto;border:0;padding:0;background:transparent;border-radius:20px;perspective:1200px;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(-5deg);transition:transform .2s;box-shadow:25px 30px 50px #2634211c}.id-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.id-card.flipped .id-inner{transform:rotateY(180deg)}.id-front,.id-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column;text-align:left;background:#253d34;color:#ecf0e7;padding:23px;border-radius:20px}.id-top{display:flex;justify-content:space-between;font:8px DM Mono;letter-spacing:.12em;color:#b7c8ae}.id-avatar{height:190px;width:160px;position:absolute;right:-8px;top:80px;overflow:hidden}.id-avatar img{width:200px;position:absolute;left:-20px;top:0}.id-name{margin-top:85px;font-size:27px;line-height:1.15;letter-spacing:-.06em;position:relative;z-index:2;font-weight:600}.id-role{font:8px DM Mono;color:#c5d8ae;margin-top:22px;letter-spacing:.15em}.id-bottom{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #ffffff2a;padding-top:18px;font:7px DM Mono;letter-spacing:.07em}.id-back{transform:rotateY(180deg);background:#d5e4b9;color:#263d2b}.id-back .id-top{color:#526a40}.id-back strong{font-size:80px;line-height:1.2;font-weight:600;letter-spacing:-.08em;margin-top:25px}.id-back>span:not(.id-top):not(.id-bottom){font-size:13px;margin:8px 0 3px}.id-back small{font:8px DM Mono;color:#687e52}.id-back hr{border:0;border-top:1px solid #6f895533;width:100%;margin:17px 0}.id-back .id-bottom{border-color:#6f895533}.interaction-hint{text-align:center;font:9px DM Mono;margin-top:30px;color:#889480}.toolkit{background:#e9ede3}.toolkit-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid #ccd5c4;border-radius:30px;background:none;padding:8px 13px;font-size:10px}.filters button[aria-pressed=true]{background:#263d34;color:#fff;border-color:#263d34}.skill-detail{margin-top:45px;padding:30px 0;border-top:1px solid #ccd5c4;min-height:260px}.detail-number{font:8px DM Mono;color:#7b8c70}.skill-detail h3{font-size:48px;margin:15px 0;color:#2c493b}.skill-detail p{font-size:14px;max-width:360px}.skill-detail #skill-context{font:9px DM Mono;color:#6f825f;margin-top:25px}.toolkit-note{font-size:11px;max-width:300px}.tool-phone{width:320px;min-height:590px;background:linear-gradient(145deg,#31483b,#192e25);color:#ecf0e7;border:6px solid #788675;outline:1px solid #ffffff99;border-radius:44px;padding:20px 22px 35px;position:relative;box-shadow:14px 15px #b9c6b3,20px 35px 50px #263d3426;transform:rotate(4deg);margin:auto}.phone-status{display:flex;justify-content:space-between;font:9px DM Mono}.island{position:absolute;top:12px;left:50%;transform:translate(-50%);height:20px;width:80px;background:#0d1912;border-radius:30px}.phone-kicker{font:7px DM Mono;color:#a5ba93;letter-spacing:.12em;margin-top:36px}.tool-phone h3{font-size:28px;margin:12px 0 27px;letter-spacing:-.06em}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px 8px}.skill-app{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;color:#d4dfce;font-size:7px;line-height:1.2}.app-icon{display:grid;place-items:center;height:43px;width:43px;border-radius:12px;font-size:22px;font-weight:600;background:#e3e9d9;color:#395334;box-shadow:0 4px 8px #0001;transition:transform .2s,box-shadow .2s}.icon-1{background:#87acc6;color:#fff}.icon-2{background:#c6d896}.icon-3{background:#d8b88e}.icon-4{background:#a7bdd5}.skill-app:hover .app-icon{transform:translateY(-4px)}.skill-app.selected .app-icon{box-shadow:0 0 0 3px #d4eab5;transform:scale(1.06)}.phone-home{width:90px;height:4px;border-radius:5px;background:#c0ceb2;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.focus{background:#fffdf7}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.focus-card{min-width:0}.demo{height:260px;background:#e9eee2;border:1px solid #e3e8dc;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center}.demo>button{margin-top:20px;background:#fffdf7;border:1px solid #d2ddc7;border-radius:25px;padding:9px 14px;font-size:9px}.host-app{border:1px solid #b7c9a6;border-radius:14px;width:100%;padding:17px;text-align:center}.host-app>span{font:7px DM Mono;color:#7b8f6b;letter-spacing:.1em}.sdk-node{margin:14px auto;background:#2e493b;color:#e3eddb;width:94px;padding:12px;border-radius:10px;font:12px DM Mono;transition:background .3s}.sdk-node.connected{background:#74954d;box-shadow:0 0 0 6px #99b57120}.sdk-status{font-size:9px;color:#75876a}.flow-track{display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.flow-step{font-size:9px;border:1px solid #bdccb1;border-radius:8px;padding:12px 9px;color:#7a8b70;transition:background .3s}.flow-step.active{background:#2e493b;color:#fff}.flow-track i{color:#8c9e7f}.flow-message{font-size:10px;line-height:1.5;text-align:center;margin-top:25px;min-height:30px}.architecture-demo{gap:8px}.architecture-demo .layer{margin:0;border:1px solid #c5d3b8;width:100%;border-radius:8px;text-align:left;padding:10px 13px;font-size:11px;background:#fffdf7}.layer span{float:right;font-size:8px;color:#8b9b7f}.architecture-demo .layer.active{background:#2e493b;color:#fff}.architecture-demo p{font-size:9px;line-height:1.5;min-height:28px;margin:7px 0 0}.focus-text small{display:block;font:8px DM Mono;color:#87967d;letter-spacing:.1em;margin-top:25px}.focus-text h3{font-size:23px;margin:14px 0}.focus-text p{font-size:12px;line-height:1.9}.focus-text>span{font:8px DM Mono;color:#718165}.study-note{font:8px/1.8 DM Mono;color:#919b88;margin-top:40px}.experience{background:#20362e;color:#eef2e8}.experience .eyebrow{color:#a4bb91}.experience em{color:#b9d39a}.timeline article{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid #ffffff20;padding:40px 0}.timeline-date{font:9px DM Mono;color:#a9bda1}.timeline-date span{display:block;font:55px Manrope;letter-spacing:-.07em;color:#758f77;margin-top:15px}.timeline h3{margin:12px 0;font-size:30px}.timeline p{color:#a7b9a2;font-size:13px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.tags span{border:1px solid #ffffff22;border-radius:25px;font-size:9px;padding:5px 11px;color:#b6c9aa}.contact{text-align:center;padding-top:130px;padding-bottom:130px}.contact h2{font-size:clamp(45px,6vw,85px)}.contact>p{font-size:13px}.email{display:inline-block;margin-top:23px;font-size:clamp(17px,2.4vw,30px);border-bottom:1px solid #a9b59c;padding-bottom:7px;letter-spacing:-.04em}.contact .inline-links{justify-content:center;margin-top:30px}footer{display:flex;align-items:center;justify-content:space-between;padding:25px 5vw;border-top:1px solid var(--line);font:8px DM Mono;color:#87917d;padding-bottom:110px}.voice-dock{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:#fafbf4ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:50px;padding:7px 12px 7px 8px;z-index:30;box-shadow:0 10px 50px #253d3420;min-width:240px}.voice-dock>img{width:45px;height:45px;object-fit:cover;object-position:50% 12%;background:#e0e8d6;border-radius:50%;border:2px solid #cad8bc}.voice-dock>div{display:flex;flex-direction:column;gap:2px;flex:1}.voice-dock>div>span{font:7px DM Mono;color:#8a977c}.voice-dock button{border:0;background:none;text-align:left;font-size:10px;padding:0}.voice-dock #voice-stop{border:1px solid #dce4d4;width:29px;height:29px;border-radius:50%;text-align:center;color:#718469;font-size:9px}.voice-dock.speaking>img{box-shadow:0 0 0 4px #91b26433;animation:voicePulse .6s infinite alternate}.transcript{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 35px));background:#20362ef2;color:#e5eddf;padding:20px 40px 20px 22px;border-radius:15px;z-index:30;font-size:11px;box-shadow:0 12px 40px #0002}.transcript button{position:absolute;right:12px;top:9px;background:none;border:0;color:#d4e2c7;font-size:20px}.speaking>img{animation:speaking 1.5s infinite ease-in-out}.narrated{scroll-margin-top:20px}@keyframes breathe{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-9px) rotate(.5deg)}}@keyframes speaking{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes hello{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes voicePulse{to{box-shadow:0 0 0 7px #91b26418}}@media(min-width:1600px){.hero{grid-template-columns:1fr 1.2fr .25fr}.hero-portrait{height:740px}.hero-portrait>img{width:650px;max-height:760px}.hero-content{padding-top:40px}}@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr}.hero-note{display:none}.hero-portrait{height:580px}.hero-portrait>img{width:430px}.hello-bubble{right:0;top:100px}.hero-content{padding-top:90px}h1{font-size:70px}.focus-grid{gap:16px}.demo{padding:16px}.flow-track{gap:3px}.flow-step{padding:10px 6px}.about-grid,.toolkit-layout{gap:6vw}.tool-phone,.id-card{width:300px}}@media(max-width:700px){header{height:76px;padding:0 6vw}nav{display:none}.brand{font-size:25px}.nav-contact{font-size:10px}.hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;padding:0 6vw}.name-backdrop{font-size:32vw;top:12px;left:0;right:0;letter-spacing:-.08em}.hero-content{width:100%;padding-top:85px}.eyebrow{font-size:8px}h1{font-size:clamp(56px,14vw,80px);margin:20px 0;line-height:1.04}.hero-description{font-size:13px;max-width:340px}.desktop{display:none}.actions{gap:20px}.primary{padding:13px 18px;font-size:10px;gap:20px}.text-button{font-size:10px}.availability{margin-top:24px;font-size:7px}.hero-portrait{width:100%;height:440px;align-self:center;margin-top:15px}.hero-portrait>img{width:390px;max-width:115%;max-height:460px}.hello-bubble{top:45px;right:0;padding:12px 16px;font-size:14px}.hello-bubble span{font-size:9px}.portrait-circle{width:300px;height:300px;bottom:50px}.portrait-caption{bottom:35px;font-size:6px}.hero-bottom{position:relative;left:auto;right:auto;width:100%;font-size:6px;padding:14px 0}.about,.toolkit,.focus,.experience,.contact{padding:70px 6vw}h2{font-size:42px;line-height:1.08}.section-heading{margin-bottom:35px}.about-grid,.toolkit-layout{grid-template-columns:1fr;gap:45px}.about-copy h3{font-size:26px}.about-copy p{font-size:13px}.id-card{width:280px;height:390px}.id-name{font-size:25px}.id-avatar{top:75px}.id-area{padding:15px 0}.id-back strong{font-size:65px}.tool-phone{width:290px;min-height:570px;transform:rotate(2deg)}.skill-detail{min-height:210px;margin-top:25px;padding:25px 0}.skill-detail h3{font-size:40px}.toolkit-note{margin-top:0}.filters button{font-size:9px;padding:7px 11px}.focus-grid{grid-template-columns:1fr;gap:40px}.demo{height:240px;padding:25px}.focus-text p{font-size:13px}.flow-step{padding:12px 17px}.timeline article{grid-template-columns:1fr;gap:16px;padding:30px 0}.timeline-date{display:flex;align-items:center;justify-content:space-between}.timeline-date span{font-size:27px;margin:0}.timeline h3{font-size:26px}.timeline .eyebrow{font-size:8px}.contact h2{font-size:43px}.email{font-size:19px}footer{flex-wrap:wrap;gap:12px;font-size:6px;padding-bottom:110px}footer .brand{width:100%}.voice-dock{bottom:14px}.transcript{bottom:90px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:701px){.hero{min-height:620px}.hero-content{padding-top:10px;padding-bottom:80px}.hero-portrait{height:560px;align-self:center;padding-bottom:55px}.hero-portrait>img{width:500px;max-height:none;margin-bottom:0}.hello-bubble{top:75px;right:5px;z-index:3}.portrait-caption{bottom:50px}.name-backdrop{top:-20px}.hero-note{margin-bottom:110px}}@media(min-width:1051px){.hero-portrait{height:640px}.hero-portrait>img{width:clamp(520px,43vw,690px)}.hello-bubble{top:110px}.hero-content{padding-top:70px}}:root{--paper:#0a0e15;--ink:#f0f3fa;--muted:#8893a9;--green:#a9bfff;--line:#ffffff15;--accent:#a9bfff}body{background:#0a0e15;color:#f0f3fa}header{position:absolute;top:0;left:0;right:0;padding:0 6vw;height:90px}.brand{color:#f0f3fa}.brand span{color:#a9bfff}nav{background:#ffffff06;border:1px solid #ffffff10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}nav a{color:#9da8bc}nav a:hover,nav a.active{color:#fff}.nav-contact{color:#cbd4e7}.hero{display:grid!important;grid-template-columns:1.08fr 1fr;height:auto;min-height:850px;max-height:none;isolation:isolate;overflow:hidden;padding:120px 6vw 90px;background:radial-gradient(ellipse at 78% 35%,#25335c55,transparent 48%),#0a0e15}.studio-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.studio-watermark{position:absolute;bottom:65px;left:4vw;font:700 25vw/.85 Space Grotesk;letter-spacing:-.09em;color:#ffffff025;z-index:-1}.studio-label{font:8px DM Mono;letter-spacing:.13em;color:#96a4be;display:flex;align-items:center;gap:11px}.studio-label>span{width:6px;height:6px;background:#b3c5ff;box-shadow:0 0 16px #799fff;border-radius:50%}.studio-intro{padding-bottom:45px;z-index:3}.studio-intro h1{font:500 clamp(57px,6.8vw,104px)/1.02 "Space Grotesk";letter-spacing:-.075em;margin:31px 0}.studio-intro h1 em{font:400 1em/.95 Georgia,serif;color:#a9bfff;letter-spacing:-.075em}.studio-description{font-size:14px;line-height:1.9;color:#8e9ab0;margin:28px 0}.studio-actions{display:flex;gap:22px;align-items:center;margin-top:32px}.studio-primary{border:1px solid #d4deff;background:#bdceff;color:#101b35;border-radius:9px;padding:15px 19px;font-size:11px;box-shadow:0 4px 30px #85a8ff14;display:flex;gap:23px;align-items:center;transition:transform .2s,box-shadow .2s}.studio-primary:hover{transform:translateY(-3px);box-shadow:0 8px 40px #85a8ff30}.studio-secondary{border:0;background:none;color:#a3afc5;font-size:10px;padding:10px 0}.studio-secondary span{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff24;border-radius:50%;margin-right:7px;font-size:8px}.studio-credentials{display:flex;gap:35px;margin-top:55px;border-top:1px solid #ffffff12;padding-top:22px;max-width:430px}.studio-credentials>div{display:flex;flex-direction:column;gap:7px}.studio-credentials strong{font:500 22px Space Grotesk;letter-spacing:-.06em;color:#e0e7f5}.studio-credentials span{font:6px DM Mono;letter-spacing:.1em;color:#707f9a}.device-scene.hero-portrait{display:block;position:relative;height:650px;width:100%;padding:0;margin:0;align-self:center;perspective:1400px;isolation:isolate}.device-shell{position:absolute;top:16px;left:50%;transform:translate(-50%) rotate(8deg) rotateY(-9deg);width:300px;height:610px;border:1px solid #a8b4ca;border-radius:51px;padding:7px;background:linear-gradient(100deg,#7b8395,#b8c2d2 15%,#283044 25%,#7c879f 95%);box-shadow:12px 12px 0 -5px #141b29,14px 14px 0 -5px #67738a,24px 40px 70px #000a,inset 0 0 1px 2px #d3dae5;transition:transform 1s cubic-bezier(.2,.8,.2,1);z-index:3}.device-shell.device-awake{transform:translate(-50%) rotate(0) rotateY(0)}.device-shell:hover{transform:translate(-50%) rotate(2deg) rotateY(-3deg)}.device-display{position:relative;border:5px solid #080c12;border-radius:44px;width:100%;height:100%;overflow:hidden;background:#11213b;color:#f0f3fa}.device-button{position:absolute;width:3px;border-radius:2px;background:#8792a7;left:-4px}.side-one{height:25px;top:95px}.side-two{height:55px;top:140px}.dynamic-island{position:absolute;top:10px;left:50%;transform:translate(-50%);height:25px;min-width:98px;background:#030508;border-radius:20px;z-index:7;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 12px}.dynamic-island b{font:6px DM Mono;color:#a8b8d4;font-weight:400}.dynamic-island>span{width:4px;height:4px;border-radius:50%;background:#607cbd;box-shadow:0 0 6px #607cbd}.dynamic-island i{width:6px;height:6px;border-radius:50%;background:#101c32;border:1px solid #233451}.device-system{position:absolute;top:17px;left:19px;right:15px;display:flex;justify-content:space-between;font:8px DM Mono;z-index:6;pointer-events:none}.system-icons{font-size:7px;letter-spacing:.5px}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);border:0;background:#e2e9fa;width:82px;height:4px;border-radius:8px;z-index:8;padding:0}.home-indicator:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.device-glow{position:absolute;width:600px;height:600px;left:50%;top:10%;transform:translate(-50%);background:radial-gradient(#4f6aa333,transparent 65%);z-index:0}.orbital{position:absolute;left:50%;top:50%;width:550px;height:550px;border:1px solid #748fc21a;border-radius:50%;transform:translate(-50%,-50%) rotateX(50deg) rotate(-30deg);z-index:0}.orbital-two{width:660px;height:660px;transform:translate(-50%,-50%) rotateX(60deg) rotate(15deg);border-style:dashed;border-color:#748fc210}.device-callout{position:absolute;z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#152031c9;border:1px solid #6d85b32b;box-shadow:0 10px 30px #0002;color:#b3bfd6;border-radius:10px;font:8px DM Mono;padding:12px 15px}.callout-one{right:-15px;top:95px;display:flex;align-items:center;gap:9px;transform:rotate(2deg)}.callout-dot{width:5px;height:5px;background:#b4c9ff;border-radius:50%;box-shadow:0 0 10px #b4c9ff}.callout-two{left:-15px;bottom:88px;display:flex;gap:15px;align-items:center;transform:rotate(-3deg)}.callout-two>span{font:22px Space Grotesk;color:#7088b9}.callout-two div{line-height:1.8;font:10px/1.8 Manrope}.callout-two b{font-size:8px;font-weight:400;color:#6f819f}.device-caption{position:absolute;bottom:-14px;left:0;right:0;text-align:center;font:6px DM Mono;letter-spacing:.16em;color:#536582}.studio-bottom{position:absolute;bottom:0;left:6vw;right:6vw;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;padding:21px 0;font:7px DM Mono;letter-spacing:.1em;color:#596a87}.studio-bottom i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#8bae8f;margin-right:7px}.studio-scroll{position:absolute;bottom:83px;left:6vw;display:flex;align-items:center;gap:20px;font:7px DM Mono;letter-spacing:.12em;color:#657693}.studio-scroll b{font-size:20px;font-weight:400;color:#a6b8d9}#device-content{height:100%;position:relative;overflow:hidden}.screen-enter{animation:screenEnter .4s cubic-bezier(.2,.8,.2,1)}.lock-screen{height:100%;background:radial-gradient(ellipse at 80% 20%,#5b77a2,transparent 65%),linear-gradient(150deg,#334a6f,#18273e 70%);padding:65px 14px 25px;position:relative;overflow:hidden}.lock-screen>p{text-align:center;font:7px DM Mono;letter-spacing:.08em;color:#c0cde5;margin:0 0 7px}.lock-time{text-align:center;font:500 71px/.98 Space Grotesk;letter-spacing:-.08em;color:#dce5f7}.lock-portrait{position:absolute;top:145px;left:-10px;right:-10px;bottom:15px;overflow:hidden}.lock-portrait img{width:100%;position:absolute;bottom:0;filter:drop-shadow(0 0 25px #0b163044);-webkit-mask-image:linear-gradient(#000 70%,transparent 100%);mask-image:linear-gradient(#000 70%,transparent 100%)}.lock-notification{position:absolute;bottom:90px;left:11px;right:11px;padding:11px 10px;display:flex;gap:9px;align-items:center;background:#e6effac9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#17263c;border:1px solid #ffffff40;border-radius:15px;box-shadow:0 8px 25px #0b163020}.notification-icon{background:#738bb5;color:#fff;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;flex-shrink:0}.notification-icon svg{width:18px;height:18px}.lock-notification small{font:5px DM Mono;display:flex;justify-content:space-between;color:#576c8e;letter-spacing:.03em}.lock-notification small b{font-weight:400}.lock-notification strong{display:block;font-size:9px;margin-top:3px;font-weight:600}.lock-notification p{font-size:7px;color:#5c6b82;margin:2px 0 0;line-height:1.4}.unlock-button{position:absolute;bottom:32px;left:0;right:0;margin:auto;border:0;background:transparent;color:#dce6fb;font:8px DM Mono;width:max-content;display:flex;gap:16px;align-items:center}.unlock-button span{font-size:18px;animation:swipeHint 2s infinite}.os-home{height:100%;padding:62px 19px 24px;background:radial-gradient(ellipse at 10% 0,#416399,transparent 60%),linear-gradient(150deg,#1a3358,#13243b 70%);position:relative}.os-date{font:5px DM Mono;letter-spacing:.1em;color:#9cb4d9;margin:4px 0 15px}.os-home h3{font:500 44px/.97 Space Grotesk;letter-spacing:-.07em;margin:0 0 20px;color:#eef3ff}.os-home h3 em{font-family:Georgia;color:#b0c9ff}.home-widget{display:flex;justify-content:space-between;align-items:center;background:#c8dcff15;border:1px solid #a2c4fa1f;border-radius:15px;padding:14px 12px}.home-widget>div{display:flex;flex-direction:column;gap:5px}.home-widget span:not(.widget-orbit){font:5px DM Mono;color:#93abd0}.home-widget strong{font-size:11px;font-weight:600;letter-spacing:-.02em}.home-widget small{font-size:7px;color:#8ea8cf}.widget-orbit{border:1px solid #8aa7d55a;border-radius:50%;display:grid;place-items:center;width:32px;height:32px;font-size:16px;color:#adc6f0}.os-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.os-app-grid>button{border:0;background:none;padding:0;color:#d5dff1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:6px;white-space:nowrap}.os-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;box-shadow:0 5px 12px #0002;border:1px solid #ffffff30;transition:transform .2s}.os-icon svg{width:23px;height:23px}.os-icon.blue{background:linear-gradient(135deg,#6389d8,#335baf);color:#fff}.os-icon.orange{background:linear-gradient(135deg,#f1a579,#d5683f);color:#fff}.os-icon.violet{background:linear-gradient(135deg,#a38bd9,#6b57a4);color:#fff}.os-icon.green{background:linear-gradient(135deg,#8bbcaa,#4c8f7f);color:#fff}.os-app-grid button:hover .os-icon{transform:translateY(-4px)}.os-note{font-size:9px;line-height:1.8;color:#748eb7;margin-top:24px}.os-dock{position:absolute;bottom:28px;left:15px;right:15px;padding:11px 21px;display:flex;justify-content:space-between;background:#d8e6ff15;border:1px solid #bed5ff15;border-radius:19px}.os-dock button{background:#c2d7ff12;color:#c6d8f9;border:1px solid #bed5ff20;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.os-dock svg{width:19px;height:19px}.os-app{height:100%;background:#edf1f7;color:#1e304e;padding:48px 15px 25px;overflow:auto;scrollbar-width:none}.os-back{border:0;background:none;color:#567bb5;font-size:24px;display:flex;gap:5px;align-items:center;padding:0}.os-back span{font-size:9px}.os-app-body{padding:8px 2px 15px}.os-app-body>h3{font:500 35px/1.05 Space Grotesk;letter-spacing:-.06em;margin:12px 0 20px}.os-app-body em{color:#6685b9}.os-profile{text-align:center}.os-profile>img{width:90px;height:90px;object-fit:cover;object-position:50% 15%;border-radius:50%;background:#d9e3f0;border:3px solid #fff}.os-profile h3{font:500 25px/1.1 Space Grotesk;margin:12px 0 7px;letter-spacing:-.06em}.os-profile p{font-size:8px;color:#8796ae;margin:0}.os-stat-row{display:flex;gap:10px;margin:20px 0}.os-stat-row>div{flex:1;background:#fff;border-radius:12px;padding:13px;text-align:center;display:flex;flex-direction:column;gap:4px}.os-stat-row strong{font:500 22px Space Grotesk;color:#426da6}.os-stat-row span{font-size:6px;color:#94a1b4}.os-copy{font-size:9px;line-height:1.8;color:#7d8da5}.os-list-row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #dbe2ec;padding:12px 0;font-size:7px}.os-list-row span{color:#98a5b8}.os-list-row b{font-weight:500;text-align:right}.os-link{display:block;margin-top:16px;font-size:8px;color:#6689bc}.os-overline{font:5px DM Mono;letter-spacing:.13em;color:#9ba9bd}.os-tech-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.os-tech-list button{border:1px solid #e2e8f0;background:#fff;padding:11px 9px;text-align:left;border-radius:10px;display:flex;flex-direction:column;gap:4px}.os-tech-list button.active{background:#2b4e7b;color:#fff}.os-tech-list span{font-size:9px}.os-tech-list small{font-size:5px;color:#91a2bb}.os-tech-detail{font-size:8px;line-height:1.7;background:#dce6f4;border-radius:10px;padding:12px;margin-top:12px;color:#647fa5;min-height:65px}.os-work-card{padding:14px;background:#fff;border-radius:12px;margin-top:9px}.os-work-card>span{font:5px DM Mono;color:#9aabc1}.os-work-card h4{font:500 15px Space Grotesk;margin:7px 0;color:#355780}.os-work-card p{font-size:8px;line-height:1.7;color:#8394ad;margin:0}.os-contact-symbol{display:grid;place-items:center;width:60px;height:60px;background:#d9e5f7;border-radius:18px;color:#6285b7;margin:15px 0 25px}.os-contact-symbol svg{width:28px;height:28px}.os-contact-link{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;padding:15px;font-size:10px;margin-top:9px;color:#6081b0}.os-contact-link svg{width:15px;height:15px}.about{background:#101722}.toolkit{background:#0b111b}.focus{background:#111925}.experience{background:#0a1019}.contact{background:radial-gradient(ellipse at 50% 70%,#27345144,transparent 70%),#0a0e15}.eyebrow{color:#748bb1}h2{font-family:Space Grotesk;font-weight:500;letter-spacing:-.065em}em{color:#a9bfff}.about-copy p{color:#8a98b0}.about-copy h3{font-family:Space Grotesk;font-weight:500}dl{border-color:#ffffff12}dt{color:#596e90}dd{color:#b0bed5}.inline-links{color:#a0b7de}.id-front{background:linear-gradient(145deg,#2a3b5c,#18253b);border:1px solid #6e86b24a}.id-top{color:#a9bad7}.id-role{color:#9eafe0}.id-back{background:#adbfed;color:#182e50}.id-back .id-top{color:#45618d}.id-back small{color:#5873a1}.interaction-hint{color:#65799a}.filters button{border-color:#ffffff1a;color:#879bbd}.filters button[aria-pressed=true]{background:#a6bdeb;color:#13243c;border-color:#a6bdeb}.skill-detail{border-color:#ffffff18}.skill-detail h3{color:#b0c7f1;font-family:Space Grotesk;font-weight:500}.detail-number,.skill-detail #skill-context{color:#697fa3}.toolkit-note{color:#556b90}.tool-phone{background:radial-gradient(ellipse at 10% 0,#3d5d8e,transparent 75%),#172a47;border-color:#62718a;outline-color:#8d9cb36b;box-shadow:14px 15px #080d16,15px 16px 0 1px #3f4d65,25px 40px 70px #0006}.phone-kicker{color:#8da6d1}.tool-phone h3{color:#e1eaff;font-family:Space Grotesk;font-weight:500}.app-icon{background:linear-gradient(145deg,#6389cd,#345b9a);color:#fff;border:1px solid #ffffff25}.app-icon svg{width:22px;height:22px}.icon-1{background:linear-gradient(145deg,#889ed7,#4c6cb3)}.icon-2{background:linear-gradient(145deg,#ac99d8,#7260a6)}.icon-3{background:linear-gradient(145deg,#d4a08b,#a26a50)}.icon-4{background:linear-gradient(145deg,#80aeb0,#4b8089)}.skill-app{color:#a3b8d9}.skill-app.selected .app-icon{box-shadow:0 0 0 3px #a9bfff}.phone-home{background:#adbee2}.demo{background:linear-gradient(145deg,#1a2840,#152033);border-color:#35496544}.demo>button{background:#283c5c;border-color:#48628a66;color:#a6bde0}.host-app{border-color:#48628a66}.host-app>span{color:#6c87b1}.sdk-node{background:#42669e;color:#e6efff}.sdk-node.connected{background:#6491b3;box-shadow:0 0 0 6px #83b5df15}.sdk-status{color:#7891b5}.flow-step{border-color:#405779;color:#6d86ad}.flow-step.active{background:#446ca6;color:#e2edff}.flow-track i{color:#506d96}.flow-message{color:#869dbc}.architecture-demo .layer{background:#243750;border-color:#3c5575;color:#b9cce5}.layer span{color:#6e87a9}.architecture-demo .layer.active{background:#436ca6}.architecture-demo p{color:#849bbc}.focus-text small{color:#607ca3}.focus-text h3{font-family:Space Grotesk;font-weight:500}.focus-text p{color:#8899b3}.focus-text>span{color:#617c9f}.study-note{color:#4f6483}.timeline-date{color:#7f97bd}.timeline-date span{color:#334a6c}.timeline .eyebrow{color:#7490b9}.timeline h3{font-family:Space Grotesk;font-weight:500}.timeline p{color:#7a90b0}.tags span{color:#7793ba;border-color:#ffffff14}.contact h2{font-family:Space Grotesk}.contact>p{color:#7289ac}.email{border-color:#334d74;color:#b1c6ed}.voice-dock{background:#1b2a40e8;border-color:#4a648933;color:#bacde9;box-shadow:0 10px 40px #0004}.voice-dock>img{background:#304768;border-color:#5573a1}.voice-dock>div>span{color:#6988b4}.voice-dock #voice-stop{border-color:#405a7d;color:#87a6d2}.voice-dock.speaking>img{box-shadow:0 0 0 4px #91b2ee33}.transcript{background:#263b59f5;color:#c7d9f1;border:1px solid #49648b66}.transcript button{color:#9ab6de}footer{background:#080d14;border-color:#ffffff10;color:#536b90}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:translateY(0)}.focus-card:nth-child(2){transition-delay:.1s}.focus-card:nth-child(3){transition-delay:.2s}@keyframes screenEnter{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}@keyframes swipeHint{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-5px);opacity:1}}@media(min-width:1550px){.hero{min-height:960px;padding-left:9vw;padding-right:9vw}.device-shell{width:330px;height:670px}.device-scene.hero-portrait{height:710px}.lock-portrait{top:160px}.os-app-grid{margin-top:40px}.os-home h3{font-size:51px}.os-note{margin-top:30px}}@media(max-width:1050px){.hero{min-height:800px;padding-left:5vw;padding-right:5vw;gap:10px}.studio-intro h1{font-size:68px}.device-shell{width:270px;height:560px;border-radius:46px}.device-display{border-radius:39px}.device-scene.hero-portrait{height:600px}.studio-credentials{gap:24px}.callout-one{right:-12px;font-size:6px;padding:10px;top:95px}.callout-two{left:-20px;font-size:7px;bottom:74px}.callout-two div{font-size:8px}.lock-time{font-size:64px}.lock-portrait{top:140px}.os-home h3{font-size:39px}.os-app-grid{gap:7px}.os-icon{width:39px;height:39px}.os-note{margin-top:18px}.os-dock{padding:10px 20px;bottom:24px}.studio-actions{gap:14px;flex-wrap:wrap}.studio-primary{font-size:10px;padding:13px 15px;gap:13px}.studio-secondary{font-size:9px}.studio-credentials{margin-top:35px}.studio-credentials strong{font-size:20px}.studio-credentials span{font-size:5px}.studio-description{font-size:13px}.studio-label{font-size:6px}}@media(max-width:700px){header{height:76px;padding:0 6vw}.hero{display:flex!important;flex-direction:column;min-height:0;padding:124px 6vw 85px;gap:0;overflow:hidden}.studio-intro{width:100%;padding-bottom:0}.studio-intro h1{font-size:clamp(60px,15.4vw,90px);margin:26px 0;line-height:1.01}.studio-description{font-size:13px;margin:23px 0}.studio-label{font-size:6px;letter-spacing:.07em;gap:8px}.studio-actions{margin-top:27px;gap:19px}.studio-credentials{margin-top:33px;padding-top:18px;gap:30px;max-width:none}.studio-credentials strong{font-size:21px}.studio-credentials span{font-size:5px}.device-scene.hero-portrait{height:635px;width:100%;margin-top:25px;perspective:1400px}.device-shell{width:280px;height:580px;top:25px;transform:translate(-50%) rotate(5deg) rotateY(-6deg)}.device-shell:hover{transform:translate(-50%) rotate(0)}.callout-one{top:60px;right:-8px;font-size:6px;transform:rotate(3deg)}.callout-two{bottom:55px;left:-5px;padding:10px 12px}.callout-two div{font-size:8px}.device-caption{bottom:4px;font-size:5px}.orbital{width:420px;height:420px}.orbital-two{width:500px;height:500px}.studio-watermark{bottom:110px;font-size:40vw;left:-5vw}.studio-scroll{display:none}.studio-bottom{font-size:5px;padding:18px 0;gap:15px}.studio-bottom>span:first-child{max-width:155px;line-height:1.7}.studio-bottom>span:last-child{white-space:nowrap}.os-home h3{font-size:42px}.os-app-grid{margin-top:27px}.os-icon{width:41px;height:41px}.os-note{margin-top:22px}.lock-portrait{top:145px}.home-widget{padding:13px 10px}.hero .device-scene>img{display:none}.contact h2{font-size:42px}.reveal{transform:translateY(15px)}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.device-shell{transition:none}*,*:before,*:after{animation:none!important;transition:none!important}}.studio-watermark{color:#acc3ff06;pointer-events:none}@media(min-width:701px)and (max-height:850px){.hero{min-height:740px;padding-top:100px;padding-bottom:80px}.device-scene.hero-portrait{height:570px}.device-shell{width:260px;height:535px;top:5px}.device-display{border-radius:38px}.device-shell{border-radius:45px}.studio-intro h1{font-size:clamp(56px,6.3vw,90px)}.studio-intro{padding-bottom:25px}.studio-credentials{margin-top:30px}.studio-scroll,.callout-two{bottom:66px}.lock-time{font-size:60px}.lock-screen{padding-top:60px}.lock-portrait{top:130px}.os-home{padding-top:55px}.os-home h3{font-size:37px;margin-bottom:16px}.home-widget{padding:11px}.os-app-grid{margin-top:24px}.os-note{margin-top:15px;font-size:8px}.os-icon{width:37px;height:37px}.os-app-grid>button{font-size:5px}.os-dock{padding:8px 20px}.device-caption{bottom:3px}}.lock-portrait img{bottom:20px;width:115%;max-width:none;left:-7.5%}.device-shell:focus-within{transform:translate(-50%) rotate(0) rotateY(0)}.lock-screen{touch-action:pan-x}.device-scene.speaking .dynamic-island>span{background:#b6ceff;box-shadow:0 0 10px #9dbdff;animation:voicePulse .5s infinite alternate}.device-scene.speaking .dynamic-island{box-shadow:0 0 0 2px #87afff30}.studio-intro{animation:hello .8s ease-out both}.device-shell{animation:deviceArrival 1.2s cubic-bezier(.2,.8,.2,1) both}@keyframes deviceArrival{0%{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}.studio-primary:focus-visible,.os-app button:focus-visible,.os-home button:focus-visible{outline:2px solid #b8d2ff;outline-offset:3px}.studio-label{font:11px/1.6 Manrope;letter-spacing:.03em;color:#a4b2cb}.studio-intro h1{font-size:clamp(48px,5.9vw,88px);line-height:1.09;letter-spacing:-.065em}.studio-description{font-size:16px}.studio-primary,.studio-secondary{font-size:12px}.studio-credentials span{font-size:9px}.studio-credentials strong{font-size:24px}.studio-bottom{font-size:9px;letter-spacing:.05em}.device-callout{font:10px Manrope}.callout-two div{font-size:12px}.callout-two b{font-size:10px}.device-caption{font:9px Manrope;letter-spacing:.04em}.studio-scroll{font:9px Manrope}nav{font-size:12px;gap:24px}.nav-contact{font-size:12px}.device-shell{rotate:var(--tilt-x,0deg) var(--tilt-y,0deg);transform:translate(-50%) rotate(5deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-6deg));transition:transform .6s cubic-bezier(.2,.8,.2,1)}.device-shell:hover{transform:translate(-50%) rotate(2deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.device-shell:focus-within{transform:translate(-50%) rotate(0)}.eyebrow{font-size:11px;letter-spacing:.08em}.section-heading>p:last-child{font-size:15px}.focus-text small,.focus-text>span{font-size:10px;line-height:1.8}.focus-text p{font-size:14px}.study-note{font:11px/1.8 Manrope}.interaction-hint{font:11px Manrope}.toolkit-note{font-size:13px}.filters button{font-size:12px}.skill-detail #skill-context{font:11px/1.8 Manrope}.detail-number{font-size:10px}.timeline-date,.tags span{font-size:11px}.voice-dock>div>span{font-size:9px}.voice-dock button{font-size:12px}.voice-dock{min-width:270px}.transcript{font-size:13px}footer{font-size:10px}dt{font-size:10px}dd{font-size:14px}.engineering-story{padding:110px 7vw 70px;background:radial-gradient(ellipse at 75% 50%,#24365528,transparent 60%),#0b111c;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b}.story-title{max-width:700px;margin-bottom:20px}.story-title h2{font-size:clamp(44px,5.8vw,82px)}.story-title>p:last-child{font-size:15px;color:#8c9bb5}.story-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;align-items:start}.story-chapter{min-height:65vh;display:flex;flex-direction:column;justify-content:center;opacity:.36;transition:opacity .7s}.story-chapter.chapter-active{opacity:1}.chapter-count{font:11px DM Mono;color:#829bc6}.story-chapter h3{font:500 clamp(28px,3.3vw,48px)/1.13 "Space Grotesk";letter-spacing:-.055em;margin:24px 0}.story-chapter p{font-size:15px;line-height:1.9;max-width:380px;color:#8c9bb5}.chapter-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.chapter-tools span{font:11px Manrope;border:1px solid #46618a66;padding:6px 12px;border-radius:30px;color:#91abd1}.story-sticky{position:sticky;top:70px;padding-top:30px}.story-canvas{height:570px;position:relative;isolation:isolate;border:1px solid #48638538;border-radius:22px;background:radial-gradient(ellipse at 50% 50%,#23385855,transparent 65%),#111c2d;overflow:hidden}.story-canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#8fa9db07 1px,transparent 1px),linear-gradient(90deg,#8fa9db07 1px,transparent 1px);background-size:35px 35px;z-index:-1}.story-canvas-label{position:absolute;top:23px;left:23px;right:23px;display:flex;align-items:center;gap:8px;font:10px Manrope;color:#9db5db}.story-step{margin-left:auto;color:#4c6a96;font:9px DM Mono}.story-live-dot{width:5px;height:5px;border-radius:50%;background:#a9c4ff;box-shadow:0 0 12px #99baff}.layer-scene{position:absolute;top:65px;right:0;bottom:110px;left:0;perspective:1100px;transform-style:preserve-3d}.visual-layer{position:absolute;width:205px;height:275px;border-radius:20px;left:50%;top:50%;margin:-137px 0 0 -102px;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity 1s,box-shadow 1s;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 25px 60px #0005;overflow:hidden}.visual-ui{background:linear-gradient(135deg,#d7e5fa,#aabfde);color:#243b60;border:4px solid #e6edfa;z-index:3;padding:20px 16px;transform:translate(0) rotate(-7deg)}.mini-island{position:absolute;top:6px;width:55px;height:12px;background:#203553;left:50%;transform:translate(-50%);border-radius:20px}.mini-status{display:flex;justify-content:space-between;font:6px DM Mono;margin-bottom:25px;color:#566f95}.mini-overline{font:7px DM Mono;color:#617ca6}.visual-ui h4{font:500 27px/1.04 Space Grotesk;letter-spacing:-.07em;margin:12px 0 18px}.mini-content{display:flex;gap:6px}.mini-content>span{height:34px;background:#7899c733;border:1px solid #577ab120;flex:1;border-radius:7px}.story-tap{display:flex;justify-content:space-between;width:100%;margin-top:17px;background:#304f7a;color:#dfeaff;border:0;padding:10px;border-radius:8px;font:8px Manrope}.mini-home{position:absolute;bottom:6px;left:50%;transform:translate(-50%);height:3px;width:55px;background:#5d79a0;border-radius:5px}.visual-sdk{z-index:2;background:linear-gradient(135deg,#2a4265,#192d49);border:1px solid #6b8bb966;transform:translate(22px,20px) rotate(0);opacity:.45;padding:18px}.visual-data{z-index:1;background:linear-gradient(135deg,#1e3149,#142238);border:1px solid #486b9877;transform:translate(42px,40px) rotate(7deg);opacity:.3;padding:18px}.layer-label{font:9px Manrope;color:#a6bfdf;display:flex;justify-content:space-between}.layer-label span{color:#506e96;font:8px DM Mono}.layer-caption{position:absolute;bottom:20px;left:18px;font:7px DM Mono;color:#6384b0}.sdk-glyph{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px}.sdk-glyph>span{font:8px DM Mono;color:#91acd2}.sdk-glyph b{font:500 29px Space Grotesk;letter-spacing:-.06em;border:1px solid #789fd077;background:#7198cc1a;padding:14px;border-radius:13px;color:#b9d3f8}.database-glyph{width:72px;position:relative;margin:60px auto}.database-glyph i{display:block;width:72px;height:29px;border:1px solid #7198cf;border-radius:50%;background:#355581;position:absolute;top:0}.database-glyph i:nth-child(2){top:15px}.database-glyph i:nth-child(3){top:30px}.story-canvas[data-state="1"] .visual-ui{transform:translate(-88px,-24px) rotate(-15deg) scale(.83);opacity:.52}.story-canvas[data-state="1"] .visual-sdk{transform:translate(34px,4px) rotate(5deg);opacity:1;box-shadow:0 0 55px #5b84ba22,0 20px 50px #0006}.story-canvas[data-state="1"] .visual-data{transform:translate(80px,40px) rotate(13deg) scale(.85);opacity:.35}.story-canvas[data-state="2"] .visual-ui{transform:translate(-75px,-70px) rotate(-16deg) scale(.72);opacity:.65}.story-canvas[data-state="2"] .visual-sdk{transform:translate(0) rotate(-5deg) scale(.82);opacity:.85}.story-canvas[data-state="2"] .visual-data{transform:translate(75px,78px) rotate(9deg) scale(.92);opacity:1;z-index:4}.signal{position:absolute;border:1px dashed #7b9bce55;width:155px;height:1px;left:50%;top:50%;opacity:0;transition:opacity 1s;z-index:5;pointer-events:none}.signal-one{transform:translate(-110px,50px) rotate(30deg)}.signal-two{transform:translateY(70px) rotate(25deg)}.signal:after{content:"";position:absolute;width:5px;height:5px;background:#bfd5ff;border-radius:50%;top:-3px;animation:packet 2s infinite;box-shadow:0 0 12px #bad3ff}.story-canvas[data-state="1"] .signal-one,.story-canvas[data-state="2"] .signal{opacity:1}.story-code{position:absolute;bottom:75px;left:22px;right:22px;background:#09132299;border:1px solid #46618a33;border-radius:9px;padding:12px;display:flex;gap:9px;align-items:center}.story-code code{font:10px DM Mono;color:#8eaad6;background:none;margin:0;padding:0;border:0}.code-dot{width:4px;height:4px;border-radius:50%;background:#91afd8}.story-controls{position:absolute;bottom:22px;left:22px;right:22px;display:flex;border:1px solid #46618a33;padding:4px;border-radius:10px;gap:3px;background:#0d1726}.story-controls button{flex:1;padding:9px 3px;border:0;border-radius:6px;background:none;color:#708bb4;font:9px Manrope}.story-controls button[aria-pressed=true]{background:#2e496f;color:#c4d9f8;box-shadow:0 3px 10px #0002}.story-visual-caption{font:10px Manrope;text-align:center;color:#526c90;margin-top:15px}@keyframes packet{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}@media(max-width:1050px){.studio-intro h1{font-size:54px}.studio-description{font-size:14px}.studio-credentials span{font-size:7px}.story-layout{gap:4vw;grid-template-columns:1fr 1.1fr}.story-canvas{height:510px}.visual-layer{width:175px;height:245px;margin:-122px 0 0 -87px}.visual-ui h4{font-size:24px}.visual-ui{padding:20px 13px}.mini-content>span{height:25px}.story-canvas[data-state="2"] .visual-data{transform:translate(50px,68px) rotate(9deg) scale(.85)}.story-canvas[data-state="2"] .visual-ui{transform:translate(-55px,-65px) rotate(-16deg) scale(.7)}.story-canvas[data-state="1"] .visual-ui{transform:translate(-50px,-24px) rotate(-15deg) scale(.76)}.story-canvas[data-state="1"] .visual-data{transform:translate(55px,40px) rotate(13deg) scale(.8)}.story-canvas-label{font-size:9px;left:15px;right:15px}.story-code code{font-size:8px}.story-controls{left:15px;right:15px}.chapter-count{font-size:9px}.story-chapter p{font-size:13px}.story-chapter h3{font-size:32px}.studio-primary{font-size:11px}.studio-secondary{font-size:10px}}@media(max-width:700px){.studio-label{font-size:10px;max-width:270px}.studio-intro h1{font-size:clamp(43px,11vw,64px);line-height:1.12;margin:25px 0}.studio-description{font-size:15px}.studio-primary,.studio-secondary{font-size:11px}.studio-actions{gap:12px}.studio-credentials span{font-size:7px;line-height:1.5}.studio-credentials{gap:22px}.studio-bottom{font-size:7px;line-height:1.7}.device-callout{font-size:9px}.callout-two div{font-size:11px}.callout-two b{font-size:9px}.device-caption{font-size:8px}.engineering-story{padding:70px 6vw}.story-title h2{font-size:45px}.story-title>p:last-child{font-size:13px}.story-layout{display:flex;flex-direction:column-reverse;gap:10px}.story-sticky{position:relative;top:auto;width:100%;padding-top:15px}.story-canvas{height:495px}.story-chapters{display:grid;gap:0}.story-chapter{min-height:0;padding:32px 0;opacity:1;border-top:1px solid #ffffff12}.story-chapter h3{font-size:31px;margin:18px 0}.story-chapter p{font-size:14px;margin:0}.chapter-count,.chapter-tools span,.story-visual-caption,.story-canvas-label{font-size:10px}.story-code code{font-size:9px}.story-controls button,.eyebrow{font-size:10px}.focus-text small,.focus-text>span{font-size:10px}.focus-text p{font-size:14px}.filters button{font-size:11px}.voice-dock{min-width:250px}.voice-dock button{font-size:11px}.voice-dock>div>span{font-size:8px}.timeline .eyebrow{font-size:10px}.contact>p{font-size:14px}.about-copy p{font-size:14px}.availability{font-size:9px}}@media(prefers-reduced-motion:reduce){.visual-layer,.story-chapter{transition:none}.signal:after{animation:none}.studio-intro{animation:none}}.companion{position:fixed;right:20px;top:22vh;width:185px;z-index:25;text-align:center;color:#dce4f0;pointer-events:none}.companion[hidden],.companion-show[hidden]{display:none}.companion-top{display:flex;justify-content:space-between;font-size:10px;color:#a5b4cb;gap:8px}.companion-index{color:#a5f3cf;font-variant-numeric:tabular-nums}.companion-art{position:relative;height:285px;transform:translateY(var(--travel,0px)) rotate(var(--turn,0deg));transition:transform .16s linear}.companion-svg{height:100%;width:100%;overflow:visible;position:relative;filter:drop-shadow(0 16px 18px #0005)}.companion-halo{position:absolute;top:30px;right:-10px;bottom:25px;left:-10px;background:radial-gradient(ellipse,#69b9b825,transparent 65%);border:1px solid #8ee4d318;border-radius:50%;transform:rotate(-20deg)}.guide-left{transform-origin:94px 188px;transform:rotate(var(--left-arm))}.guide-right{transform-origin:166px 188px;transform:rotate(var(--right-arm))}.guide-head{transform-origin:130px 170px;transform:rotate(var(--head))}.guide-arm,.guide-head{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.guide-gaze{transform:translate(var(--gaze));transition:transform .4s}.guide-eyes{transform-origin:130px 108px;animation:guide-blink 5.8s infinite}.guide-mouth-open{display:none}.is-speaking .guide-mouth-open{display:block;animation:guide-talk .24s steps(2,end) infinite}.is-speaking .guide-mouth{visibility:hidden}.companion-orbit{position:absolute;right:-3px;top:56px;padding:8px 10px;border:1px solid #a5f3cf55;border-radius:10px;font:11px monospace;color:#a5f3cf;background:#101923;transform:rotate(8deg);transition:transform .5s}.companion[data-scene=skills] .companion-orbit{transform:translate(-130px,40px) rotate(-8deg)}.companion[data-scene=contact] .companion-orbit{transform:translate(-20px,-15px) rotate(0)}.companion-line{font-size:13px;line-height:1.55;max-width:180px;margin:10px auto 15px;min-height:41px}.companion-progress{height:2px;background:#ffffff18;margin-bottom:12px}.companion-progress i{display:block;height:100%;background:#a5f3cf}.companion small{font-size:9px;color:#93a1b5;display:block}.companion-hide{pointer-events:auto;border:0;background:none;color:#acb8cc;font:11px inherit;text-decoration:underline;margin-top:8px;cursor:pointer}.companion-show{position:fixed;right:16px;bottom:105px;z-index:60;border:1px solid #ffffff30;background:#15202e;color:#fff;border-radius:20px;padding:10px 16px;cursor:pointer}.voice-dock{max-width:calc(100vw - 24px);flex-wrap:wrap}.voice-dock>img{display:none}.voice-settings{position:relative;font-size:12px;pointer-events:auto}.voice-settings summary{cursor:pointer;padding:8px 10px;border:1px solid #ffffff25;border-radius:16px;list-style:none;white-space:nowrap}.voice-options{position:absolute;bottom:48px;right:0;width:260px;padding:18px;border:1px solid #ffffff30;background:#101a28;border-radius:16px;box-shadow:0 12px 40px #0008;color:#e5edf9;text-align:left}.voice-options label{display:block;font-size:13px;margin-bottom:10px}.voice-options select{display:block;width:100%;padding:10px 8px;background:#1b293b;color:#fff;border:1px solid #75859d;border-radius:7px;font-size:12px}.voice-options .voice-preview{display:block;padding:10px 14px;background:#a5f3cf;color:#14291e;border-radius:7px;margin-top:12px}.voice-options p{font-size:11px;line-height:1.6;color:#acb8cc;margin-bottom:0}.voice-options button:disabled{opacity:.5}.voice-dock button:focus-visible,.voice-settings summary:focus-visible,.companion button:focus-visible,.companion-show:focus-visible{outline:2px solid #a5f3cf;outline-offset:4px}@keyframes guide-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.06)}}@keyframes guide-talk{0%{transform:scaleY(.4);transform-origin:130px 142px}to{transform:scaleY(1);transform-origin:130px 142px}}@media(min-width:1100px){body{padding-right:225px}.hero .studio-intro h1{font-size:clamp(48px,5.5vw,94px)}.hero .device-scene{transform:scale(.86);transform-origin:center}.studio-intro{z-index:2}}@media(max-width:1099px){.companion{right:10px;top:auto;bottom:105px;width:94px}.companion-art{height:130px}.companion-top,.companion-line,.companion-progress,.companion small,.companion-orbit,.companion-halo{display:none}.companion-hide{font-size:10px;margin:0;background:#101923dd;border-radius:12px;padding:5px 9px}.companion-svg{filter:drop-shadow(0 6px 8px #0006)}.voice-options{right:-30px;width:235px}.voice-dock{gap:10px}.voice-dock #voice-section{font-size:10px}.voice-settings summary{font-size:11px;padding:7px}.transcript{max-width:calc(100vw - 130px)}}@media(prefers-reduced-motion:reduce){.companion *,.companion-art{animation:none!important;transition:none!important}.is-speaking .guide-mouth-open{display:none}.is-speaking .guide-mouth{visibility:visible}}@media(max-width:700px){.companion{left:5px;right:auto;bottom:12px;width:50px}.companion-art{height:68px;transform:none}.companion-hide{font-size:8px;padding:3px 5px}.voice-dock{max-width:calc(100vw - 76px);left:calc(50% + 24px)}.voice-options{right:0}.companion-show{right:auto;left:5px;bottom:90px;padding:7px;font-size:10px}}