/* JEFF SWENSON / A premium, light-first personal portfolio.
   Palette: cloud white, electric sky blue, signal orange and graphite. */
:root {
  --white:#fff; --canvas:#fff; --cloud:#f7fbff; --cloud-strong:#ecf7ff;
  --sky:#1b9ce6; --sky-deep:#0787d2; --sky-soft:#dff3ff;
  --orange:#ff883e; --orange-deep:#f56c25; --orange-soft:#fff0e6;
  --ink:#14202e; --ink-soft:#313c4a; --muted:#647384; --line:#e5ebf0;
  --radius:19px; --shadow:0 22px 70px rgba(18,55,82,.07);
  --font-title:'Plus Jakarta Sans',Inter,Arial,sans-serif;
  --font-body:'DM Sans',Inter,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;min-width:320px;background:var(--white);color:var(--ink);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--sky-soft);color:var(--ink)}
a{text-decoration:none;color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--sky);outline-offset:4px}svg{display:block;max-width:100%}
.shell{width:min(100% - 84px,1270px);margin-inline:auto}
.skip-link{position:fixed;z-index:100;top:-100px;left:16px;background:var(--ink);color:white;padding:10px 18px}.skip-link:focus{top:12px}
.scroll-progress{position:fixed;top:0;left:0;z-index:101;width:0;height:3px;background:linear-gradient(90deg,var(--sky),var(--orange));pointer-events:none}
/* navigation */
.site-header{height:91px;background:rgba(255,255,255,.94);border-bottom:1px solid #edf0f3;position:sticky;top:0;z-index:80;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.nav-shell{height:100%;display:flex;align-items:center;gap:35px}.brand{display:inline-flex;align-items:center;gap:15px;white-space:nowrap;flex-shrink:0}
.brand-icon{font-family:var(--font-title);font-weight:800;font-size:29px;line-height:1;background:var(--ink);color:white;display:grid;place-items:center;width:52px;height:52px;letter-spacing:-2.8px;border-radius:14px;padding-right:4px}.brand-dot,.footer-brand>span{color:var(--orange)}
.brand-wordmark{display:flex;flex-direction:column;line-height:1.2;letter-spacing:1.65px}.brand-wordmark strong{font-family:var(--font-title);font-size:13px;font-weight:800}.brand-wordmark small{font:700 8.5px/1.5 var(--font-title);color:var(--muted);margin-top:5px;letter-spacing:1.65px}
.desktop-nav{display:flex;align-items:center;gap:34px;margin:auto}.desktop-nav a{color:#4c5968;font-size:13px;font-weight:700;transition:color .2s;position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:-9px;left:0;height:2px;background:var(--sky);width:0;transition:width .2s}.desktop-nav a:hover,.desktop-nav a.is-active{color:var(--sky-deep)}.desktop-nav a:hover:after,.desktop-nav a.is-active:after{width:100%}
.nav-cta{background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 19px;border-radius:9px;font-size:12.5px;font-weight:800;transition:background .2s,transform .2s;white-space:nowrap}.nav-cta:hover{background:var(--sky-deep);transform:translateY(-2px)}.nav-cta span{font-size:17px;font-weight:400}
.menu-toggle{display:none;background:none;border:0;width:45px;height:45px;cursor:pointer;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:5px auto;transition:transform .2s,opacity .2s}.mobile-nav{display:none}
/* common typography */
.section{padding:126px 0}.section-eyebrow,.project-index{font-family:var(--font-title);color:var(--sky-deep);font-weight:800;font-size:11px;line-height:1.5;letter-spacing:1.65px}.section-eyebrow{margin:0 0 20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:48px}.section-heading h2,.about-statement h2{font-family:var(--font-title);font-size:clamp(34px,4.1vw,57px);line-height:1.23;letter-spacing:-2.9px;font-weight:800;margin:0}.section-heading h2 span,.about-statement h2 span{color:var(--sky-deep)}.section-heading>p{margin:0 0 7px;width:356px;flex:0 0 356px;font-size:15px;line-height:1.9;color:var(--muted)}
/* hero */
.hero{position:relative;isolation:isolate;background:linear-gradient(113deg,#fff 0%,#fff 49%,#f6fbff 100%);overflow:hidden}
.hero-light{position:absolute;z-index:-1;pointer-events:none;left:-130px;top:-300px;width:570px;height:660px;background:radial-gradient(circle,rgba(224,245,255,.8),transparent 66%)}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:54px;align-items:center;min-height:680px;padding-top:52px;padding-bottom:60px}
.hero-copy{padding:8px 0 18px}.eyebrow{color:var(--sky-deep);font:800 10px/1.5 var(--font-title);letter-spacing:1.55px;white-space:nowrap;margin:0 0 34px;display:flex;align-items:center;gap:8px}.eyebrow-line{width:30px;height:2px;background:var(--orange);display:inline-block;margin-right:5px}.eyebrow-bullet{color:var(--orange);font-weight:800}
.hero-hello{display:inline-flex;align-items:center;gap:11px;font:800 14px/1.5 var(--font-title);color:#344251;margin-bottom:14px}.hello-spark{color:var(--orange);font-size:23px;font-weight:400}
.hero h1{font:800 clamp(42px,5.1vw,72px)/1.13 var(--font-title);letter-spacing:-4.1px;margin:0 0 28px;white-space:nowrap}.headline-highlight{color:var(--sky-deep)}.headline-highlight i{font-style:normal;position:relative;z-index:1;white-space:nowrap}.headline-highlight i:after{content:"";position:absolute;z-index:-1;left:1%;right:0;bottom:1px;height:12px;background:linear-gradient(90deg,rgba(255,136,62,.17),rgba(255,136,62,.55));transform:rotate(-1deg);border-radius:14px}
.hero-lead{max-width:535px;font-size:17px;line-height:1.85;margin:0;color:#596777}
.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:56px;padding:0 24px;border-radius:9px;font:800 13px/1.2 var(--font-title);transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--sky);color:white;box-shadow:0 10px 28px rgba(27,156,230,.24)}.btn-primary:hover{background:var(--sky-deep);box-shadow:0 14px 35px rgba(27,156,230,.31)}.btn-primary .btn-arrow{font-size:20px;font-weight:400}.btn-secondary{background:white;border:1px solid #d8e1e9;color:var(--ink)}.btn-secondary:hover{border-color:var(--sky);color:var(--sky-deep)}
.hero-proof{display:flex;align-items:center;gap:20px;margin-top:47px}.proof-rule{display:block;width:3px;height:42px;background:var(--orange)}.hero-proof div{display:flex;flex-direction:column;gap:4px}.hero-proof strong{font:800 12px/1.4 var(--font-title)}.hero-proof small{font-size:11.5px;color:var(--muted)}
.hero-bottom-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9eff3;padding-top:22px;padding-bottom:23px;gap:18px}.hero-bottom-line>*{font:800 9px/1.4 var(--font-title);letter-spacing:1.5px;color:#8392a0}.hero-bottom-line a{color:var(--ink);transition:color .2s}.hero-bottom-line a:hover{color:var(--sky-deep)}.hero-bottom-line a span{color:var(--orange);font-size:14px;margin-left:12px}
/* hero visualization */
.hero-visual{height:565px;position:relative;border-radius:28px;min-width:0;background:linear-gradient(148deg,#e4f6ff 0%,#eef8ff 44%,#f5fbff 100%);border:1px solid #e0f0f9;box-shadow:inset 0 0 80px rgba(255,255,255,.85);overflow:hidden}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(63,160,220,.095) 1px,transparent 1px),linear-gradient(90deg,rgba(63,160,220,.095) 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 70%,transparent)}
.orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit-one{width:425px;height:425px;border:1px solid rgba(37,162,225,.25);right:-155px;top:-173px}.orbit-two{width:620px;height:620px;border:1px solid rgba(37,162,225,.15);right:-278px;top:-280px}.visual-cross{position:absolute;color:#8acdea;font-size:22px;font-weight:400}.visual-cross-1{left:26px;top:30px}.visual-cross-2{right:36px;bottom:27px}
.floating-tag{position:absolute;z-index:4;background:white;border:1px solid #d7eaf6;box-shadow:0 10px 35px rgba(31,106,151,.06);color:#577185;border-radius:8px;font:800 9px var(--font-title);letter-spacing:1px;display:flex;align-items:center;gap:9px;padding:10px 13px}.floating-tag-top{top:32px;right:24px}.tiny-square{height:7px;width:7px;background:var(--orange);border-radius:2px}.floating-tag-bottom{left:19px;bottom:27px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#23c291;box-shadow:0 0 0 4px #ddf6ec}
.workspace-window{position:absolute;width:calc(100% - 92px);max-width:465px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-2deg);border:1px solid rgba(128,167,192,.24);border-radius:16px;background:#fff;box-shadow:0 35px 80px rgba(20,81,121,.18),0 5px 14px rgba(28,91,130,.08);overflow:hidden;z-index:2}
.window-toolbar{height:45px;border-bottom:1px solid #ecf0f4;display:flex;align-items:center;padding:0 15px;justify-content:space-between;color:#96a3af;font:800 8.5px var(--font-title);letter-spacing:.8px}.traffic-lights{display:inline-flex;gap:5px;align-items:center}.traffic-lights i{display:block;width:7px;height:7px;background:#ff8878;border-radius:50%}.traffic-lights i:nth-child(2){background:#ffc86a}.traffic-lights i:nth-child(3){background:#74d6aa}.toolbar-asterisk{font-size:20px;color:var(--orange);line-height:1}
.workspace-content{padding:24px}.workspace-title-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:23px}.workspace-title-row>div{display:flex;flex-direction:column;gap:5px}.micro-label{font:800 8px var(--font-title);letter-spacing:1.4px;color:var(--sky-deep)}.workspace-title-row strong{font:800 18px/1.3 var(--font-title);letter-spacing:-.65px}.orange-stop{color:var(--orange)}.status-chip{font:800 7px var(--font-title);color:#289b81;letter-spacing:.7px;border:1px solid #d6eee7;padding:7px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.status-chip i{background:#2bd1a3;width:6px;height:6px;border-radius:50%}
.workspace-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.metric-tile{border:1px solid #e9eef2;background:#fcfdff;padding:13px;border-radius:10px;min-width:0;display:flex;flex-direction:column;gap:8px}.metric-symbol{width:35px;height:35px;border-radius:9px;display:grid;place-items:center}.metric-symbol svg{width:20px;height:20px}.blue-symbol{background:#dff3ff;color:var(--sky-deep)}.orange-symbol{background:var(--orange-soft);color:var(--orange-deep)}.metric-tile>span:nth-child(2){font:800 7.5px var(--font-title);letter-spacing:.75px;color:#93a0ad}.metric-tile strong{font:800 11px var(--font-title);white-space:nowrap}.sparkbars{display:flex;align-items:end;gap:4px;height:34px}.sparkbars i{flex:1;height:70%;background:#bce7fa;border-radius:2px 2px 0 0}.sparkbars i:nth-child(2){height:45%}.sparkbars i:nth-child(3){height:90%;background:#65bdea}.sparkbars i:nth-child(4){height:56%}.sparkbars i:nth-child(5){height:75%;background:#65bdea}.sparkbars i:nth-child(6){height:40%}.sparkbars i:nth-child(7){height:92%}.sparkbars i:nth-child(8){height:65%}.sparkbars i:nth-child(9){height:85%;background:var(--sky)}
.network-lines-mini{height:34px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 6px}.network-lines-mini:before{content:"";position:absolute;height:1px;background:#facda9;top:50%;left:11px;right:11px}.network-lines-mini i{width:12px;height:12px;z-index:1;border:3px solid #ffd6b7;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #fff}.network-lines-mini i:nth-child(1),.network-lines-mini i:nth-child(5){background:#fff;border-color:#f4cdb0}
.workspace-editor{border:1px solid #ebeff3;border-radius:10px;overflow:hidden}.editor-top{height:32px;display:flex;justify-content:space-between;align-items:center;background:#f7f9fb;border-bottom:1px solid #e9eff3;padding:0 13px;gap:10px;font:800 7.5px var(--font-title);letter-spacing:.4px;color:#7f91a2}.editor-top span:first-child{color:var(--ink)}.editor-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:5px}.editor-body{font:500 10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#607388;padding:11px 14px}.editor-line>span{display:inline-block;color:#a3b2c0;width:28px}.editor-line b{font-weight:600}.code-purple{color:#a377cc}.code-blue{color:#3da0df}.code-orange{color:#ef8d5d}.code-green{color:#2ea484}
.floating-orange{position:absolute;z-index:3;right:9px;bottom:71px;background:var(--orange);color:var(--ink);padding:16px 20px;width:132px;height:110px;border-radius:11px;transform:rotate(6deg);box-shadow:0 12px 25px rgba(241,129,58,.25);display:flex;flex-direction:column;justify-content:space-between}.floating-orange-icon{font-size:23px;line-height:1;align-self:flex-end}.floating-orange strong{font:800 13px/1.22 var(--font-title);letter-spacing:.6px}
/* value strip */
.value-strip{background:var(--ink);color:white}.value-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:100px}.value-strip-inner>span{font:800 9px var(--font-title);letter-spacing:2px;color:#a4b3c0}.value-strip-inner>div{display:flex;align-items:center;gap:11px;font:800 15px var(--font-title);letter-spacing:-.2px}.value-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.value-dot-blue{background:#59c5ff}.value-dot-orange{background:var(--orange)}.value-dot-ink{background:white}
/* expertise */
.expertise-section{background:#fff}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.expertise-card{border:1px solid #e8edf1;border-radius:16px;padding:26px 27px 29px;min-height:413px;background:#fff;box-shadow:0 10px 40px rgba(20,68,102,.025);display:flex;flex-direction:column;transition:box-shadow .3s,transform .3s,border-color .3s}.expertise-card:hover{box-shadow:0 21px 55px rgba(20,68,102,.09);transform:translateY(-5px);border-color:#c8e6fa}.expertise-top{display:flex;align-items:center;justify-content:space-between;color:#8191a0;font:800 9px var(--font-title);letter-spacing:1px}.card-corner{width:29px;height:29px;border:1px solid #e5ecf2;border-radius:50%;display:grid;place-items:center;color:var(--sky);font-size:16px;font-weight:400}.icon-box{width:69px;height:69px;display:grid;place-items:center;border-radius:14px;margin:29px 0 22px}.icon-box svg{width:41px;height:41px}.blue-box{background:#e3f5ff;color:#168bcd}.orange-box{background:#fff0e6;color:#f07831}.ink-box{background:#e9edf2;color:#283747}.expertise-card h3{font:800 23px/1.35 var(--font-title);letter-spacing:-.8px;margin:0 0 14px}.expertise-card>p{font-size:13.5px;line-height:1.85;color:#687688;margin:0 0 27px}.expertise-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.expertise-tags span,.tech-list span{padding:6px 10px;background:#f6f8fa;border:1px solid #edf0f3;border-radius:5px;color:#546474;font:700 10px/1.4 var(--font-title)}
/* projects */
.projects-section{background:#f6faff;border-top:1px solid #eff4f8;border-bottom:1px solid #edf3f8}.projects-heading{margin-bottom:53px}
.featured-project{display:grid;grid-template-columns:1.13fr .87fr;border-radius:21px;overflow:hidden;background:#fff;box-shadow:0 17px 60px rgba(31,67,93,.08);border:1px solid #e7edf4}
.featured-project-art{min-height:465px;background:var(--ink);position:relative;overflow:hidden;padding:49px 35px 45px;display:flex;align-items:center;justify-content:center}.feature-pattern{position:absolute;inset:0;background:radial-gradient(circle at 95% 1%,#275073,transparent 47%),radial-gradient(circle at 0% 90%,#223a57,transparent 39%),repeating-linear-gradient(0deg,transparent 0,transparent 34px,rgba(156,208,239,.07) 35px,transparent 36px),repeating-linear-gradient(90deg,transparent 0,transparent 34px,rgba(156,208,239,.07) 35px,transparent 36px)}.feature-terminal{position:relative;z-index:1;width:100%;max-width:525px;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg);background:#121b29;border:1px solid #40536a;border-radius:12px;overflow:hidden;box-shadow:0 34px 70px rgba(0,0,0,.35)}.terminal-toolbar{height:39px;background:#1d2939;display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:8px;color:#7f90a2;font:800 8px var(--font-title);letter-spacing:.6px}.terminal-toolbar>span:last-child{font-size:16px;color:var(--orange)}.terminal-side{display:flex;height:248px}.terminal-sidebar{width:56px;flex:0 0 56px;padding:19px 14px;background:#151f2d;border-right:1px solid #2c3a4c}.terminal-sidebar b{font:800 16px var(--font-title);letter-spacing:-1px;color:#fff;display:block;margin-bottom:24px}.terminal-sidebar b span{color:var(--orange)}.terminal-sidebar i{display:block;width:25px;height:6px;border-radius:5px;background:#455365;margin:0 0 13px}.terminal-sidebar .terminal-menu-active{background:var(--sky)}.terminal-dashboard{flex:1;min-width:0;padding:20px 18px}.dashboard-title{font:800 13px var(--font-title);color:#eef5fb;display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap}.dashboard-title span{font:800 7px var(--font-title);letter-spacing:.6px;color:#66d8be}.dashboard-mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.dashboard-mini-cards>div{border:1px solid #344355;border-radius:7px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.dashboard-mini-cards small,.dashboard-body>span{font:800 7px var(--font-title);letter-spacing:.8px;color:#7f92a6}.dashboard-mini-cards strong{font:700 10px var(--font-title);color:#d9e5ef}.dot-series{color:#6fc49e;letter-spacing:4px;font-size:12px}.terminal-success{font:800 7px var(--font-title);color:#70cbac;letter-spacing:.3px}.dashboard-body{margin-top:14px;border:1px solid #344355;padding:11px;border-radius:7px;height:113px}.dashboard-body svg{height:70px;width:100%;margin-top:3px}.feature-label{position:absolute;bottom:24px;left:35px;z-index:2;display:flex;align-items:center;gap:9px;color:#b9cedd;letter-spacing:1.2px;font:800 9px var(--font-title)}.feature-label-dot{background:var(--orange);width:8px;height:8px;border-radius:50%}
.featured-project-copy{padding:55px 45px 42px;display:flex;flex-direction:column;align-items:flex-start}.project-index{margin:0;color:var(--sky-deep)}.project-index span{color:#9faab4}.featured-project-copy h3{font:800 clamp(26px,2.9vw,39px)/1.25 var(--font-title);letter-spacing:-1.9px;margin:20px 0 20px;max-width:395px}.featured-project-copy>p{font-size:14px;line-height:1.9;color:#657384;margin:0 0 21px}.tech-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.project-details-button{font:800 12px/1.4 var(--font-title);border:0;border-bottom:1px solid #a6d8f4;padding:0 0 9px;background:none;color:var(--sky-deep);display:inline-flex;align-items:center;gap:22px;cursor:pointer;transition:gap .2s,color .2s}.project-details-button span{font-size:19px;font-weight:400}.project-details-button:hover{gap:31px;color:var(--ink)}.project-disclaimer{color:#8f9ba7;font-size:10px;display:block;margin-top:auto;padding-top:21px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:23px}.project-card{background:#fff;border:1px solid #e7edf4;border-radius:18px;overflow:hidden;transition:box-shadow .3s,transform .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 60px rgba(31,67,93,.08)}.project-illustration{height:275px;position:relative;overflow:hidden}.network-illustration{background:#e3f4fd;padding:22px}.network-header{display:flex;justify-content:space-between;align-items:center;color:#5d94b6;font:800 8px var(--font-title);letter-spacing:1px}.network-label{padding:6px 9px;border:1px solid #badbeb;border-radius:5px;background:rgba(255,255,255,.6)}.network-topology{position:relative;margin:11px auto 0;width:75%;text-align:center}.network-primary>span,.network-primary>strong,.network-branches>span{display:inline-flex;align-items:center;justify-content:center;font:800 9px var(--font-title);letter-spacing:.6px;border-radius:7px;background:#fff;box-shadow:0 6px 14px rgba(30,96,128,.09);border:1px solid #cce5f2}.network-primary>span{height:24px;padding:0 18px;color:#5e95b1}.network-connector{height:19px;width:1px;background:#9fcee7;margin:auto}.network-primary>strong{background:var(--ink);color:white;height:35px;padding:0 22px}.branch-line{height:27px;width:66%;margin:0 auto 0;border-left:1px solid #9fcee7;border-right:1px solid #9fcee7;border-top:0;border-bottom:0;position:relative}.branch-line:before{content:"";position:absolute;width:100%;height:1px;background:#9fcee7;bottom:0;left:0}.branch-line:after{content:"";position:absolute;left:50%;height:27px;bottom:0;width:1px;background:#9fcee7}.network-branches{display:flex;justify-content:space-between;align-items:center;margin-top:0;gap:9px}.network-branches>span{min-width:0;flex:1;height:36px;color:#396b85}.network-branches i{width:6px;height:6px;border-radius:50%;background:var(--sky);margin-right:6px;display:inline-block}.network-branches span:nth-child(2) i{background:var(--orange)}.network-branches span:nth-child(3) i{background:#8cb6c9}.art-footnote{position:absolute;left:22px;bottom:17px;font:700 9px var(--font-title);color:#6292ad;letter-spacing:.5px}
.web-illustration{background:#fff0e7;padding:24px 43px 25px}.web-browser{width:79%;height:209px;background:white;border-radius:9px;overflow:hidden;border:1px solid #f2d4c0;box-shadow:0 16px 38px rgba(143,83,43,.12)}.web-browser-top{height:28px;border-bottom:1px solid #f3e3da;display:flex;gap:15px;align-items:center;padding:0 12px;font:800 7px var(--font-title);color:#b7a498;letter-spacing:.6px}.web-browser-body{position:relative;padding:15px}.web-pseudo-nav{display:flex;align-items:center;gap:11px}.web-pseudo-nav b{margin-right:auto;font:800 17px var(--font-title);line-height:1;color:var(--ink)}.web-pseudo-nav b span{color:var(--orange)}.web-pseudo-nav i{background:#e2e6eb;border-radius:3px;width:21px;height:4px}.web-pseudo-nav i:last-child{background:var(--orange);width:28px;height:11px;border-radius:3px}.web-preview{margin-top:26px;width:60%}.web-preview-kicker{font:800 6px var(--font-title);letter-spacing:.8px;color:#e08750}.web-preview-title i{display:block;height:11px;background:var(--ink);border-radius:2px;margin-top:5px}.web-preview-title i:nth-child(2){width:81%}.web-preview-sub{margin-top:9px}.web-preview-sub i{height:3px;background:#c5cbd1;display:block;width:93%;margin-top:4px;border-radius:2px}.web-preview-sub i:nth-child(2){width:97%}.web-preview-sub i:nth-child(3){width:73%}.web-preview-button{width:54px;height:14px;border-radius:3px;background:var(--sky);margin-top:12px}.web-preview-graphic{position:absolute;right:16px;bottom:0;width:75px;height:104px;border-radius:60px 60px 0 0;background:#daeeff}.web-preview-graphic span{position:absolute;top:22px;left:18px;border:10px solid #96cef0;border-radius:50%;height:42px;width:42px}.web-phone{position:absolute;right:37px;top:91px;width:78px;height:140px;background:#fff;border:4px solid var(--ink);border-radius:15px;box-shadow:0 12px 23px rgba(30,38,48,.2);padding:20px 9px 8px}.web-phone>i{position:absolute;background:var(--ink);top:5px;left:50%;transform:translateX(-50%);height:5px;width:23px;border-radius:10px}.web-phone>div{height:44px;border-radius:5px;background:#d5edfc;margin-bottom:12px}.web-phone>span{display:block;height:5px;background:#dbe2e6;border-radius:3px;margin-top:7px}.web-phone>span:nth-last-child(1){width:60%;background:var(--orange)}
.project-info{padding:30px 33px 34px}.project-info h3{font:800 27px/1.34 var(--font-title);letter-spacing:-1.15px;margin:14px 0 11px}.project-info>p:not(.project-index){font-size:13.5px;line-height:1.85;color:#6b7a89;max-width:485px;margin:0 0 21px}.project-note{text-align:center;margin:24px 0 0;font-size:11px;color:#8a98a7}.project-note>span{color:var(--orange);font-size:15px;margin-right:6px}
/* about */
.about-section{background:#fff}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.about-statement h2{font-size:clamp(34px,3.7vw,52px)}.about-monogram{height:270px;position:relative;margin-top:44px;overflow:hidden;border-radius:18px;background:#eef8ff;border:1px solid #e0f1fb;display:flex;align-items:center;justify-content:center}.about-monogram:before,.about-monogram:after{content:"";position:absolute;border:1px solid rgba(37,151,218,.16);width:300px;height:300px;border-radius:50%;left:-110px;top:-130px}.about-monogram:after{width:420px;height:420px;left:-165px;top:-195px}.about-monogram>span{font:800 139px/1 var(--font-title);letter-spacing:-19px;color:#14202e;transform:translateX(-12px)}.about-monogram>span>span{color:var(--sky-deep)}.about-monogram i{position:absolute;bottom:19px;right:22px;font:800 9px var(--font-title);letter-spacing:1.3px;color:#6699b6;font-style:normal}.about-text{padding-top:31px}.about-text .large-intro{font:800 clamp(22px,2.5vw,31px)/1.42 var(--font-title);letter-spacing:-1.1px;color:var(--ink);margin:0 0 28px}.about-text p:not(.large-intro){color:#647485;line-height:1.95;font-size:14px;margin:0 0 19px}.credential{display:flex;gap:17px;align-items:center;margin-top:37px;border-top:1px solid #e8eef4;padding-top:24px}.credential-symbol{width:53px;height:53px;border-radius:13px;background:#fff0e6;color:var(--orange-deep);font-size:29px;display:grid;place-items:center;flex-shrink:0}.credential div{display:flex;flex-direction:column;gap:5px}.credential strong{font:800 13px var(--font-title)}.credential span:last-child{font-size:12px;color:#778696}
/* process */
.process-section{background:#f8fbfd;border-top:1px solid #eff3f7}.process-heading{margin-bottom:62px}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.process-item{border-top:2px solid #dce6ed;padding-top:22px;position:relative}.process-item:before{content:"";width:30%;height:2px;position:absolute;left:0;top:-2px;background:var(--sky)}.process-item:nth-child(2):before,.process-item:nth-child(4):before{background:var(--orange)}.process-number{font:800 12px var(--font-title);color:#8493a2}.process-mark{float:right;font-size:26px;color:var(--sky);line-height:1}.process-item:nth-child(2) .process-mark,.process-item:nth-child(4) .process-mark{color:var(--orange)}.process-item h3{font:800 22px var(--font-title);letter-spacing:-.7px;margin:29px 0 10px}.process-item p{font-size:13px;color:#67788a;line-height:1.85;margin:0}
/* contact */
.contact-section{position:relative;overflow:hidden;background:var(--sky);color:white;padding:93px 0}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 15%,#40b9f4,transparent 37%),radial-gradient(circle at 0% 80%,rgba(9,99,178,.35),transparent 36%)}.contact-layout{position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:50px}.contact-copy{max-width:700px}.contact-eyebrow{font:800 11px var(--font-title);letter-spacing:1.75px;display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#d5f1ff}.contact-signal{height:9px;width:9px;background:var(--orange);border-radius:50%}.contact-copy h2{font:800 clamp(42px,5.4vw,72px)/1.14 var(--font-title);letter-spacing:-3.8px;margin:0 0 24px}.contact-copy h2 span{color:#fff0df;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:5px;text-underline-offset:12px}.contact-copy>p:not(.contact-eyebrow){font-size:16px;line-height:1.85;color:#e4f5ff;max-width:600px;margin:0}.contact-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:31px}.btn-light{color:var(--ink);background:white;box-shadow:0 11px 24px rgba(0,73,125,.2)}.btn-light:hover{background:#e7f6ff}.btn-light>span{font-size:19px;font-weight:400}.copy-email{background:transparent;color:#fff;border:0;cursor:pointer;padding:10px 0;font:800 12px var(--font-title);display:inline-flex;align-items:center;gap:14px}.copy-email:hover{text-decoration:underline;text-underline-offset:5px}.copy-email span{font-size:19px;font-weight:400}.copy-status{display:block;min-height:20px;font-size:12px;margin-top:14px;color:#edfaff}
.contact-art{height:330px;position:relative;display:grid;place-items:center}.contact-orbit-one,.contact-orbit-two{width:280px;height:280px;border:1px solid rgba(255,255,255,.31);border-radius:50%;position:absolute}.contact-orbit-two{width:375px;height:375px;border-color:rgba(255,255,255,.2)}.contact-initials{font:800 150px/1 var(--font-title);letter-spacing:-17px;color:white;transform:rotate(-8deg);padding-right:16px}.contact-initials>span{color:var(--orange)}.contact-star{position:absolute;color:var(--orange);font-size:56px;top:24px;right:15px}.contact-small-type{position:absolute;bottom:2px;right:0;font:800 9px/1.6 var(--font-title);letter-spacing:2px;color:#d6f3ff;text-align:right}
/* footer */
.site-footer{background:#101924;color:#a3b0bd}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:105px}.footer-brand{font:800 30px/1 var(--font-title);letter-spacing:-3px;color:white;display:flex;align-items:center;gap:15px}.footer-brand small{font:800 10px var(--font-title);letter-spacing:1.2px;color:#c7d2dd}.footer-inner>span,.footer-inner>a:last-child{font:800 10px var(--font-title);letter-spacing:.8px}.footer-inner>a:last-child{color:white}.footer-inner>a:last-child:hover{color:#72caff}
/* dialog */
.project-dialog{border:1px solid #d9eaf5;border-radius:19px;max-width:min(610px,calc(100% - 32px));width:100%;padding:33px 36px 30px;box-shadow:0 40px 100px rgba(10,32,50,.3);color:var(--ink);max-height:min(85vh,760px);overflow:auto}.project-dialog::backdrop{background:rgba(14,27,43,.7);backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-top>span{color:var(--sky-deep);font:800 10px var(--font-title);letter-spacing:1.5px}.dialog-close{border:1px solid #e5edf4;background:#fff;color:var(--ink);height:37px;width:37px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}.project-dialog h2{font:800 32px/1.25 var(--font-title);letter-spacing:-1.5px;margin:18px 0}.project-dialog p{color:#687889;font-size:14px;line-height:1.8}.project-dialog h3{font:800 13px var(--font-title);margin:24px 0 13px}.project-dialog ul{padding-left:22px;color:#526474;font-size:13px;line-height:1.8}.project-dialog li{margin:0 0 8px}.project-dialog li::marker{color:var(--orange)}.dialog-footer{border-top:1px solid #e5edf4;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.dialog-footer>span{font-size:11px;color:#8090a0}.dialog-done{border:0;background:var(--sky);color:white;padding:11px 16px;font:800 12px var(--font-title);border-radius:7px;cursor:pointer}.dialog-done:hover{background:var(--sky-deep)}
/* subtle reveal, never hide content without JavaScript */
.js-enhanced .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js-enhanced .reveal.visible{opacity:1;transform:none}
/* responsive */
@media(max-width:1150px){.shell{width:min(100% - 60px,1100px)}.desktop-nav{gap:19px}.nav-shell{gap:18px}.hero-layout{gap:27px;grid-template-columns:1fr .96fr}.hero h1{font-size:clamp(39px,5.1vw,62px);letter-spacing:-3px}.hero-visual{height:520px}.workspace-window{width:calc(100% - 58px)}.floating-orange{right:8px}.section{padding:105px 0}}
@media(max-width:960px){.brand-wordmark{display:none}.desktop-nav{gap:20px}.hero-layout{grid-template-columns:1fr;max-width:730px;margin:auto;padding-top:73px}.hero-copy{text-align:center}.eyebrow,.hero-hello,.hero-buttons,.hero-proof{justify-content:center}.hero-proof{text-align:left}.hero h1{font-size:clamp(45px,7.8vw,72px)}.hero-lead{margin:auto}.hero-visual{height:570px;max-width:670px;width:100%;margin:6px auto 0}.workspace-window{max-width:480px}.value-strip-inner{flex-wrap:wrap;justify-content:center;padding:20px 0;column-gap:25px;row-gap:15px}.value-strip-inner>span{flex-basis:100%;text-align:center}.section-heading{align-items:start;gap:30px}.section-heading>p{flex:0 0 290px;width:290px}.expertise-grid{gap:12px}.expertise-card{padding:22px 18px}.expertise-card h3{font-size:20px}.featured-project-copy{padding:35px 26px}.featured-project-copy h3{font-size:29px}.featured-project-art{padding:30px 19px;min-height:410px}.about-layout{gap:6%}.process-grid{gap:18px}}
@media(max-width:735px){.shell{width:calc(100% - 38px)}.site-header{height:76px}.brand-wordmark{display:flex}.brand-icon{height:45px;width:45px;font-size:25px}.brand-wordmark strong{font-size:11px}.brand-wordmark small{font-size:7.5px}.desktop-nav,.nav-cta{display:none}.nav-shell{justify-content:space-between}.menu-toggle{display:block}.mobile-nav{display:flex;position:absolute;top:75px;left:0;right:0;background:rgba(255,255,255,.99);padding:14px 20px 24px;flex-direction:column;gap:0;border-bottom:1px solid #e1eaf2;box-shadow:0 25px 35px rgba(11,35,53,.1)}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:13px 5px;border-bottom:1px solid #eef1f4;color:var(--ink);font:800 14px var(--font-title)}.mobile-nav a:last-child{color:var(--sky-deep);border-bottom:0}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-layout{padding-top:55px;padding-bottom:35px;gap:36px}.hero-hello{margin-bottom:17px}.hero h1{font-size:clamp(36px,9.2vw,57px);letter-spacing:-2.5px;white-space:normal}.hero-lead{font-size:15px;line-height:1.8}.eyebrow{font-size:8px;letter-spacing:.7px;gap:5px;white-space:normal;margin-bottom:24px}.eyebrow-line{width:18px}.hero-visual{height:490px}.hero-proof{margin-top:33px}.hero-bottom-line{padding-top:17px;padding-bottom:17px}.hero-bottom-line>span:last-child{display:none}.hero-bottom-line>*{font-size:8px}.section{padding:77px 0}.section-heading{display:block;margin-bottom:34px}.section-heading h2,.about-statement h2{font-size:clamp(31px,7vw,46px);letter-spacing:-1.8px}.section-heading>p{width:100%;margin:21px 0 0;max-width:500px;font-size:14px}.expertise-grid{grid-template-columns:1fr;gap:15px}.expertise-card{min-height:0;padding:25px}.icon-box{margin:17px 0}.expertise-card h3{font-size:22px}.expertise-card>p{margin-bottom:23px}.featured-project{grid-template-columns:1fr}.featured-project-art{min-height:350px}.feature-terminal{max-width:485px}.featured-project-copy{padding:33px 27px 34px}.featured-project-copy h3{max-width:500px;font-size:30px}.project-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.project-illustration{height:268px}.project-info{padding:28px}.project-note{text-align:left}.about-layout{grid-template-columns:1fr;gap:37px}.about-monogram{height:220px;margin-top:25px}.about-monogram>span{font-size:110px}.about-text{padding:0}.about-text .large-intro{font-size:25px}.process-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.process-heading{margin-bottom:44px}.contact-section{padding:72px 0}.contact-layout{grid-template-columns:1fr}.contact-art{display:none}.contact-copy h2{font-size:51px}.footer-inner{flex-wrap:wrap;gap:12px;justify-content:space-between;padding:26px 0}.footer-inner>span{order:3;width:100%;font-size:9px}.project-dialog{padding:24px}}
@media(max-width:450px){.hero-visual{height:370px;border-radius:18px}.workspace-window{width:calc(100% - 38px);top:49%;max-width:350px}.workspace-content{padding:13px}.window-toolbar{height:31px;padding:0 9px}.window-toolbar>span:nth-child(2){font-size:6px}.workspace-title-row{margin-bottom:12px}.workspace-title-row strong{font-size:13px}.micro-label{font-size:6px}.status-chip{font-size:5px;padding:4px}.workspace-metrics{gap:6px;margin-bottom:7px}.metric-tile{padding:8px;gap:5px}.metric-symbol{width:26px;height:26px}.metric-symbol svg{width:16px;height:16px}.metric-tile>span:nth-child(2){font-size:6px}.metric-tile strong{font-size:8px}.sparkbars,.network-lines-mini{height:23px}.workspace-editor .editor-body{font-size:7px;padding:6px 9px}.editor-top{height:24px;font-size:5px}.floating-orange{width:81px;height:75px;right:5px;bottom:39px;padding:8px;z-index:4}.floating-orange strong{font-size:9px}.floating-orange-icon{font-size:15px}.floating-tag{font-size:6px;padding:7px}.floating-tag-top{right:12px;top:13px}.floating-tag-bottom{left:10px;bottom:12px}.hero h1{font-size:clamp(36px,10vw,45px);letter-spacing:-2.6px}.hero-buttons{gap:9px}.btn{padding:0 15px;min-height:52px;gap:11px;font-size:11px}.hero-lead{font-size:14px}.value-strip-inner{justify-content:space-between;gap:13px}.value-strip-inner>div{font-size:10.5px;gap:6px}.value-dot{width:7px;height:7px}.brand-wordmark{letter-spacing:.5px}.section-heading h2,.about-statement h2{font-size:34px}.process-grid{grid-template-columns:1fr 1fr;gap:26px 18px}.process-item h3{font-size:18px}.process-item p{font-size:12px}.project-illustration{height:238px}.network-topology{width:93%}.network-branches>span{font-size:7px}.web-illustration{padding:21px 24px}.web-browser{width:85%}.web-phone{right:17px}.project-info h3{font-size:25px}.contact-copy h2{font-size:44px}.contact-copy>p:not(.contact-eyebrow){font-size:14px}.hero-bottom-line{gap:7px}.hero-bottom-line>*{font-size:7px}.hero-bottom-line a span{margin-left:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js-enhanced .reveal{opacity:1;transform:none}}