.studio .art-index{z-index:2;font-size:9px;position:absolute;top:27px;left:24px}.studio .art-footnote{color:#4d655f;z-index:2;font-size:7px;position:absolute;bottom:17px;left:22px}.studio .muleye-art{background:#d6e3e3}.studio .art-word{letter-spacing:-8px;color:#b5cccc;font-size:119px;font-weight:600;position:absolute;top:148px;left:-8px}.studio .art-orbit{border:1px solid rgba(172,204,204,.6);border-radius:50%;width:490px;height:180px;position:absolute;top:160px;left:-15px;transform:rotate(-30deg)}.studio .orbit-two{width:590px;height:170px;top:155px;left:-50px;transform:rotate(36deg)}.studio .phone-frame{color:#27334b;background:#f3f7fb;border:6px solid #263c4b;border-radius:32px;width:207px;height:405px;padding:12px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:74px;left:56%;transform:translate(-50%)rotate(-8deg);box-shadow:0 22px 35px rgba(69,96,100,.27),inset 0 0 0 1px #94a1a9}.studio .phone-island{background:#132330;border-radius:20px;width:67px;height:18px;position:absolute;top:7px;left:65px}.studio .phone-status{justify-content:space-between;margin-bottom:25px;padding:0 5px;font-size:7px;font-weight:700;display:flex}.studio .phone-brand{justify-content:space-between;align-items:center;display:flex}.studio .phone-brand>span{align-items:center;gap:3px;font-size:14px;font-weight:700;display:flex}.studio .app-symbol{color:#377cdc;background:#e0eaff;border-radius:7px;place-items:center;width:23px;height:23px;display:grid}.studio .phone-greeting{letter-spacing:1px;color:#627283;margin:20px 0 5px;font-size:5px}.studio .phone-frame h4{letter-spacing:-.8px;margin:0 0 15px;font-size:21px;font-weight:550;line-height:1.15}.studio .phone-summary{background:#e5efec;border-radius:8px;align-items:center;gap:6px;padding:10px 8px;font-size:7px;font-weight:600;display:flex}.studio .phone-summary>div{flex:1}.studio .phone-summary span:not(.phone-check){color:#658578;margin-top:2px;font-size:5px;font-weight:400;display:block}.studio .phone-check{color:#42816b}.studio .phone-metrics{gap:8px;margin:8px 0 13px;display:flex}.studio .phone-metrics>div{background:#fff;border:1px solid #e8ecef;border-radius:7px;width:50%;padding:9px}.studio .phone-metrics>div>span{color:#728398;font-size:5px;display:block}.studio .phone-metrics strong{margin-top:3px;font-size:19px;font-weight:500;display:block}.studio .phone-metrics strong>span{color:#8293a3;font-size:10px}.studio .phone-metrics .phone-prod{margin-top:9px;font-size:8px}.studio .phone-section{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:8px;font-weight:600;display:flex}.studio .phone-section>span:last-child{color:#648097;font-size:5px;font-weight:400}.studio .phone-app{background:#fff;border:1px solid #e7ecef;border-radius:7px;align-items:center;gap:7px;margin:5px 0;padding:7px;font-size:6px;display:flex}.studio .phone-app-icon{color:#5c8fc7}.studio .phone-app>div{flex:1}.studio .phone-app>div>span{color:#8c99a8;margin-top:2px;font-size:5px;display:block}.studio .phone-dot{background:#5da581;border-radius:50%;width:4px;height:4px}.studio .phone-tabs{color:#7b90a7;justify-content:space-around;margin-top:12px;display:flex}.studio .phone-tabs>svg:first-child{color:#317fe2}.studio .phone-home{background:#233346;border-radius:2px;width:62px;height:3px;margin:10px auto 0}.studio .monitor-art{background:#e9edf3}.studio .editor-window{color:#c0cfdf;background:#142538;border:1px solid #3c4540;border-radius:7px;width:425px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:100px;left:37px;overflow:hidden;transform:rotate(-5deg);box-shadow:10px 28px 40px rgba(24,50,75,.19)}.studio .editor-title{font-family:var(--font-geist-mono),monospace;background:#1c3047;border-bottom:1px solid #31465e;justify-content:space-between;align-items:center;padding:10px 12px;font-size:7px;display:flex}.studio .window-dots{gap:4px;display:flex}.studio .window-dots i{background:#8ba1bb;border-radius:50%;width:5px;height:5px}.studio .window-dots i:first-child{background:#8197b0}.studio .window-dots i:nth-child(2){background:#c0cfdf}.studio .editor-body{min-height:218px;display:flex}.studio .editor-rail{color:#9aaec2;background:#21374e;flex-direction:column;align-items:center;gap:18px;width:35px;padding-top:15px;display:flex}.studio .editor-rail>svg:last-child{color:var(--mint)}.studio .editor-sidebar{width:131px;font-family:var(--font-geist-mono),monospace;border-right:1px solid #31465e;flex-shrink:0;padding:13px 8px;font-size:6px}.studio .editor-sidebar>span{letter-spacing:.3px;color:#c5d8e9;font-size:6px}.studio .editor-sidebar p{margin-top:13px}.studio .editor-sidebar .editor-env{margin-left:7px}.studio .editor-sidebar .editor-app{align-items:center;gap:4px;margin-left:15px;font-size:5px;display:flex}.studio .editor-app>span{background:#80b3df;border-radius:50%;width:3px;height:3px}.studio .editor-fold{align-items:center;gap:3px;display:flex}.studio .editor-code{font:6px var(--font-geist-mono),monospace;flex:1}.studio .editor-tab{background:#20354d;border-top:1px solid #9fc4e5;align-items:center;gap:5px;width:100px;padding:9px;font-size:7px;display:flex}.studio .editor-tab>svg{color:var(--mint)}.studio .editor-tab>span{margin-left:auto}.studio .editor-lines{min-height:145px;padding:10px 0}.studio .editor-lines p{white-space:nowrap;margin:8px 0}.studio .editor-lines p>span{color:#849bb4;margin:0 10px}.studio .editor-lines em{color:#b6d4ed;margin-right:4px;font-style:normal}.studio .editor-lines .code-comment{color:#9db7cb;font-size:5px}.studio .editor-caret{vertical-align:middle;background:#b9d8ef;width:4px;height:8px;animation:1.2s step-end infinite caret-blink;display:inline-block}.studio .editor-terminal{color:#b3c7db;border-top:1px solid #354c64;align-items:center;gap:13px;padding:10px;font-size:5px;display:flex}.studio .editor-status{color:#f1f7fc;background:#365b7e;justify-content:space-between;padding:4px 8px;font-size:5px;display:flex}.studio .editor-status>span{align-items:center;gap:5px;display:flex}.studio .monitor-note{align-items:center;gap:12px;display:flex;position:absolute;bottom:45px;right:32px}.studio .monitor-note-icon{color:#476583;background:#cdd9e6;border:1px solid #b4c6da;border-radius:9px;place-items:center;width:43px;height:43px;display:grid}.studio .monitor-note p{color:#586f88;margin:0;font-size:11px;line-height:1.5}.studio .monitor-note strong{color:#2d4965;font-weight:500}.portfolio-page{--navy:#142e49;--text:#142e49;--muted:#586d81;--line:#dbe3eb;--mint:#b6d2ec;color:var(--text);min-height:100vh;font-family:var(--font-geist-sans),sans-serif;background:#fff;overflow-x:clip}.portfolio-page *,.portfolio-page :before,.portfolio-page :after{box-sizing:border-box}.portfolio-page ::selection{color:#142e49;background:#c5d7e9}.portfolio-page a{color:inherit;text-decoration:none}.portfolio-page :focus-visible{outline-offset:5px;outline:2px solid #315c87}.portfolio-page [id]{scroll-margin-top:105px}.portfolio-page .project-shell{width:min(1280px,100% - 112px);margin-left:auto;margin-right:auto}.portfolio-page .project-skip{z-index:200;background:var(--navy);color:#fff;padding:14px 20px;position:fixed;top:12px;left:20px;transform:translateY(-180%)}.portfolio-page .project-skip:focus{transform:translateY(0)}.portfolio-page .project-header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,255,255,.95);position:-webkit-sticky;position:sticky;top:0}.portfolio-page .project-header .project-shell{align-items:center;gap:35px;min-height:85px;display:flex}.portfolio-page .project-wordmark{letter-spacing:-4px;font-size:43px;font-weight:800;line-height:1}.portfolio-page .project-wordmark>span{color:#7c98b4}.portfolio-page .project-back{align-items:center;gap:9px;min-height:44px;font-size:14px;display:inline-flex}.portfolio-page .project-header .project-button{margin-left:auto}.portfolio-page .project-button{background:var(--navy);color:#fff;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:14px 21px;font-size:14px;font-weight:500;line-height:1.5;transition:background .25s;display:inline-flex}.portfolio-page .project-button:hover{background:#315574}.portfolio-page .project-button svg{flex-shrink:0}.portfolio-page .project-text-link{border-bottom:1px solid #8093a6;align-items:center;gap:12px;min-height:44px;padding-top:7px;padding-bottom:7px;font-size:14px;display:inline-flex}.portfolio-page .project-text-link:hover{color:#416c96}.portfolio-page .project-eyebrow,.portfolio-page .studio-mono{font:11px/1.8 var(--font-geist-mono),monospace;letter-spacing:.04em;color:var(--muted)}.portfolio-page .project-hero{grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding-top:72px;padding-bottom:65px;display:grid}.portfolio-page .product-identity{align-items:center;gap:15px;margin-bottom:29px;display:flex}.portfolio-page .product-identity img{object-fit:contain;border-radius:10px;width:54px;height:54px}.portfolio-page h1{letter-spacing:-.065em;margin-bottom:22px;font-size:max(47px,min(5.3vw,76px));font-weight:550;line-height:1.04}.portfolio-page h1>span{color:#8ca3ba}.portfolio-page .project-subtitle{letter-spacing:-.03em;margin-bottom:19px;font-size:27px;line-height:1.3}.portfolio-page .project-description{color:var(--muted);max-width:490px;font-size:16px;line-height:1.85}.portfolio-page .project-actions{flex-wrap:wrap;align-items:center;gap:17px 25px;margin-top:25px;display:flex}.portfolio-page .project-requirement{color:var(--muted);max-width:420px;margin-top:20px;font-size:12px;line-height:1.8}.portfolio-page .project-demo{min-width:0;margin:0}.portfolio-page .project-art{background:#e9eff5;border:1px solid #dbe3ed;height:440px;position:relative;overflow:hidden}.portfolio-page .project-art .art-index,.portfolio-page .project-art .art-footnote{display:none}.portfolio-page .editor-window{width:88%;top:90px;left:6%;transform:rotate(-4deg)}.portfolio-page .editor-sidebar{width:125px}.portfolio-page .editor-body{min-height:210px}.portfolio-page .monitor-note{bottom:35px;right:28px}.portfolio-page figure figcaption{color:var(--muted);margin-top:13px;font-size:12px;line-height:1.7}.portfolio-page .project-facts{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:35px;padding-top:28px;padding-bottom:28px;display:grid}.portfolio-page .project-facts span{color:var(--muted);font:11px/1.8 var(--font-geist-mono),monospace;margin-bottom:8px;display:block}.portfolio-page .project-facts strong{font-size:16px;font-weight:500}.portfolio-page .project-section{padding-top:95px;padding-bottom:95px}.portfolio-page .project-section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:25px 7%;display:grid}.portfolio-page .project-section-heading>.project-eyebrow{grid-column:1/-1}.portfolio-page h2{letter-spacing:-.05em;font-size:max(32px,min(3.5vw,49px));font-weight:500;line-height:1.12}.portfolio-page h2 span{color:#74879b}.portfolio-page .project-section-heading>p,.portfolio-page .setup-intro,.portfolio-page .project-closing p{color:var(--muted);max-width:480px;font-size:16px;line-height:1.8}.portfolio-page .product-features{grid-template-columns:repeat(3,1fr);gap:42px;margin-top:56px;display:grid}.portfolio-page .product-features article{border-top:1px solid var(--line);padding-top:28px}.portfolio-page .product-features article>svg{color:#3a5d7f;margin-bottom:25px}.portfolio-page h3{letter-spacing:-.025em;font-size:21px;font-weight:500;line-height:1.4}.portfolio-page .product-features p{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.8}.portfolio-page .project-setup{border-block:1px solid var(--line);background:#edf2f7;padding-top:80px;padding-bottom:80px}.portfolio-page .setup-layout{grid-template-columns:1fr 1fr;gap:8%;display:grid}.portfolio-page .setup-layout h2{margin-top:20px}.portfolio-page .setup-intro{margin-top:24px;margin-bottom:24px}.portfolio-page .setup-steps{margin:0;padding:0;list-style:none}.portfolio-page .setup-steps li{border-top:1px solid #cdd8e4;gap:23px;padding-top:24px;padding-bottom:24px;display:flex}.portfolio-page .setup-steps li:first-child{border-top:0;padding-top:0}.portfolio-page .setup-steps li>span{color:var(--muted);font:12px/1.8 var(--font-geist-mono),monospace;padding-top:3px}.portfolio-page .setup-steps p{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.8}.portfolio-page .setup-steps code{color:var(--navy);font-size:13px}.portfolio-page .install-command{margin-top:30px}.portfolio-page .install-command>div{background:#fff;border:1px solid #d3dfe9;align-items:center;gap:18px;padding:17px;display:flex}.portfolio-page .install-command code{min-width:0;font:13px/1.8 var(--font-geist-mono),monospace;overflow-wrap:anywhere;flex:1}.portfolio-page .install-command button{cursor:pointer;min-width:44px;min-height:44px;color:var(--navy);background:#edf2f7;border:1px solid #d3dfe9;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:12px;display:flex}.portfolio-page .install-command>p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.7}.portfolio-page .project-closing{grid-template-columns:1.1fr 1fr;align-items:center;gap:12%;padding-top:90px;padding-bottom:90px;display:grid}.portfolio-page .project-closing h2{margin-top:20px}.portfolio-page .project-closing p{margin-top:22px;margin-bottom:22px}.portfolio-page .next-project{border:1px solid var(--line);background:#f5f7fa;flex-direction:column;align-items:flex-start;gap:17px;padding:35px;transition:background .25s;display:flex}.portfolio-page .next-project:hover{background:#eaf0f7}.portfolio-page .next-project strong{letter-spacing:-.04em;font-size:29px;font-weight:500}.portfolio-page .next-project>span:not(.project-eyebrow){color:var(--muted);font-size:14px}.portfolio-page .next-project>svg{align-self:flex-end;margin-top:10px}.portfolio-page .project-footer{color:#fff;background:#142e49;padding-top:33px;padding-bottom:33px}.portfolio-page .project-footer .project-shell{justify-content:space-between;align-items:center;gap:25px;display:flex}.portfolio-page .project-footer p{color:#c1d0df;margin-top:14px;font-size:12px;line-height:1.7}.portfolio-page .project-footer nav{gap:30px;display:flex}.portfolio-page .project-footer nav a{align-items:center;gap:9px;min-height:44px;font-size:13px;display:inline-flex}.portfolio-page .f3-screens{min-width:0;margin:0}.portfolio-page .f3-screens>div{border:1px solid var(--line);background:#edf2f7;align-items:flex-start;gap:22px;height:525px;padding:30px 35px;display:flex;overflow:hidden}.portfolio-page .f3-screens img{border-radius:15px;width:calc(50% - 11px);height:auto;box-shadow:0 15px 28px rgba(32,61,91,.1)}.portfolio-page .f3-screen-workouts{margin-top:48px}.portfolio-page .project-document{color:#142e49;background:#f5f7fa}.portfolio-page .project-document>div{width:min(840px,100% - 40px);margin-left:auto;margin-right:auto;padding:55px 0}.portfolio-page .project-document h1{font-size:max(37px,min(5vw,58px))}.portfolio-page .project-document h2{letter-spacing:-.035em;font-size:27px}.portfolio-page .project-document h3{font-size:19px}.portfolio-page .project-document p,.portfolio-page .project-document li{line-height:1.8}.portfolio-page .project-document [class*=bg-blue-],.portfolio-page .project-document [class*=bg-yellow-]{background:#edf2f7}.portfolio-page .project-document [class*=text-blue-],.portfolio-page .project-document [class*=text-yellow-]{color:#24456b}.portfolio-page .project-document [class*=border-blue-]{border-color:#8ca5bd}.portfolio-page .project-document a{text-underline-offset:3px;text-decoration:underline}@media (max-width:1100px){.portfolio-page .project-shell{width:calc(100% - 72px)}.portfolio-page .project-hero{gap:5%}.portfolio-page .project-art{height:400px}.portfolio-page .editor-window{width:420px}.portfolio-page .product-features{gap:25px}.portfolio-page .f3-screens>div{gap:16px;height:430px;padding:25px}.portfolio-page .f3-screens img{width:calc(50% - 8px)}.portfolio-page .install-command button>span{display:none}}@media (max-width:800px){.portfolio-page .project-shell{width:calc(100% - 40px)}.portfolio-page .project-header .project-shell{gap:22px;min-height:72px}.portfolio-page .project-header .project-button{gap:10px;padding-left:15px;padding-right:15px;font-size:12px}.portfolio-page .project-hero{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:40px}.portfolio-page h1{font-size:max(45px,min(8vw,65px))}.portfolio-page .project-description,.portfolio-page .project-requirement{max-width:560px}.portfolio-page .project-demo{max-width:680px}.portfolio-page .editor-window{width:86%;left:7%}.portfolio-page .project-art{height:380px}.portfolio-page .project-section{padding-top:60px;padding-bottom:60px}.portfolio-page .project-section-heading{display:block}.portfolio-page .project-section-heading h2{margin-top:20px;margin-bottom:20px}.portfolio-page .project-section-heading>p{max-width:600px}.portfolio-page .setup-layout,.portfolio-page .project-closing{grid-template-columns:1fr;gap:42px}.portfolio-page .project-setup{padding-top:55px;padding-bottom:55px}.portfolio-page .install-command{max-width:550px}.portfolio-page .install-command button>span{display:inline}.portfolio-page .project-closing{padding-top:60px;padding-bottom:60px}.portfolio-page .project-footer .project-shell{flex-wrap:wrap}.portfolio-page .f3-screens{max-width:550px}.portfolio-page .f3-screens>div{height:495px;padding:25px 32px}}@media (max-width:550px){.portfolio-page .project-header .project-shell{gap:14px;min-height:66px}.portfolio-page .project-wordmark{letter-spacing:-3px;font-size:35px}.portfolio-page .project-back{gap:6px;font-size:12px}.portfolio-page .project-back svg{width:15px}.portfolio-page .project-header .project-button{gap:6px;padding-left:10px;padding-right:10px;font-size:11px}.portfolio-page .project-header .project-button svg{width:14px}.portfolio-page h1{font-size:47px}.portfolio-page .project-subtitle{font-size:23px}.portfolio-page .product-identity{margin-bottom:24px}.portfolio-page .product-identity .project-eyebrow{font-size:11px}.portfolio-page .project-hero{padding-top:30px}.portfolio-page .project-facts{grid-template-columns:1fr;gap:20px}.portfolio-page .project-facts>div{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.portfolio-page .project-facts span{margin-bottom:0}.portfolio-page .project-facts strong{text-align:right;font-size:14px}.portfolio-page .product-features{grid-template-columns:1fr;gap:25px;margin-top:35px}.portfolio-page .product-features article>svg{margin-bottom:19px}.portfolio-page .project-art{height:315px}.portfolio-page .editor-window{width:380px;top:40px;left:22px;transform:rotate(-3deg)}.portfolio-page .monitor-note{bottom:17px;right:15px}.portfolio-page .monitor-note-icon{width:32px;height:32px}.portfolio-page .monitor-note p{font-size:10px}.portfolio-page .next-project{padding:27px}.portfolio-page .f3-screens>div{gap:12px;height:365px;padding:20px}.portfolio-page .f3-screens img{border-radius:9px;width:calc(50% - 6px)}.portfolio-page .f3-screen-workouts{margin-top:35px}.portfolio-page .project-document>div{padding-top:35px}.portfolio-page .project-document>div>div.bg-white{padding:23px}}@media (max-width:370px){.portfolio-page .project-header .project-shell{gap:10px}.portfolio-page .project-header .project-button{padding-left:8px;padding-right:8px;font-size:10px}.portfolio-page .project-header .project-button svg{display:none}.portfolio-page h1{font-size:41px}.portfolio-page .f3-screens>div{height:300px}}@media (prefers-reduced-motion:reduce){.portfolio-page *,.portfolio-page :before,.portfolio-page :after{transition:none!important;animation:none!important}}.portfolio-page .project-wordmark{letter-spacing:normal;flex-shrink:0;display:inline-flex}@media (max-width:550px){.portfolio-page .project-header .project-wordmark{--personal-logo-width:100px}.portfolio-page .project-back span{display:none}.portfolio-page .project-back{justify-content:center;min-width:28px}.portfolio-page .project-header .project-shell{gap:10px}}.portfolio-page .screenshot-hero-link{border:1px solid #d8e2ed;display:block}.portfolio-page .screenshot-hero-link:hover{border-color:#587696}.portfolio-page .project-story{padding-top:80px;padding-bottom:80px}.portfolio-page .story-grid{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:44px;display:grid}.portfolio-page .story-grid article{border-top:1px solid #cbd7e3;padding-top:23px}.portfolio-page .story-grid article>span{font:11px/1.8 var(--font-geist-mono),monospace;color:#536b81}.portfolio-page .story-grid h3{margin-top:17px}.portfolio-page .story-grid p{color:#586d81;margin-top:12px;font-size:16px;line-height:1.8}.portfolio-page .project-gallery-section{padding-top:25px;padding-bottom:90px}.portfolio-page .project-eyebrow{font-size:12px}.portfolio-page .project-section-heading>.project-eyebrow:before{content:"››"/"";letter-spacing:-4px;color:#6d8bac;margin-right:15px;font-size:20px;display:inline-block}.portfolio-page .project-button,.portfolio-page .project-text-link{font-size:15px}.portfolio-page .project-requirement{font-size:13px}@media (max-width:800px){.portfolio-page .story-grid{grid-template-columns:1fr;gap:25px}.portfolio-page .project-story{padding-top:55px;padding-bottom:55px}.portfolio-page .project-gallery-section{padding-bottom:60px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}