@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#222722;--paper:#f6f5ef;--green:#345a42;--line:#d6d9cf;--muted:#62695f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ab6b32;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 44px}header{max-width:1288px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:27px 44px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:18px}.brand span{letter-spacing:0;font-size:13px;font-weight:500}nav{display:flex;gap:30px;align-items:center;font-size:13px}.nav-cta{border:1px solid #a3ac9f;border-radius:30px;padding:9px 18px}.hero{padding-top:78px}.eyebrow,.section-label,.credentials>span{font-size:10px;letter-spacing:1.6px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;border-radius:50%;background:#648863}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,sans-serif}h1{font-size:clamp(42px,5.9vw,76px);line-height:1.13;letter-spacing:-4px;font-weight:500;margin:24px 0 27px}em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-bottom p{max-width:530px;font-size:17px;color:var(--muted)}.button{background:var(--green);color:white;border-radius:4px;display:inline-flex;gap:35px;align-items:center;padding:15px 24px;font-size:13px}.button:hover{background:#234630}.credentials{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:56px 0 66px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.credentials>span{color:var(--muted);font-size:9px}.credentials strong{font-size:20px;letter-spacing:-.6px}.section-label{display:flex;justify-content:space-between;margin-bottom:25px;color:var(--muted)}.section-label span+span{font-weight:400;letter-spacing:0;font-size:12px}.flagship{display:grid;grid-template-columns:1fr 1fr;border-radius:10px;overflow:hidden;background:#e8ece1;border:1px solid #dde2d7}.project-copy{padding:50px 40px}.pill{display:inline-block;border:1px solid #acb7a2;font-size:9px;letter-spacing:1px;padding:3px 8px;border-radius:20px;white-space:nowrap}.project-copy h2{font-size:51px;letter-spacing:-2px;margin:22px 0}.asterisk{font-size:46px;color:#788e66;margin-left:12px}.project-copy h3{font-size:27px;line-height:1.3;letter-spacing:-.7px;margin-bottom:20px}.project-copy p{font-size:14px;color:#56604f;max-width:370px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0 32px}.tags span{font-size:10px;border:1px solid #bec7b3;padding:4px 9px;border-radius:3px}.text-link{display:inline-block;border-bottom:1px solid #85947d;padding-bottom:5px;font-size:13px;font-weight:600}.visual{--tone:#e3e9d1;--accent:#466247;position:relative;min-height:610px;background:#ced8be;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:background .4s}.orb{position:absolute;border-radius:50%;border:1px solid #fff5;width:410px;height:410px}.orb-one{top:-90px;right:-160px}.orb-two{bottom:50px;left:-180px}.phone{z-index:1;width:252px;background:var(--tone);border:6px solid #30352e;border-radius:38px;padding:25px 16px 16px;box-shadow:14px 24px 38px #38422c30;transform:rotate(5deg);color:var(--accent);transition:background .4s,color .4s}.island{background:#30352e;width:68px;height:16px;border-radius:20px;position:absolute;top:6px;left:86px}.phone-top{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin:9px 0 29px}.phone small{font-size:7px;letter-spacing:1px}.phone h4{font-size:21px;line-height:1.25;letter-spacing:-.6px;margin-top:7px}.path-art{height:145px;position:relative}.path-art svg{height:130px;width:100%;opacity:.65}.path-art span{font-size:8px;position:absolute;bottom:8px;right:0}.phone-card{padding:12px;background:#ffffff75;border-radius:10px;margin-top:8px;display:grid;gap:3px;font-size:10px}.phone-card b{font-size:9px;font-weight:500}.phone-footer{font-size:6px;text-align:center;margin-top:22px;letter-spacing:.5px}.mood-selector{z-index:2;margin-top:29px;text-align:center}.mood-selector>span{font-size:8px;letter-spacing:1.5px}.mood-selector>div{display:flex;gap:5px;margin-top:8px}.mood-selector button{border:1px solid #75836b66;padding:5px 12px;border-radius:20px;background:transparent;font-size:10px;color:#283b2c}.mood-selector button[aria-pressed=true]{background:#344b37;color:white}.caption{font-size:9px;color:#4e5d46;margin-top:12px;z-index:1}.case-study{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:65px 0}.case-study h2,.experience h2,.notes h2{font-size:37px;line-height:1.25;letter-spacing:-1.5px;margin:15px 0 20px}.case-study p,.experience p,.notes p{color:var(--muted)}.details details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:20px 0;font-size:13px;display:flex;gap:17px;align-items:center}summary::-webkit-details-marker{display:none}summary span{font-size:10px;color:#7b8675}summary b{margin-left:auto;font-weight:400;font-size:20px}details[open] summary b{transform:rotate(45deg)}details p{font-size:13px;padding:0 25px 22px 32px}.other-work{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:76px}.mini-visual{height:190px;padding:25px;display:flex;align-items:center;gap:20px;border-radius:7px}.job{background:#e3e5e8;color:#434d62}.lab{background:#e7e1d5;color:#665b46}.mini-visual small{display:block;font-size:8px;letter-spacing:1px}.mini-visual strong{font-size:23px;font-family:Manrope,sans-serif;letter-spacing:-.7px}.doc-symbol{font-size:50px;padding:0 20px;border:1px solid #929caf;border-radius:6px;transform:rotate(-10deg)}.lab-grid{font-size:31px;line-height:1.5;letter-spacing:10px}.mini-copy{padding:24px 0}.mini-copy h3{font-size:21px;letter-spacing:-.6px;margin:10px 0}.mini-copy p{font-size:14px;color:var(--muted);margin-bottom:15px}.mini-copy a,.muted{font-size:12px}.mini-copy a{text-decoration:underline;text-underline-offset:5px}.muted{color:var(--muted)}.experience{background:#eaece4;padding:55px 0 65px}.experience-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.experience .text-link{margin-top:23px}.roles article{display:flex;gap:30px;padding:23px 0;border-bottom:1px solid #cdd3c5}.roles article>span{font-size:9px;min-width:85px;padding-top:5px}.roles h3{font-size:21px;letter-spacing:-.5px}.roles p{font-size:13px}.roles small{font-size:11px;color:#5e6857}.notes{padding-top:75px;padding-bottom:75px}.notes-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.notes h2{font-size:40px}.notes h3{font-size:22px;line-height:1.4;margin:17px 0}.notes p{font-size:14px;margin-bottom:15px}.notes p.muted{font-size:12px}.connect{border-top:1px solid var(--line);padding-top:50px;padding-bottom:55px}.connect h2{font-size:58px;line-height:1.15;letter-spacing:-2.6px;margin:20px 0}.connect>div{display:flex;align-items:center;justify-content:space-between;gap:25px}.connect p{color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;padding-top:25px!important;padding-bottom:25px!important;color:var(--muted)}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:9}.skip:focus{top:0}@media(max-width:800px){.wrap,header{padding-left:24px;padding-right:24px}nav{gap:16px}nav .nav-cta{display:none}.hero{padding-top:50px}h1{letter-spacing:-2px}.credentials{flex-wrap:wrap;justify-content:flex-start;gap:25px}.credentials>span{width:100%}.credentials strong{font-size:17px}.flagship{grid-template-columns:1fr}.project-copy{padding:35px 28px}.visual{min-height:590px}.case-study,.experience-grid,.notes-content{grid-template-columns:1fr;gap:25px}.other-work{gap:20px}.mini-visual{padding:18px;gap:12px}.doc-symbol{padding:0 12px}.mini-visual strong{font-size:17px}.lab-grid{font-size:22px;letter-spacing:4px}.experience-grid{gap:30px}.notes-content{gap:20px}footer>span:nth-child(2){display:none}}@media(max-width:520px){.brand span{display:none}nav{gap:20px}.hero-bottom{align-items:flex-start;flex-direction:column}.hero-bottom p{font-size:15px}h1{font-size:42px}.section-label span+span{display:none}.project-copy h2{font-size:44px}.eyebrow{font-size:8px}.other-work{grid-template-columns:1fr;gap:10px}.roles article{gap:17px}.roles article>span{min-width:72px}.roles h3{font-size:18px}.connect h2{font-size:46px}.connect>div{align-items:flex-start;flex-direction:column}.credentials{margin-bottom:45px}.case-study{padding:45px 0}.notes{padding-top:45px;padding-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Engineering portfolio */
:root{--ink:#172735;--paper:#f5f6f7;--green:#28536a;--line:#d3dce2;--muted:#556571}.hero h1{font-size:clamp(40px,5.3vw,67px)}.hero h1 em{font-family:Manrope,sans-serif;font-style:normal;font-weight:500}.hero-bottom p{max-width:610px;font-size:16px}.hero-bottom .button{white-space:nowrap;gap:8px}.technical-project{border:1px solid var(--line);background:#fff;border-radius:8px;padding:35px}.project-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:50px}.project-heading h2{font-size:49px;letter-spacing:-2px;margin:12px 0}.project-heading p{max-width:540px;color:var(--muted)}.ownership{padding:5px 0 5px 25px;border-left:1px solid var(--line)}.ownership p{font-size:13px;margin:10px 0 16px}.technical-project>.tags{margin:25px 0}.tags span{border-color:#c9d5df;background:#f0f5f8;color:#34566d}.pill{border-color:#afbfca}.project-tabs{display:flex;border-bottom:1px solid var(--line);gap:24px}.project-tabs button{border:0;background:none;padding:16px 0;color:var(--muted);font-size:13px;border-bottom:3px solid transparent}.project-tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--ink);font-weight:700}.panel{padding-top:34px}.panel[hidden]{display:none}.panel-intro{max-width:680px}.panel-intro h3{font-size:29px;letter-spacing:-.8px;line-height:1.3;margin:12px 0 15px}.panel-intro p{color:var(--muted);font-size:14px}.architecture-flow{display:flex;align-items:center;gap:12px;padding:30px 0}.architecture-flow div{background:#edf3f7;border:1px solid #d6e2e9;border-radius:5px;padding:15px;flex:1;min-width:0}.architecture-flow small{font:8px monospace;letter-spacing:.8px;display:block;color:#567185}.architecture-flow strong{display:block;font-size:12px;line-height:1.6;margin:8px 0}.architecture-flow span{font-size:10px;line-height:1.5;color:var(--muted);display:block}.architecture-flow>b{transform:rotate(-90deg);color:#7a8d9a}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0}.decision-grid h4,.tradeoff h4{font-size:16px;margin-bottom:10px}.decision-grid p,.tradeoff p{font-size:13px;color:var(--muted)}code{font:10px/1.7 ui-monospace,SFMono-Regular,monospace;display:block;overflow-wrap:anywhere;color:#526d80;margin-top:13px}.tradeoff{background:#f4f6f7;padding:22px;margin-top:18px;border-left:3px solid #69899e}.edge-list{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.edge-list article{border-top:1px solid var(--line);padding-top:22px}.edge-list article>span{font:9px monospace;color:#597589;letter-spacing:.6px}.edge-list h4{font-size:19px;line-height:1.4;margin:12px 0}.edge-list p{font-size:13px;color:var(--muted);margin:10px 0}.edge-list b{color:var(--ink)}.secondary-project{display:grid;grid-template-columns:1fr 1.6fr;gap:50px;padding:40px 0;border-bottom:1px solid var(--line)}.secondary-project h3{font-size:29px;letter-spacing:-1px;margin:12px 0}.secondary-project p,.secondary-project dd{font-size:13px;color:var(--muted)}dl{margin:0}dt{font-size:11px;font-weight:700;margin-bottom:5px}dd{margin:0 0 15px}.lab-note{display:flex;gap:35px;padding:27px 0 55px;align-items:baseline}.lab-note .eyebrow{white-space:nowrap}.lab-note p{font-size:13px;color:var(--muted)}.experience{background:#e9eef2}.experience-grid{grid-template-columns:1fr 1.6fr;gap:65px}.roles article{border-color:var(--line)}.roles ul{padding-left:16px;margin:12px 0 0;color:var(--muted);font-size:12px}.roles li{margin-top:6px}.print-button{background:none;border:0;color:var(--green);font-size:12px;padding:0;text-decoration:underline;text-underline-offset:4px}.note-list details{border-bottom:1px solid var(--line)}.note-list details>div{max-width:800px;padding:0 30px 25px}.note-list details p{padding:0;margin:0 0 14px;font-size:14px}.note-list summary{font-size:16px}.notes{padding-bottom:55px}.contact-actions{display:flex;align-items:center;gap:25px}.connect h2{font-size:48px}.connect p>a{text-decoration:underline;text-underline-offset:4px}@media(max-width:950px){.hero-bottom{align-items:flex-start;flex-direction:column}.architecture-flow{flex-direction:column;align-items:stretch;gap:6px}.architecture-flow>b{transform:none;text-align:center}.architecture-flow div{padding:12px 16px}.architecture-flow strong{margin:5px 0}.decision-grid{gap:18px}.project-tabs{gap:18px}.project-tabs button{font-size:12px}}@media(max-width:700px){.technical-project{padding:24px 18px}.project-heading,.experience-grid,.secondary-project{grid-template-columns:1fr;gap:25px}.ownership{padding-left:0;border:0;border-top:1px solid var(--line);padding-top:20px}.decision-grid,.edge-list{grid-template-columns:1fr}.project-tabs{gap:12px}.project-tabs button{font-size:11px}.panel-intro h3{font-size:25px}.lab-note{display:block}.lab-note p{margin-top:12px}.contact-actions{flex-wrap:wrap}.connect h2{font-size:38px}.hero h1{font-size:38px}.notes h2{font-size:32px}}@media print{header,footer,.hero,.work,.notes,.connect,.print-button,.skip{display:none!important}.experience{background:white;padding:0}.experience-grid{display:block}.experience-grid>.roles{margin-top:20px}.wrap{max-width:none;padding:0}.roles article{break-inside:avoid}.experience-grid>div>h2{font-size:24px}.experience-grid>div:first-child:before{content:'Arbi Derhartunian — Senior / Lead iOS Engineer';font-size:24px;font-weight:bold}.experience-grid>div:first-child:after{content:'arbidh@gmail.com · linkedin.com/in/arbidh';display:block;font-size:12px}.experience h2{display:none}.section-label{display:none}.roles ul{font-size:11px}.roles article{padding:12px 0}}
/* Single-page portfolio navigation and full resume */
header{position:sticky;top:0;z-index:10;background:var(--paper)}.site-tabs{gap:5px}.site-tabs button{font-size:12px;border:0;background:none;padding:11px 15px;border-radius:5px;color:var(--muted)}.site-tabs button[aria-selected=true]{background:#dfe9f0;color:#163b53;font-weight:700}.page-view[hidden]{display:none!important}.page-view{padding-top:42px;padding-bottom:35px}.hero{padding-top:45px}.hero h1{font-size:clamp(35px,4.7vw,60px);margin-top:18px}.credentials{margin:28px 0 20px;padding:20px 0}.overview-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:15px 0 22px}.overview-evidence strong{display:block;font-size:24px;letter-spacing:-.7px}.overview-evidence span{font-size:12px;color:var(--muted)}.contact-bar{display:flex;gap:25px;align-items:center;padding-top:20px;padding-bottom:20px;border-top:1px solid var(--line);font-size:12px}.contact-bar>span{margin-right:auto;color:var(--muted)}.resume-heading{display:flex;justify-content:space-between;gap:25px;padding:10px 0 28px;border-bottom:1px solid var(--line)}.resume-heading h2{font-size:36px;letter-spacing:-1px;margin:10px 0}.resume-heading h3{font-size:20px;margin-bottom:12px}.resume-heading p{font-size:13px;color:var(--muted);margin-top:5px}.resume-heading a:not(.button){text-decoration:underline;text-underline-offset:3px}.resume-actions{display:flex;flex-direction:column;gap:17px;align-items:flex-start;padding-top:15px}.resume-body{max-width:900px}.resume-body>section{padding:28px 0;border-bottom:1px solid var(--line)}.resume-body>section>h2{font-size:14px;text-transform:uppercase;letter-spacing:1.4px;color:var(--green);margin-bottom:20px}.resume-body p,.resume-body li,.resume-body dd{font-size:14px;color:#354855;line-height:1.75}.resume-body ul{padding-left:20px}.resume-body li{margin-bottom:8px}.resume-role{padding:13px 0 20px}.resume-role h3{font-size:20px;letter-spacing:-.4px}.resume-role .role-meta{font-size:12px;color:#617481;margin-top:6px}.skill-list>div{display:grid;grid-template-columns:200px 1fr;gap:20px;margin-bottom:12px}.skill-list dt{font-size:12px}.skill-list dd{margin:0}.notes.page-view{padding-top:42px}.notes h2{font-size:32px}@media(max-width:800px){header{flex-wrap:wrap;gap:12px;padding-top:15px;padding-bottom:12px}.site-tabs{display:flex;overflow-x:auto;width:100%;justify-content:space-between}.site-tabs button{padding:9px 10px;white-space:nowrap}.brand span{display:inline}.resume-heading{flex-direction:column}.skill-list>div{grid-template-columns:1fr;gap:2px}.contact-bar{flex-wrap:wrap;gap:12px}.contact-bar>span{width:100%}.overview-evidence{gap:15px}.overview-evidence strong{font-size:20px}.overview-evidence span{font-size:11px}.hero h1{font-size:37px}.hero-bottom .button{white-space:normal}.resume-body p,.resume-body li,.resume-body dd{font-size:13px}}@media print{.page-view{display:none!important}.resume-page,.resume-page[hidden]{display:block!important;padding:0}.resume-actions,.contact-bar{display:none!important}.resume-heading{padding:0 0 15px}.resume-heading h2{font-size:25px}.resume-heading h3{font-size:17px}.resume-body{max-width:none}.resume-body>section{padding:15px 0}.resume-role{break-inside:avoid}.resume-body li,.resume-body p,.resume-body dd{font-size:10px;line-height:1.5}.resume-role h3{font-size:14px}.resume-body>section>h2{font-size:12px;margin-bottom:10px}.skill-list>div{grid-template-columns:160px 1fr;margin-bottom:6px}.resume-body li{margin-bottom:4px}body{background:#fff}}
.video-heading h2{font-size:35px;letter-spacing:-1px}.video-heading p{color:var(--muted);font-size:14px;margin:8px 0 25px}.video-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.video-stage{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}#demo-player{width:100%;height:min(48vh,440px);min-height:240px;display:block;background:#101217;object-fit:contain}.demo-description{padding:20px}.demo-description h3{font-size:19px}.demo-description p{font-size:13px;color:var(--muted);margin:8px 0}.demo-description>a{font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:3px}.video-playlist{display:flex;flex-direction:column;gap:12px}.video-playlist button{display:flex;align-items:center;gap:12px;text-align:left;background:white;border:1px solid var(--line);border-radius:6px;padding:12px;color:var(--ink)}.video-playlist button[aria-pressed=true]{border:2px solid var(--green);padding:11px;background:#eaf1f5}.video-playlist img{width:55px;height:64px;object-fit:contain;background:#101217;border-radius:4px}.video-playlist strong{display:block;font-size:13px}.video-playlist small{font-size:10px;color:var(--muted)}.video-playlist b{font-size:10px;margin-left:auto}.video-playlist .text-link{align-self:flex-start;margin-top:8px}.screenshots{margin-top:25px;border-top:1px solid var(--line)}.screenshots summary{font-size:14px}.screenshots summary b{margin-left:auto}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.screenshot-grid figure{margin:0;text-align:center;padding:15px;background:#e9edf1;border-radius:7px}.screenshot-grid img{max-width:100%;height:350px;object-fit:contain}.screenshot-grid .wide-shot{grid-column:1/-1}.screenshot-grid .wide-shot img{height:auto;width:100%}.screenshot-grid figcaption{font-size:12px;color:var(--muted);margin-top:10px}@media(max-width:800px){.video-layout{grid-template-columns:1fr}.video-playlist{display:grid;grid-template-columns:1fr}.video-playlist button{padding:10px}.video-playlist img{width:40px;height:45px}#demo-player{height:350px}.video-heading h2{font-size:28px}.site-tabs button{padding:9px 8px;font-size:11px}.screenshot-grid img{height:260px}}@media(max-width:430px){.screenshot-grid{grid-template-columns:1fr}.screenshot-grid .wide-shot{grid-column:auto}}
/* Product-led engineering identity */
:root{--paper:#f8f8fc;--green:#5144bc;--ink:#191d31;--muted:#61677b;--line:#dedfeb}header{max-width:1400px}.wrap{max-width:1280px}.brand{color:#5144bc}.site-tabs button[aria-selected=true]{background:#e9e6ff;color:#5144bc}.builder-hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;background:#171831;color:white;border-radius:20px;overflow:hidden;min-height:450px}.hero-story{padding:48px 0 45px 42px;z-index:1}.hero-story .eyebrow{font-size:9px;letter-spacing:1.2px;color:#c5c4df}.hero-story .dot{background:#99efcc}.hero-story h1{font-size:clamp(40px,4.6vw,62px);letter-spacing:-2.8px;line-height:1.1;margin:25px 0}.hero-story em{color:#b8a5ff;font-style:normal;font-family:Manrope,sans-serif}.hero-story>p{max-width:460px;color:#c8c8dc;font-size:15px;line-height:1.75}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:28px}.hero-actions .button{background:#b9a7ff;color:#19152d;font-weight:700;border-radius:8px;gap:0}.hero-secondary{font-size:13px;color:#ece9ff}.hero-specialties{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px;color:#a6a9c5;font:10px monospace}.hero-product{position:relative;min-height:450px;overflow:hidden;background:radial-gradient(ellipse at 75% 65%,#6950b799,transparent 65%)}.hero-orbit{position:absolute;width:360px;height:360px;border:1px solid #8874b855;border-radius:50%;top:65px;left:50px;box-shadow:0 0 0 42px #76619e12,0 0 0 90px #76619e0a}.real-phone{position:absolute;width:194px;height:387px;overflow:hidden;top:48px;right:60px;border:5px solid #49435e;border-radius:35px;transform:rotate(9deg);box-shadow:0 25px 50px #0008}.real-phone img{width:100%;height:100%;object-fit:cover}.product-sticker{position:absolute;top:62px;left:18px;z-index:2;transform:rotate(-6deg)}.product-sticker span{font:8px monospace;color:#b8a5ff;letter-spacing:2px}.product-sticker strong{display:block;font:600 32px Manrope,sans-serif;letter-spacing:-1px}.product-sticker small{color:#c4bfdd;font-size:10px}.watch-badge{position:absolute;bottom:38px;left:32px;background:#fff;color:#322956;padding:12px 17px;border-radius:25px;font-size:12px;z-index:2;box-shadow:0 5px 20px #0003}.floating-tech{position:absolute;right:24px;bottom:105px;background:#a2edcf;color:#204136;padding:13px 17px;border-radius:8px;transform:rotate(-6deg);font-size:16px;z-index:2}.floating-tech b{font:8px monospace}.company-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 5px}.company-strip>span{font:9px monospace;letter-spacing:1px;color:var(--muted)}.company-strip strong{font:800 20px Manrope,sans-serif;letter-spacing:-.8px;color:#52566c}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 34px;gap:25px}.proof-strip>div{border-right:1px solid var(--line);padding:0 15px}.proof-strip>div:last-child{border:0}.proof-strip strong{font:700 32px Manrope,sans-serif;color:#5144bc;display:block}.proof-strip span{font-size:11px;line-height:1.5;display:block;color:var(--muted);margin-top:5px}.spotlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.spotlight{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s}.spotlight:hover{transform:translateY(-5px);box-shadow:0 16px 30px #25214312}.spotlight-art{height:185px;overflow:hidden;position:relative;background:#ded6fb}.spotlight-art img{width:125px;position:absolute;top:18px;left:calc(50% - 63px);border-radius:16px;transform:rotate(-7deg);box-shadow:10px 10px 30px #0003}.stream .spotlight-art{background:#d2edf0}.circle .spotlight-art{background:#f6dfcb}.spotlight-art>span{position:absolute;bottom:16px;right:18px;background:#fff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#5144bc;font-size:12px}.spotlight>div+div{padding:22px}.spotlight small{font:8px monospace;color:#73768b;letter-spacing:1px}.spotlight h3{font-size:23px;letter-spacing:-.7px;margin:8px 0}.spotlight p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:17px}.spotlight b{font-size:11px;color:#5144bc}.hiring-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding:55px 0}.hiring-intro h2{font-size:34px;line-height:1.25;letter-spacing:-1.2px;margin:17px 0}.hiring-intro h2 em{font-family:Manrope,sans-serif;font-style:normal}.hiring-intro p{font-size:14px;color:var(--muted);margin-bottom:20px}.evidence-list details{border-bottom:1px solid var(--line)}.evidence-list summary{font-size:13px}.evidence-list p{padding:0 0 20px;font-size:13px;color:var(--muted)}.health-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;background:#e8f3ef;border:1px solid #c6e1d7;padding:32px;border-radius:14px;margin-bottom:20px}.health-panel h2{font-size:29px;line-height:1.3;letter-spacing:-1px;margin-top:20px}.health-panel p{font-size:13px;color:#46645b;margin-bottom:16px}.health-panel b{color:#254a3f}.product-explorer{margin-bottom:45px}.product-explorer>h2{font-size:36px;letter-spacing:-1.2px;margin:10px 0}.product-explorer>p{max-width:730px;color:var(--muted);font-size:14px}.catalog-controls{display:flex;gap:18px;align-items:end;margin:27px 0}.catalog-controls label{font-size:10px;display:flex;flex-direction:column;gap:7px;font-weight:700}.catalog-controls label:first-child{flex:1}.catalog-controls input,.catalog-controls select{padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:white;font:13px 'DM Sans',sans-serif;color:var(--ink)}#product-count{font-size:12px;color:var(--muted);padding-bottom:12px}.product-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{border:1px solid var(--line);border-radius:10px;background:white;padding:23px;display:flex;flex-direction:column;border-top:3px solid #aa95ef}.catalog-card[hidden]{display:none}.catalog-category{font:9px monospace;text-transform:uppercase;color:#78768f}.catalog-card h3{font-size:21px;letter-spacing:-.6px;margin:10px 0}.stage{font-size:9px;border-radius:20px;padding:3px 8px;background:#f1eef9;color:#6b6093;align-self:flex-start}.stage.released{background:#dff5e9;color:#296a4c}.catalog-card p{font-size:13px;color:var(--muted);margin:15px 0}.catalog-stack{font:10px/1.7 monospace;color:#6f7190;margin-top:auto;padding-top:12px;border-top:1px solid #eff0f4}.catalog-card .text-link{align-self:flex-start;font-size:11px;margin-top:15px}.jump-case{border:0;background:none;padding-left:0;cursor:pointer}.catalog-more{display:block;margin:24px auto 0;padding:12px 24px;border:1px solid #bdb5de;border-radius:7px;background:#ede9fb;color:#5144bc;font:13px 'DM Sans',sans-serif}.technical-project{border-top:4px solid #8c71d6}.nav-cta{color:#5144bc}@media(max-width:900px){.builder-hero{grid-template-columns:1.3fr 1fr}.hero-story{padding:32px 0 32px 25px}.hero-story h1{font-size:42px}.real-phone{right:20px;width:160px;height:345px;top:72px}.product-sticker{left:0;top:32px}.product-sticker strong{font-size:26px}.floating-tech{right:10px;bottom:52px}.watch-badge{left:0;bottom:12px}.company-strip strong{font-size:17px}.company-strip>span{display:none}.hero-actions{gap:15px;flex-wrap:wrap}.hiring-grid{gap:30px}.spotlight-grid{gap:12px}.spotlight>div+div{padding:17px}.product-catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.builder-hero{grid-template-columns:1fr}.hero-story{padding:28px 25px 10px}.hero-story h1{font-size:42px}.hero-product{min-height:320px}.real-phone{top:15px;right:70px;width:150px;height:300px}.product-sticker{left:30px;top:65px}.floating-tech{right:20px;bottom:70px}.watch-badge{bottom:25px;left:35px}.hero-orbit{top:15px;left:60px}.proof-strip{grid-template-columns:1fr 1fr;gap:15px}.proof-strip>div:nth-child(2){border:0}.proof-strip strong{font-size:28px}.company-strip{flex-wrap:wrap;justify-content:center;gap:18px}.company-strip strong{font-size:15px}.spotlight-grid,.hiring-grid,.health-panel{grid-template-columns:1fr}.spotlight{display:grid;grid-template-columns:110px 1fr}.spotlight-art{height:100%;min-height:210px}.spotlight-art img{width:110px;left:8px;top:30px}.spotlight-art>span{right:8px;bottom:12px}.hiring-grid{padding:35px 0}.health-panel{padding:25px;gap:20px}.product-catalog{grid-template-columns:1fr}.catalog-controls{flex-wrap:wrap}.catalog-controls label:first-child{flex-basis:100%}.product-explorer>h2{font-size:29px}.site-tabs button{font-size:10px;padding:9px 7px}.new-overview{padding-top:22px}.hiring-intro h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.spotlight{transition:none}.spotlight:hover{transform:none}}

.catalog-more[hidden]{display:none!important}

.visual-collection{margin:24px 0 48px}.visual-collection h2{margin-bottom:12px}.visual-collection>p{max-width:760px;color:var(--muted,#64748b)}.showcase-picks{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 18px}.showcase-picks button,.screen-picks button{font:inherit;cursor:pointer;border:1px solid #ccd2de;border-radius:12px;background:#fff;color:#25324c;padding:10px 15px}.showcase-picks button[aria-pressed=true],.screen-picks button[aria-pressed=true]{background:#392866;color:#fff;border-color:#392866}.showcase-stage{margin:0;background:#101426;border-radius:22px;overflow:hidden}.showcase-stage img{display:block;width:100%;max-height:62vh;object-fit:contain}.showcase-stage figcaption{display:flex;justify-content:space-between;padding:16px 24px;color:#f3efff;gap:16px}.showcase-stage figcaption span{font-size:13px;color:#c6bed9}.screen-browser{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}.screen-picks{display:flex;flex-direction:column;gap:8px;align-items:stretch}.screen-picks button{text-align:left}.screen-browser figure{margin:0;text-align:center}.screen-browser img{max-height:560px;max-width:100%;border-radius:24px}.screen-browser figcaption{padding:12px;color:#5b6476}.resume-narrative h2{margin-top:32px}.resume-narrative h3{margin-top:28px}.resume-narrative p{max-width:900px;line-height:1.75}@media(max-width:650px){.showcase-stage figcaption{padding:12px}.showcase-stage figcaption span{display:none}.screen-browser{grid-template-columns:1fr}.screen-picks{flex-direction:row;overflow:auto}.screen-picks button{flex:0 0 180px}.showcase-picks{gap:6px}.showcase-picks button{padding:8px 10px;font-size:13px}}

.reel-shell{position:relative;min-height:480px;overflow:hidden;display:grid;place-items:center;isolation:isolate}.app-reel{position:absolute;width:440px;height:440px;animation:reel-spin 65s linear infinite;top:20px;left:50%;margin-left:-220px}.reel-frame{position:absolute;width:112px;left:164px;top:187px;transform:rotate(var(--angle)) translateY(-195px) rotate(calc(-1 * var(--angle)));background:#161c30;border:1px solid #8b80af;border-radius:10px;overflow:hidden;text-decoration:none;color:white;box-shadow:0 6px 20px #0006}.reel-frame img{width:112px;height:66px;object-fit:cover;display:block}.reel-frame span{display:block;text-align:center;font-size:10px;padding:4px}.reel-center{display:flex;align-items:center;flex-direction:column;gap:16px;z-index:2;pointer-events:none}.reel-center img{width:155px;height:155px;border-radius:50%;object-fit:cover;object-position:50% 58%;border:5px solid #beb0f4;box-shadow:0 0 60px #b7a3ee40}.reel-center strong{color:#fff;font-size:15px;background:#141c30;padding:8px;border-radius:20px}.reel-shell button{position:absolute;bottom:20px;right:15px;z-index:3;background:#f4efff;border:0;border-radius:18px;padding:9px 14px;cursor:pointer;color:#302047}.reel-caption{position:absolute;bottom:24px;left:15px;color:#c9c2db;font-size:12px}.reel-shell:focus-within .app-reel,.reel-shell:hover .app-reel{animation-play-state:paused!important}@keyframes reel-spin{to{transform:rotate(360deg)}}.blog-feature{display:grid;grid-template-columns:minmax(220px,.7fr) 1fr;gap:36px;margin:32px 0 45px;padding:28px;border:1px solid #dcd7e9;border-radius:24px;background:#fff}.blog-feature img{width:100%;max-height:490px;object-fit:contain;border-radius:14px}.blog-feature h3{font-size:30px;line-height:1.2}.blog-feature p{line-height:1.7}.blog-feature summary{cursor:pointer;color:#62419e;font-weight:700;padding:16px 0}.about-intro{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:center;margin:40px 0}.about-intro>img{width:100%;height:380px;object-fit:cover;object-position:center 55%;border-radius:30px}.about-intro h2{font-size:48px}.about-intro p{max-width:650px;line-height:1.8}.hobby-chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.hobby-chips span{background:#eae2f9;padding:10px 17px;border-radius:22px;color:#503d77}.music-card{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#111a2d;color:#fff;border-radius:28px;padding:36px;margin-bottom:35px}.music-card h2{color:#fff}.music-card video{width:100%;max-height:460px;background:#000;border-radius:18px}.music-card p{color:#c7c4d4}.site-tabs{flex-wrap:wrap}@media(max-width:760px){.blog-feature,.about-intro,.music-card{grid-template-columns:1fr}.about-intro>img{max-width:280px;height:320px}.about-intro{gap:24px}.about-intro h2{font-size:36px}.reel-shell{min-height:450px}.app-reel{scale:.83;top:0}.reel-caption{bottom:10px}.reel-shell button{bottom:40px}.blog-feature{padding:18px}}@media(prefers-reduced-motion:reduce){.app-reel{animation-play-state:paused}}
@media(min-width:761px){.app-reel{scale:.88;top:12px}.reel-caption{bottom:10px}}
/* Dimensional product carousel: real perspective and a rotating 3D stage. */
.reel-shell{perspective:1000px;perspective-origin:50% 43%;min-height:480px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#8571cc25,transparent 65%)}
.app-reel{width:0;height:0;top:43%;left:50%;margin:0;scale:1;transform-style:preserve-3d;animation:reel-spin 48s linear infinite}
.reel-frame{width:174px;height:126px;left:-87px;top:-63px;transform:rotateY(var(--angle)) translateZ(365px);backface-visibility:hidden;border-radius:12px;border:1px solid #c5b7fa80;background:#171c30;box-shadow:0 12px 28px #0008;transition:filter .2s}
.reel-frame:hover{filter:brightness(1.2)}
.reel-frame img{width:174px;height:103px;object-fit:cover}.reel-frame span{font-size:11px;padding:5px;line-height:13px}
.reel-center{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);flex-direction:row;gap:10px;white-space:nowrap;background:#171d32ed;border:1px solid #bca8ef50;padding:8px 13px;border-radius:40px;z-index:2}
.reel-center img{width:43px;height:43px;border-width:2px;box-shadow:none}.reel-center strong{font-size:12px;background:transparent;padding:0}
.reel-caption{bottom:20px;left:20px}.reel-shell button{bottom:14px;right:16px}
@keyframes reel-spin{0%{transform:rotateX(-12deg) rotateZ(-6deg) rotateY(0deg)}25%{transform:rotateX(9deg) rotateZ(5deg) rotateY(-90deg)}50%{transform:rotateX(-8deg) rotateZ(7deg) rotateY(-180deg)}75%{transform:rotateX(10deg) rotateZ(-5deg) rotateY(-270deg)}100%{transform:rotateX(-12deg) rotateZ(-6deg) rotateY(-360deg)}}
@media(max-width:760px){.reel-shell{min-height:400px;perspective:850px}.app-reel{scale:.76;top:40%}.reel-center{bottom:58px}.reel-caption{font-size:10px;left:12px}.reel-shell button{font-size:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.app-reel{animation-play-state:paused;transform:rotateX(-12deg) rotateZ(-6deg)}}

.adventure-section{margin:42px 0}.adventure-section>h2{margin:20px 0 26px;font-size:32px}.adventure-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.adventure-grid figure{margin:0;overflow:hidden;border-radius:22px;background:#fff;border:1px solid #ddd7e9}.adventure-grid img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .35s}.adventure-grid a:hover img{transform:scale(1.025)}.adventure-grid figcaption{padding:20px 24px}.adventure-grid figcaption span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#77569d}.adventure-grid h3{font-size:22px;margin:8px 0 0}.personal-links{display:flex;gap:25px;align-items:center}@media(max-width:650px){.adventure-grid{grid-template-columns:1fr}.adventure-grid img{height:auto;max-height:400px;object-fit:contain}.adventure-section>h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.adventure-grid img{transition:none}}