:root{--ink:#101827;--night:#05070A;--night-soft:#111B30;--cream:#F8FAFC;--paper:#F7F9FC;--pale:#E9EFF8;--muted:#637084;--line:rgba(15,32,39,.15);--sea:#5CE1E6;--blue:#2563EB;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans','Manrope',Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{transition:color .25s,background .25s,border-color .25s,transform .25s}::selection{background:#5CE1E6;color:#05070A}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}em{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.058em}.wrap{max-width:1424px;margin:0 auto;padding:0 62px}.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.205em;font-weight:750;line-height:1.5;text-transform:uppercase}.eyebrow.green{color:#5CE1E6}.kicker-line{width:18px;height:1px;background:currentColor;display:inline-block;opacity:.7}.skip-link{position:absolute;left:12px;top:-100px;background:white;color:black;padding:10px 16px;z-index:200}.skip-link:focus{top:12px}.btn{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;padding:18px 21px;font-size:13px;font-weight:700;min-height:55px;white-space:normal}.btn:hover{transform:translateY(-2px)}.btn svg,.text-cta svg,.line-arrow svg,.header-cta svg{transition:transform .25s}.btn:hover svg,.text-cta:hover svg,.line-arrow:hover svg,.header-cta:hover svg{transform:translate(3px,-3px)}.btn-cream{background:var(--cream);color:var(--ink)}.btn-cream:hover{background:white}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#1D4ED8}.button-row{display:flex;flex-wrap:wrap;gap:28px;align-items:center}.text-cta{display:inline-flex;gap:18px;align-items:center;font-weight:650;font-size:12px;padding:13px 0;border-bottom:1px solid currentColor}.text-cta.light{color:white}.text-cta:hover{opacity:.65}.line-arrow{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;min-width:195px;padding:13px 0;border-bottom:1px solid currentColor;font-size:12px;font-weight:750}.line-arrow:hover{gap:36px;color:#2563EB}.section-heading{max-width:790px}.section-heading .eyebrow{margin-bottom:25px}.section-heading h2{font-size:clamp(45px,6.4vw,96px);line-height:1.035;letter-spacing:-.07em;margin-bottom:25px}.section-heading h2 em,.section-heading h2 i{font-family:var(--serif)}.section-heading p{font-size:16px;line-height:1.75;color:#62728A;max-width:515px}.section-heading-light{color:white}.section-heading-light p{color:#bdc9ca}
/* navigation */
.header{position:fixed;left:0;right:0;top:0;z-index:80;color:white;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(5,14,21,.65),rgba(5,14,21,.05));transition:background .3s,border .3s}.header.is-scrolled,.header.mobile-open{background:rgba(7,20,29,.97);border-bottom-color:rgba(255,255,255,.09);backdrop-filter:blur(20px)}.header-inner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;color:inherit;flex-shrink:0}.brand-mark{display:inline-flex;width:34px;height:33px;align-items:center;justify-content:center;background:#5CE1E6;color:#0e2126;position:relative;overflow:hidden}.brand-glyph{font-size:19px;font-weight:800;letter-spacing:-.15em;padding-right:4px}.brand-glyph span{font-size:13px;margin-left:-1px}.brand-dot{width:5px;height:5px;background:#5c71eb;position:absolute;bottom:4px;right:4px}.brand-type{font-size:24px;letter-spacing:-.095em;font-weight:750}.brand-period{color:#5CE1E6}.desktop-nav{display:flex;align-items:center;gap:29px;margin-left:auto;margin-right:20px}.nav-item{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:rgba(255,255,255,.83)}.nav-item:hover{color:#5CE1E6}.nav-dropdown{height:85px;display:flex;align-items:center}.mega{position:absolute;top:84px;left:0;right:0;display:grid;grid-template-columns:32% 68%;background:#111B30;color:#f0f3ef;border-top:1px solid rgba(255,255,255,.08);padding:35px max(62px,calc((100vw - 1300px)/2));opacity:0;pointer-events:none;transform:translateY(-12px);transition:.25s ease;box-shadow:0 30px 65px rgba(0,0,0,.2)}.nav-dropdown:hover .mega,.nav-dropdown:focus-within .mega{opacity:1;pointer-events:auto;transform:translateY(0)}.mega-intro{display:flex;flex-direction:column;gap:17px;max-width:275px;padding-top:7px}.mega-intro strong{font-size:35px;font-weight:500;line-height:1.02;letter-spacing:-.06em}.mega-intro>span:not(.eyebrow){font-size:13px;line-height:1.7;color:#C7D4E5}.mega-intro a{display:flex;align-items:center;gap:13px;font-size:12px;color:#5CE1E6;margin-top:10px}.mega-list{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.mega-link{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16)}.mega-link span{font-size:10px;color:#A9BBDB}.mega-link strong{font-size:13px;font-weight:550;flex:1}.mega-link:hover{color:#5CE1E6}.header-cta{display:inline-flex;align-items:center;gap:21px;padding:14px 17px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.45);white-space:nowrap}.header-cta:hover{background:#5CE1E6;color:#11292f;border-color:#5CE1E6}.menu-toggle{display:none;color:white;background:none;border:0;padding:9px}.mobile-panel{display:none}
/* hero */
.home-hero{min-height:810px;height:100svh;max-height:1140px;background:#05070A;position:relative;color:#fff;overflow:hidden}.home-hero-image{position:absolute;inset:0;background-size:cover;background-position:center 44%;filter:saturate(.56)}.home-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,14,21,.78),transparent 32%),linear-gradient(90deg,rgba(8,20,29,.55),transparent 70%)}.home-hero-grain,.detail-hero-noise{position:absolute;inset:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.home-hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding-top:122px;padding-bottom:30px}.hero-topline{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.18em;color:#eef2e9}.pulse{width:7px;height:7px;border-radius:50%;background:#5CE1E6;box-shadow:0 0 0 5px rgba(182,237,206,.12)}.hero-topline-right{margin-left:auto;opacity:.7}.home-hero-copy{margin:auto 0;max-width:1100px;padding:38px 0}.hero-pretitle{font-size:11px;letter-spacing:.17em;font-weight:700;color:#D9E4F4;margin-bottom:29px}.home-hero h1{font-size:clamp(63px,7.5vw,117px);line-height:1.02;max-width:1150px;letter-spacing:-.08em;margin-bottom:31px;font-weight:500}.home-hero h1 em{color:#5CE1E6}.home-hero-copy p{max-width:555px;font-size:16px;line-height:1.8;color:#E4ECF8;margin-bottom:33px}.home-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.25);padding-top:25px;font-size:9px;letter-spacing:.18em;font-weight:700;color:#e8f0ef}.home-hero-bottom a{display:flex;align-items:center;gap:15px}.home-hero-bottom a:hover{color:#5CE1E6}.hero-bottom-symbol{font-size:22px;vertical-align:middle;color:#5CE1E6;margin-right:10px}
/* intro */
.intro-section{background:var(--paper);padding:145px 0 155px}.intro-layout{display:grid;grid-template-columns:29% 71%}.tiny-circle-icon{display:block;font-size:34px;margin-top:50px;color:#2563EB}.intro-layout h2{font-size:clamp(57px,7.6vw,114px);letter-spacing:-.08em;line-height:1.03;margin-bottom:64px}.intro-layout h2 em{color:#2563EB}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;border-top:1px solid var(--line);padding-top:22px}.intro-bottom p{max-width:420px;font-size:16px;line-height:1.8;color:#52627A;margin-bottom:0}
/* services */
.home-services,.all-services{background:#EDF2FA;padding:108px 0 145px}.section-toprow,.mini-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid rgba(0,0,0,.17);font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:90px}.home-services .section-heading{margin-bottom:54px}.service-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#DDE5F0;border:1px solid #DDE5F0}.service-card{position:relative;background:#FFFFFF;min-height:342px;padding:30px;display:flex;flex-direction:column;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;background:var(--accent);opacity:0;transition:opacity .35s}.service-card>*{position:relative}.service-card:hover:before{opacity:.25}.service-card:hover .service-card-icon{transform:rotate(-12deg) translateY(-3px)}.service-card-num{font-size:10px;font-weight:700;letter-spacing:.16em;color:#7a8581}.service-card-icon{align-self:flex-end;margin:-10px 0 15px;transition:transform .4s}.service-card h3{font-size:clamp(25px,2.1vw,33px);line-height:1.14;letter-spacing:-.06em;margin:14px 0}.service-card p{font-size:13px;line-height:1.7;color:#697676;max-width:325px;margin-bottom:26px}.service-card-foot{margin-top:auto;padding-top:19px;border-top:1px solid #cfd6cc;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700}.service-card-foot svg{transition:transform .25s}.service-card:hover .service-card-foot svg{transform:translate(4px,-4px)}.section-tail{display:flex;justify-content:flex-end;padding-top:24px}
/* manifesto */
.manifesto-section{background:var(--night);color:#f4f2e9;display:grid;grid-template-columns:1fr 1fr;min-height:780px}.manifesto-photo{background:#394944;background-size:cover;background-position:center;filter:saturate(.55)}.manifesto-copy{padding:125px clamp(50px,7vw,150px) 92px;display:flex;align-items:flex-start;flex-direction:column}.manifesto-copy .eyebrow{color:#c0e8d6}.manifesto-copy h2{font-size:clamp(48px,5vw,79px);letter-spacing:-.075em;line-height:1.03;margin-top:72px;margin-bottom:30px}.manifesto-copy h2 i{font-family:var(--serif);font-weight:400;color:#b9e8cf}.manifesto-copy>p{color:#bbcacb;line-height:1.85;font-size:15px;max-width:435px;margin-bottom:40px}.manifesto-values{display:grid;gap:0;width:100%;margin-bottom:32px}.manifesto-values span{padding:18px 0;border-top:1px solid rgba(255,255,255,.2);font-size:10px;letter-spacing:.15em}.manifesto-copy .line-arrow{margin-top:auto}
/* work */
.work-section{background:var(--paper);padding:140px 0 165px}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:65px}.work-heading .section-heading h2{max-width:670px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 25px}.project-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.35fr .65fr;min-height:520px;background:#ecede6}.project-visual{position:relative;min-height:410px;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-operations .project-visual{background:radial-gradient(ellipse at 70% 20%,#5a777d,#223d49 63%,#122832);padding:60px 40px}.project-commerce .project-visual{background:#d3dbd8}.project-merchant .project-visual{background:#d9cebf}.project-info{padding:26px 5px}.project-card:first-child .project-info{display:flex;flex-direction:column;justify-content:center;padding:65px}.project-meta{font-size:10px;font-weight:750;letter-spacing:.17em;color:#768181;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:45px}.project-info h3{font-size:clamp(32px,3.4vw,52px);line-height:1.07;letter-spacing:-.07em;margin-bottom:20px;max-width:500px}.project-info p{line-height:1.8;color:#617077;font-size:14px;max-width:470px}.project-tag{font-size:10px;letter-spacing:.1em;font-weight:750;display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:30px}.mock-app{width:min(700px,95%);height:350px;display:flex;background:#f3f4f2;border-radius:9px;box-shadow:0 27px 60px rgba(0,0,0,.24);transform:rotate(-6deg) translateY(36px);overflow:hidden}.mock-sidebar{width:70px;background:#152d39;display:flex;align-items:center;flex-direction:column;gap:26px;padding:20px 0}.mock-sidebar i{width:18px;height:4px;background:#5b7982;border-radius:5px}.mock-logo{color:#9ad9bd}.mock-area{flex:1;padding:22px 27px}.mock-top{display:flex;justify-content:space-between;font-size:9px;color:#687980}.mock-heading{font-size:27px;letter-spacing:-.06em;font-weight:600;margin-top:22px}.mock-metrics{display:flex;gap:10px;margin-top:18px}.mock-metrics span{height:55px;flex:1;background:#e1e8e7;border-radius:5px}.mock-graph{height:110px;background:#edf1ed;margin-top:17px;border-radius:5px;display:flex;align-items:flex-end;justify-content:space-around;padding:10px 18px;gap:8px}.mock-graph b{background:#89afc3;width:100%;height:32%;border-radius:3px 3px 0 0}.mock-graph b:nth-child(2n){height:58%}.mock-graph b:nth-child(3n){height:43%}.mock-graph b:nth-child(5n){height:79%;background:#84cdb0}.mock-bottom{display:flex;gap:12px;margin-top:13px}.mock-bottom span{height:3px;width:80px;background:#cedbdc}.mock-store{width:75%;min-height:395px;background:#f9faf6;padding:28px;display:flex;flex-direction:column;align-items:center;box-shadow:15px 22px 60px rgba(24,55,60,.14);transform:rotate(-5deg) translateY(45px)}.mock-store-mark{align-self:stretch;display:flex;justify-content:space-between;letter-spacing:.25em;font-size:10px;font-weight:800}.mock-shop-product{position:relative;height:235px;width:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(12px 15px 10px rgba(30,35,42,.22));transform:rotate(-18deg)}.mock-part{position:absolute;background:linear-gradient(125deg,#bdc5c3,#4c5d5e,#9fa9a5);border:1px solid #576765}.mock-part.one{width:140px;height:80px;border-radius:15px}.mock-part.two{width:80px;height:100px;border-radius:40px;left:20%;background:linear-gradient(130deg,#d9dfdc,#6f8385,#d0d5d0)}.mock-part.three{width:50px;height:50px;border-radius:50%;right:15%;background:radial-gradient(circle,#333e42 22%,#b0bdb9 25%,#404a4e 70%)}.mock-store>span:nth-child(3){font-family:var(--serif);font-style:italic;font-size:26px}.mock-skus{margin-top:18px;display:flex;gap:8px}.mock-skus i{width:27px;height:3px;background:#abb7b5}.mock-merchant{height:100%;width:100%;position:relative;padding:32px;display:flex;align-items:center;flex-direction:column}.mock-merchant>span{align-self:flex-start;font-size:10px;letter-spacing:.18em;font-weight:800;color:#765945}.mock-merchant-card{background:#453d35;width:77%;height:340px;padding:42px;transform:rotate(5deg) translateY(45px);box-shadow:15px 20px 45px rgba(80,67,48,.2);color:#fff}.mock-merchant-card>span{font-size:8px;letter-spacing:.15em}.mock-merchant-card h4{font-weight:400;letter-spacing:-.07em;font-size:43px;line-height:1.07;margin-top:60px}.mock-merchant-card h4 i{font-family:var(--serif);color:#edd2a7}.mock-merchant-button{background:#f0e7d5;color:#3c3429;display:inline-flex;padding:13px 20px;font-size:10px;font-weight:800}.mock-small-cube{position:absolute;right:8%;bottom:20px;width:75px;height:75px;border-radius:18px;background:#b79978;transform:rotate(15deg);opacity:.65}
/* process */
.process-preview{padding:140px 0;background:#e1e8dc}.process-preview-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:90px;gap:35px}.process-preview-head .section-heading h2{max-width:650px}.process-preview-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #9fac9d}.process-preview-steps>div{position:relative;padding:24px 25px 25px 0;min-height:240px;border-right:1px solid #b6c3b5}.process-preview-steps>div:not(:first-child){padding-left:25px}.process-preview-steps>div>span{font-size:12px;font-weight:650}.process-preview-steps h3{font-size:28px;letter-spacing:-.05em;margin-top:49px;margin-bottom:10px}.process-preview-steps p{font-size:13px;line-height:1.6;max-width:210px;color:#637269}.process-preview-steps svg{position:absolute;right:15px;top:25px}.statement-section{background:var(--paper);padding:130px 0 115px}.statement-layout h2{font-size:clamp(54px,7vw,104px);line-height:1.06;margin-top:50px;margin-bottom:34px}.statement-layout h2 em{color:#93a8a0}.statement-layout p{font-size:17px;line-height:1.8;color:#657477;max-width:540px;margin-left:auto}.statement-rule{width:100%;height:1px;background:#c8d2ce;margin-top:65px}
/* closing CTA */
.closing-cta{background:#bce3d1;padding:92px 0 105px;overflow:hidden}.closing-cta-inner{position:relative;z-index:1}.closing-cta h2{font-size:clamp(62px,9vw,128px);letter-spacing:-.075em;max-width:1150px;line-height:.99;margin-top:55px;margin-bottom:26px}.closing-cta p{font-size:16px;line-height:1.7;max-width:610px;color:#3d6157;margin-bottom:29px}.closing-cta .text-cta{color:#101827}.closing-watermark{position:absolute;right:0;bottom:-190px;font-size:500px;line-height:.7;font-weight:800;letter-spacing:-.18em;opacity:.055;pointer-events:none}.closing-watermark span{color:#387bb2}
/* footer */
.site-footer{background:#081720;color:#f2f0e9;padding:100px 0 25px}.footer-top{display:grid;grid-template-columns:1fr 205px;gap:40px;padding-bottom:100px;border-bottom:1px solid rgba(255,255,255,.17)}.footer-top h2{font-size:clamp(75px,11vw,159px);letter-spacing:-.075em;line-height:.9;margin:38px 0 25px}.footer-top h2 em{color:#b6e1cd}.footer-top p{color:#aababe;max-width:430px;font-size:15px;line-height:1.8}.footer-action{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px}.footer-orb{height:140px;width:140px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center}.footer-orb:hover{background:#bfe4cf;color:#10242b;transform:rotate(12deg)}.footer-action>span{font-size:10px;letter-spacing:.18em;font-weight:750}.footer-columns{display:grid;grid-template-columns:2fr 1.6fr 1fr;gap:80px;padding:80px 0 100px}.footer-company .brand{margin-bottom:26px}.footer-company>p{max-width:280px;color:#a1b1b4;font-size:13px;line-height:1.75}.footer-company>a:not(.brand){display:flex;align-items:center;gap:9px;font-size:13px;margin-top:28px}.footer-meta{margin-top:35px}.footer-columns>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-columns h3{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#9acdb4;margin-bottom:20px}.footer-columns>div:not(:first-child)>a{font-size:13px;color:#c1c9c7}.footer-columns>div:not(:first-child)>a:hover{color:#b3ead0}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:10px;letter-spacing:.04em;color:#b2c1c3}.footer-bottom>div{display:flex;gap:23px}.footer-bottom a{display:flex;align-items:center;gap:5px}
/* generic heroes */
.standard-hero{min-height:660px;padding:205px 0 110px;position:relative;overflow:hidden}.standard-hero>.wrap{position:relative;z-index:2}.standard-hero h1{font-size:clamp(65px,8.5vw,135px);letter-spacing:-.078em;line-height:1.02;max-width:1160px;margin:60px 0 35px}.standard-hero p{font-size:17px;line-height:1.8;max-width:680px}.light-hero{background:#e6ece4}.light-hero .eyebrow{color:#476759}.light-hero p{color:#556761}.services-hero{padding-bottom:35px}.hero-extra{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.2);padding:22px 0;margin-top:92px;font-size:11px;letter-spacing:.17em}.hero-extra>span:last-child{display:flex;align-items:center;gap:13px}.all-services{padding:100px 0 145px}.all-services .section-heading{margin-bottom:60px}.service-advice{background:#f1ede2;padding:90px 0}.service-advice .wrap{display:flex;flex-direction:column;align-items:flex-start}.service-advice h2{font-size:clamp(44px,6vw,85px);margin:40px 0;line-height:1.06}.dark-hero{background-color:var(--night);background-size:cover;background-position:center;color:#fff}.dark-hero .eyebrow{color:#5CE1E6}.dark-hero p{color:#c3d0cc}
/* service detail */
.detail-hero{background:#0a1821;color:#fff;position:relative;min-height:780px;overflow:hidden;display:flex}.detail-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.6)}.detail-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;padding-top:135px;padding-bottom:32px}.breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;color:#b6c5c6;font-size:11px}.breadcrumb a:hover{color:#bee5cc}.breadcrumb>span:last-child{color:#fff}.detail-hero-body{padding:100px 0 90px;max-width:820px;margin:auto 0}.detail-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:var(--accent)}.detail-dot{background:var(--accent);width:7px;height:7px;border-radius:50%}.detail-subindex{font-size:10px;letter-spacing:.15em;color:#bac8c8;display:block;margin-top:23px}.detail-hero h1{font-size:clamp(61px,7.5vw,111px);line-height:.99;letter-spacing:-.075em;margin:34px 0 23px}.detail-title-period{color:var(--accent)}.detail-hero h2{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(26px,3.6vw,50px);line-height:1.15;letter-spacing:-.02em;color:var(--accent);margin:0 0 24px}.detail-hero-body>p{font-size:15px;line-height:1.85;color:#c6d1d2;max-width:640px;margin-bottom:38px}.detail-hero-tail{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:700;letter-spacing:.2em;opacity:.7}.detail-intro{padding:110px 0 120px;background:var(--paper)}.detail-intro-grid{display:grid;grid-template-columns:32% 68%}.detail-intro h2{font-size:clamp(47px,6vw,88px);line-height:1.07;letter-spacing:-.065em;margin-bottom:40px}.detail-intro h2 em{color:#829c93}.detail-intro p{font-size:17px;line-height:1.85;color:#617073;max-width:780px}.pillar-subservices{background:#dfeae3;padding:94px 0 107px}.pillar-subservices .mini-topline{margin-bottom:40px}.pillar-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0 45px}.pillar-links a{display:flex;align-items:center;padding:25px 0;gap:23px;border-bottom:1px solid #a7bdb0}.pillar-links a>span{font-size:10px;letter-spacing:.15em;color:#637d72}.pillar-links h3{font-size:21px;letter-spacing:-.045em;margin:0;flex:1}.pillar-links a:hover{color:#507c68}.detail-body{background:#F7F9FC;padding:100px 0 130px}.detail-body-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:30px;font-size:10px;letter-spacing:.14em}.detail-section{display:grid;grid-template-columns:28% 72%;padding:75px 0 90px;border-bottom:1px solid #ccd4cf}.detail-section-no{font-size:12px;font-weight:750;letter-spacing:.12em;display:flex;align-items:flex-start;gap:18px;padding-top:13px;color:#527265}.small-rule{width:32px;height:1px;background:#96a69a;margin-top:6px}.detail-section h2{font-size:clamp(34px,4.3vw,65px);letter-spacing:-.065em;line-height:1.08;margin-bottom:35px;max-width:850px}.detail-section p{font-size:16px;color:#53656a;line-height:1.85;max-width:750px;margin-bottom:19px}.detail-bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px;max-width:870px}.detail-bullets>div{background:#e9eee8;display:flex;align-items:flex-start;gap:12px;padding:23px 20px;font-size:13px;line-height:1.6}.detail-bullets svg{flex:0 0 auto;color:#54826e;margin-top:2px}.steps-list{margin-top:35px;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:80px 1fr;padding:30px 0;border-bottom:1px solid var(--line);gap:10px}.step-num{font-size:12px;color:#5b7b6b;font-weight:750}.step h3{font-size:22px;letter-spacing:-.045em;margin-bottom:11px}.step p{font-size:14px;margin-bottom:0}.related-services{padding:110px 0 125px;background:#e8ebe4}.related-services .section-heading{margin-bottom:50px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c7d3c9;border:1px solid #c7d3c9}.related-grid>a{display:flex;flex-direction:column;padding:30px;min-height:255px;background:#f3f5ee;position:relative}.related-grid>a:hover{background:#daebdf}.related-num{font-size:10px;color:#5c786c;letter-spacing:.2em}.related-grid h3{font-size:26px;letter-spacing:-.05em;margin-top:50px;margin-bottom:10px}.related-grid>a>span:not(.related-num){font-size:13px;color:#6e7975;line-height:1.5;max-width:235px}.related-grid svg{position:absolute;right:26px;top:26px}.faq-section{background:#e5e9e0;padding:130px 0}.faq-layout{display:grid;grid-template-columns:38% 62%;gap:40px}.faq-layout>div:first-child h2{font-size:clamp(47px,5vw,77px);letter-spacing:-.067em;line-height:1.05;margin-top:32px;max-width:420px}.faq-layout>div:first-child>p{max-width:330px;font-size:15px;line-height:1.7;color:#6c7970}.faq-items{border-top:1px solid #abbcb0;padding-right:25px}.faq-item{border-bottom:1px solid #abbcb0}.faq-item summary{cursor:pointer;list-style:none;padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:16px;font-weight:650;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{font-size:26px;font-weight:400;line-height:1;transition:transform .3s}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer{font-size:14px;line-height:1.8;color:#5f716a;padding:0 45px 25px 0}
/* supporting */
.about-manifesto{background:#dfe9e2;padding:125px 0 140px}.about-manifesto h2{font-size:clamp(60px,7.7vw,116px);line-height:1.03;letter-spacing:-.08em;margin:58px 0 36px}.about-manifesto h2 em{color:#7d9d8e}.about-manifesto p{margin-left:auto;max-width:550px;font-size:17px;line-height:1.8;color:#5f7069}.about-values{background:var(--paper)}.about-values .detail-section:first-child{padding-top:100px}.about-picture{background:#e6e9e1;padding:100px 0}.picture-layout{display:grid;grid-template-columns:47% 53%;min-height:600px}.about-image{background-size:cover;background-position:center;filter:saturate(.65)}.picture-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 8vw;background:#f6f5ef}.picture-copy h2{font-size:clamp(42px,4.7vw,70px);line-height:1.05;letter-spacing:-.075em;margin:50px 0 23px}.picture-copy p{font-size:15px;color:#637274;line-height:1.8}.picture-copy .line-arrow{margin-top:25px}.process-long{padding:110px 0 150px}.process-long .section-heading{margin-bottom:70px}.process-row{display:grid;grid-template-columns:8% 30% 1fr 40px;gap:20px;border-top:1px solid #c4d1c9;padding:40px 0}.process-row>span{font-size:13px;color:#78918a}.process-row h2{font-size:clamp(33px,4.1vw,58px);letter-spacing:-.06em;margin:0}.process-row p{font-size:15px;line-height:1.8;color:#5c6c70;max-width:600px}.process-belief{background:#dce8da;padding:120px 0}.process-belief h2{font-size:clamp(55px,7vw,100px);line-height:1.06;margin-top:40px;max-width:1130px}.industries-list{background:var(--paper)}.work-page-section{padding-top:110px}.work-note{background:#dce9dd;padding:100px 0}.work-note h2{font-size:clamp(53px,7vw,100px);line-height:1.03;letter-spacing:-.07em;margin:50px 0 25px}.work-note h2 em{color:#789d8c}.work-note p{font-size:16px;line-height:1.8;color:#617670;max-width:640px;margin-left:auto}
/* insights */
.insight-section{padding:115px 0 160px}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.insight-card{display:flex;flex-direction:column;align-items:flex-start}.insight-art{height:345px;width:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;padding:26px;background:#d3dcd5}.insight-art-1{background:#cfcadd}.insight-art-2{background:#c8d8e0}.insight-art>span:first-child{font-size:10px;font-weight:750;letter-spacing:.18em}.insight-shape{align-self:center;font-size:240px;line-height:1;transform:rotate(-20deg);font-weight:300;opacity:.25;transition:transform .7s}.insight-card:hover .insight-shape{transform:rotate(5deg) scale(1.1)}.insight-card>.eyebrow{margin-top:30px;color:#607a6d}.insight-card h2{font-size:31px;line-height:1.15;letter-spacing:-.06em;margin:18px 0}.insight-card p{font-size:14px;line-height:1.7;color:#657578}.insight-read{margin-top:auto;display:flex;align-items:center;gap:17px;font-size:12px;font-weight:700;padding-top:15px}.article-hero{background:#0b1921;color:#fff;padding:185px 0 110px}.article-hero .wrap{max-width:1100px}.back-link{display:block;font-size:13px;margin-bottom:70px;color:#c7d3d5}.article-hero .eyebrow{color:#b2e5ca}.article-hero h1{font-size:clamp(56px,8vw,115px);line-height:1.025;margin:38px 0}.article-hero p{font-size:20px;line-height:1.7;color:#bdcbd0;max-width:800px}.article-meta{display:block;margin-top:65px;font-size:10px;letter-spacing:.18em;color:#a4c5b6}.article-meta span{padding:0 15px}.article-body{padding:125px 0}.article-layout{display:grid;grid-template-columns:28% 72%;gap:50px}.article-layout aside{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-right:20px}.article-layout aside .eyebrow{margin-bottom:25px}.article-layout aside a{font-size:12px;color:#5f7770;line-height:1.55}.article-layout article{max-width:790px}.article-text-section{margin-bottom:55px;border-bottom:1px solid #d0dad4;padding-bottom:35px}.article-text-section h2{font-size:clamp(36px,4vw,57px);line-height:1.12;margin-bottom:25px}.article-text-section p,.article-text-section li{font-size:17px;line-height:1.9;color:#4e626a}.article-text-section li{margin-bottom:13px}.article-closing{font-size:23px;line-height:1.5;padding:35px;background:#e2ebe3;margin-bottom:45px}
/* contact */
.contact-page{background:#e7eae4;min-height:850px;padding:165px 0 120px}.contact-layout{display:grid;grid-template-columns:47% 53%;gap:70px}.contact-copy{padding:40px 20px 0 0}.contact-copy .eyebrow{color:#527968}.contact-copy h1{font-size:clamp(59px,6.5vw,93px);line-height:1.03;letter-spacing:-.075em;margin:70px 0 30px}.contact-copy>p{font-size:16px;line-height:1.8;color:#5c706d;max-width:500px}.contact-aside{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:115px}.contact-aside>span{font-size:10px;letter-spacing:.18em;color:#608173;font-weight:750}.contact-aside>a{font-size:21px;display:inline-flex;align-items:center;gap:15px}.contact-aside p{color:#62736d;line-height:1.7}.contact-form-wrap{background:#fff;padding:43px 45px 52px;box-shadow:10px 20px 60px rgba(36,65,55,.06)}.form-topline{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.18em;font-weight:800;border-bottom:1px solid #d7ddd6;padding-bottom:26px;margin-bottom:35px}.lead-form{display:flex;flex-direction:column;gap:23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lead-form label{display:flex;flex-direction:column;align-items:stretch;gap:10px;font-size:12px;font-weight:750;color:#2b4742}.lead-form label>span{color:#d17754}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #d8dfd8;background:#f7f8f5;border-radius:0;padding:14px 13px;outline:none;font-size:13px;color:#1f393a;min-height:47px;transition:border-color .2s}.lead-form textarea{resize:vertical;min-height:130px}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#477c69;background:white}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#889994}.honeypot{position:absolute!important;left:-10000px!important;opacity:0!important}.form-bottom{padding-top:6px}.form-bottom p{font-size:11px;line-height:1.6;color:#687975}.submit-btn{border:0;background:#0a2225;color:white;width:100%;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin-top:20px}.submit-btn:hover{background:#28554a}.submit-btn:disabled{opacity:.6;cursor:wait}.form-error{background:#fff0e8;color:#9d412a;padding:16px;display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.7}.form-error a{text-decoration:underline;font-weight:700}.form-success{padding:60px 15px;text-align:center}.form-success svg{color:#4a8f68}.form-success h2{font-size:40px;margin:24px 0}.form-success p{line-height:1.75;color:#5d7468}.legal-review{padding:110px 0;background:#f3f3ea}.legal-review h2{font-size:50px}.legal-review p{font-size:17px;line-height:1.7;max-width:760px;color:#5f6f72}.error-page{min-height:90vh;background:#12222a;color:white;padding:205px 9vw 110px}.error-page h1{font-size:clamp(70px,9vw,130px);line-height:1;letter-spacing:-.08em;margin:40px 0}.error-page p{color:#b9c8ca;margin-bottom:35px}
/* responsive */
@media(max-width:1200px){.wrap{padding:0 40px}.desktop-nav{gap:17px;margin-right:0}.header-inner{gap:17px}.nav-item{font-size:11px}.home-hero h1{font-size:clamp(60px,8vw,99px)}.manifesto-copy{padding:95px 65px}.manifesto-copy h2{margin-top:40px}.contact-layout{gap:40px}.contact-form-wrap{padding:36px 30px}}
@media(max-width:1000px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.header-inner{height:72px}.header{background:rgba(7,20,29,.95)}.mobile-panel{display:block;position:absolute;top:71px;left:0;right:0;bottom:auto;background:#0C1525;max-height:calc(100svh - 70px);overflow:auto;padding:30px 40px 65px;box-shadow:0 30px 50px rgba(0,0,0,.3)}.mobile-panel nav{display:flex;flex-direction:column;gap:0}.mobile-panel nav>a:not(.btn){display:flex;align-items:center;justify-content:space-between;font-size:24px;padding:13px 0;border-bottom:1px solid #31444c}.mobile-panel .eyebrow{margin:35px 0 12px;color:#5CE1E6}.mobile-service-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;margin-bottom:35px}.mobile-service-links a{font-size:13px;padding:8px 0;color:#b6caca}.mobile-panel .btn{align-self:flex-start}.home-hero{min-height:730px}.hero-topline-right{display:none}.home-hero-copy{padding:35px 0}.intro-layout{grid-template-columns:24% 76%}.service-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manifesto-section{min-height:640px}.manifesto-copy{padding:75px 45px}.manifesto-copy h2{font-size:52px}.work-grid{gap:35px 20px}.work-heading{display:block}.work-heading .line-arrow{margin-top:25px}.process-preview-steps{grid-template-columns:1fr 1fr}.process-preview-steps>div:nth-child(2){border-right:0}.process-preview-steps>div:nth-child(n+3){border-top:1px solid #b6c3b5}.contact-layout{grid-template-columns:1fr}.contact-copy h1{font-size:79px}.contact-aside{margin-top:50px}.footer-columns{gap:35px}.footer-top{grid-template-columns:1fr 160px}.footer-orb{width:125px;height:125px}.detail-intro-grid{grid-template-columns:28% 72%}.detail-section{grid-template-columns:20% 80%}.faq-layout{grid-template-columns:35% 65%;gap:15px}}
@media(max-width:700px){.wrap{padding:0 22px}.header-inner{height:68px}.brand-type{font-size:23px}.mobile-panel{top:67px;padding:20px 24px 55px}.mobile-panel nav>a:not(.btn){font-size:22px}.home-hero{height:auto;min-height:760px;max-height:none}.home-hero-image{background-position:60% 50%}.home-hero-content{min-height:760px;padding-top:116px;padding-bottom:25px}.hero-topline{font-size:8px;letter-spacing:.12em}.home-hero-copy{margin:auto 0}.hero-pretitle{font-size:9px;letter-spacing:.13em;margin-bottom:23px}.home-hero h1{font-size:clamp(49px,12vw,74px);line-height:1.045;letter-spacing:-.075em}.home-hero-copy p{font-size:14px;line-height:1.78;margin-bottom:22px}.home-hero .btn{width:100%}.home-hero .button-row{gap:14px;align-items:flex-start;flex-direction:column}.home-hero-bottom>span:nth-child(1){display:none}.home-hero-bottom{font-size:9px}.intro-section{padding:80px 0 95px}.intro-layout{display:block}.tiny-circle-icon{display:none}.intro-layout h2{font-size:clamp(54px,11vw,80px);margin:45px 0}.intro-bottom{display:block}.intro-bottom p{font-size:14px;margin-bottom:20px}.home-services,.all-services{padding:75px 0 90px}.section-toprow,.mini-topline{margin-bottom:52px;font-size:9px}.section-heading h2{font-size:clamp(48px,10vw,70px);margin-bottom:18px}.section-heading p{font-size:14px}.service-index-grid{grid-template-columns:1fr}.service-card{min-height:285px;padding:26px}.service-card h3{font-size:29px;margin-top:0}.service-card-icon{margin-bottom:4px}.manifesto-section{grid-template-columns:1fr}.manifesto-photo{height:390px}.manifesto-copy{padding:70px 25px}.manifesto-copy h2{font-size:clamp(51px,10vw,72px);margin-top:38px}.manifesto-copy p{font-size:14px}.work-section{padding:82px 0 92px}.work-heading{margin-bottom:40px}.work-grid{display:block}.project-card{margin-bottom:52px}.project-card:first-child{display:block;min-height:0;background:transparent}.project-card:first-child .project-info{padding:26px 5px}.project-visual{min-height:300px}.project-card:first-child .project-visual{min-height:320px}.project-operations .project-visual{padding:35px 10px}.mock-app{height:270px;width:90%}.mock-sidebar{width:46px}.mock-area{padding:18px}.mock-heading{font-size:22px}.mock-graph{height:70px}.mock-store{height:300px;min-height:0}.mock-shop-product{height:165px}.mock-merchant-card{height:270px;padding:27px}.mock-merchant-card h4{font-size:34px}.project-info h3{font-size:37px}.process-preview{padding:85px 0}.process-preview-head{display:block;margin-bottom:55px}.process-preview-head .btn{margin-top:24px}.process-preview-steps{grid-template-columns:1fr 1fr}.process-preview-steps>div{padding:18px 12px 18px 0;min-height:195px}.process-preview-steps>div:not(:first-child){padding-left:14px}.process-preview-steps h3{font-size:23px;margin-top:35px}.process-preview-steps p{font-size:11px}.process-preview-steps svg{right:7px;top:17px}.statement-section{padding:85px 0}.statement-layout h2{font-size:clamp(48px,11vw,75px)}.statement-layout p{font-size:14px}.closing-cta{padding:83px 0}.closing-cta h2{font-size:clamp(54px,11vw,83px);margin-top:40px}.closing-cta p{font-size:14px}.closing-cta .button-row{align-items:flex-start;flex-direction:column;gap:17px}.closing-cta .btn{max-width:100%}.closing-watermark{display:none}.site-footer{padding:75px 0 25px}.footer-top{display:block;padding-bottom:60px}.footer-top h2{font-size:clamp(79px,16vw,120px)}.footer-top p{font-size:14px}.footer-action{align-items:flex-start;margin-top:45px}.footer-orb{width:110px;height:110px}.footer-columns{grid-template-columns:1fr 1fr;gap:50px 20px;padding:65px 0}.footer-company{grid-column:span 2}.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}.standard-hero{min-height:0;padding:155px 0 80px}.standard-hero h1{font-size:clamp(57px,12vw,83px);margin:45px 0 28px}.standard-hero p{font-size:15px}.services-hero{padding-bottom:30px}.hero-extra{margin-top:75px}.all-services{padding:65px 0 90px}.service-advice{padding:70px 0}.service-advice h2{font-size:clamp(43px,10vw,70px)}.detail-hero{min-height:750px}.detail-hero-inner{padding-top:110px}.breadcrumb{font-size:10px}.detail-hero-body{padding:80px 0 60px}.detail-eyebrow{font-size:9px}.detail-hero h1{font-size:clamp(58px,12vw,84px)}.detail-hero h2{font-size:32px}.detail-hero-body>p{font-size:14px}.detail-hero .button-row{align-items:flex-start;flex-direction:column;gap:12px}.detail-intro{padding:80px 0}.detail-intro-grid{display:block}.detail-intro h2{font-size:clamp(45px,9vw,67px);margin:35px 0}.detail-intro p{font-size:15px}.pillar-subservices{padding:70px 0}.pillar-links{display:block}.pillar-links a{padding:22px 0}.pillar-links h3{font-size:19px}.detail-body{padding:55px 0 90px}.detail-section{display:block;padding:55px 0}.detail-section-no{margin-bottom:22px}.detail-section h2{font-size:clamp(36px,8.5vw,55px);margin-bottom:25px}.detail-section p{font-size:15px}.detail-bullets{grid-template-columns:1fr}.step{grid-template-columns:50px 1fr}.step h3{font-size:20px}.related-services{padding:75px 0}.related-grid{grid-template-columns:1fr}.related-grid>a{min-height:185px}.related-grid h3{font-size:25px;margin-top:30px}.faq-section{padding:80px 0}.faq-layout{display:block}.faq-layout>div:first-child h2{font-size:54px}.faq-items{margin-top:35px;padding-right:0}.faq-item summary{font-size:14px}.about-manifesto{padding:80px 0}.about-manifesto h2{font-size:clamp(55px,11vw,80px);margin:42px 0}.about-manifesto p{font-size:14px}.picture-layout{display:block}.about-image{height:400px}.picture-copy{padding:60px 26px}.picture-copy h2{font-size:48px}.about-picture{padding:70px 0}.process-long{padding:75px 0}.process-row{grid-template-columns:40px 1fr 30px;gap:12px}.process-row h2{font-size:34px}.process-row p{grid-column:2;grid-row:2;font-size:14px}.process-row svg{grid-column:3;grid-row:1}.process-belief{padding:80px 0}.process-belief h2{font-size:53px}.work-note{padding:80px 0}.work-note h2{font-size:56px}.work-note p{font-size:14px}.insight-section{padding:75px 0}.insights-grid{grid-template-columns:1fr;gap:60px}.insight-art{height:310px}.article-hero{padding:145px 0 90px}.article-hero h1{font-size:clamp(57px,11vw,79px)}.article-hero p{font-size:17px}.article-layout{display:block}.article-layout aside{display:none}.article-body{padding:75px 0}.article-text-section h2{font-size:35px}.article-text-section p,.article-text-section li{font-size:15px}.contact-page{padding:145px 0 70px}.contact-copy{padding:0}.contact-copy h1{font-size:clamp(57px,12vw,83px);margin:43px 0}.contact-copy>p{font-size:15px}.contact-aside{margin:40px 0 50px}.contact-form-wrap{padding:30px 22px}.form-row{grid-template-columns:1fr;gap:22px}.form-topline{font-size:9px}.error-page{padding:165px 24px 90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Progressive enhancements */
.home-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;z-index:1;filter:saturate(.65)}.home-hero-video+.home-hero-image{opacity:.75;z-index:1}.home-hero-content{z-index:3}.editorial-links{background:#EFF4FC;padding:75px 0 95px}.editorial-links .mini-topline{margin-bottom:24px}.editorial-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 35px}.editorial-link-grid a{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #C9D7EA;padding:19px 0;font-size:15px;font-weight:600}.editorial-link-grid a:hover{color:#2563EB}.home-hero-copy{animation:heroRise .8s ease both}@keyframes heroRise{from{opacity:.25;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:700px){.editorial-link-grid{grid-template-columns:1fr}.editorial-links{padding:65px 0}}@media(prefers-reduced-motion:reduce){.home-hero-video{display:none}.home-hero-copy{animation:none}}


/* TECHFLOS / OCTOBER 2026 BRAND CORRECTION — primary #2563EB, aqua #5CE1E6 */
:root{--brand-blue:#2563EB;--brand-aqua:#5CE1E6;--brand-ink:#05070A;--brand-surface:#F7F9FC}
:focus-visible{outline:3px solid var(--brand-aqua);outline-offset:4px}
body{background:var(--brand-surface)}
.header.is-scrolled,.header.mobile-open{background:rgba(5,7,10,.96)}
.brand-mark{background:var(--brand-blue);color:white;border-radius:1px}.brand-dot{background:var(--brand-aqua)}.brand-period{color:var(--brand-aqua)}
.hero-topline .pulse,.pulse{background:var(--brand-aqua);box-shadow:0 0 0 5px rgba(92,225,230,.13)}
.home-hero{background:#05070A}.home-hero::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,10,.74) 0%,rgba(5,7,10,.32) 59%,transparent 100%),linear-gradient(0deg,rgba(5,7,10,.55),transparent 35%)}
.home-hero-image{filter:saturate(.84) contrast(1.07)}
.home-hero-video,.film-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;z-index:1;filter:saturate(.58) contrast(1.08)}
.home-hero-content{z-index:4}.home-hero h1 em{color:var(--brand-aqua)}
.btn-cream{background:var(--brand-blue);color:white}.btn-cream:hover{background:#1D4ED8;color:white}.btn-dark{background:var(--brand-blue)}.btn-dark:hover{background:#1D4ED8}
.header-cta:hover{background:var(--brand-aqua);border-color:var(--brand-aqua);color:var(--brand-ink)}
.home-services,.all-services{background:#EEF3FA}.service-index-grid{background:#D9E3F2;border-color:#D9E3F2}.service-card{background:#FFFFFF}
.service-card::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--brand-blue);transition:width .5s cubic-bezier(.2,.7,.2,1)}.service-card:hover::after{width:100%}
.service-card:hover:before{opacity:.10}.service-card-foot svg,.project-info h3{transition:transform .4s ease}
.service-card:hover .service-card-foot svg{transform:translate(5px,-5px)}
.detail-title-period{color:var(--brand-aqua)!important}.detail-dot{background:var(--brand-aqua)!important}
.detail-hero{background:var(--brand-ink)}.detail-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:saturate(.55);pointer-events:none}
.detail-hero-photo{z-index:1}.detail-hero-video+.detail-hero-photo{background-color:transparent!important;opacity:.64}
.detail-hero-inner{position:relative;z-index:3}
.film-reel{position:relative;min-height:430px;overflow:hidden;background:#0A1220;isolation:isolate}
.film-reel video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;opacity:.75;filter:saturate(.6)}
.film-reel::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,10,.67),transparent 55%);pointer-events:none}
.film-reel-label{position:absolute;z-index:3;bottom:26px;left:27px;right:27px;color:white;font-size:10px;font-weight:650;letter-spacing:.17em;display:flex;justify-content:space-between;align-items:center}
.film-reel-label::before{content:'';height:5px;width:5px;border-radius:50%;background:var(--brand-aqua);margin-right:10px}
.manifesto-photo{position:relative;overflow:hidden}.manifesto-photo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7);opacity:.88}
.motion-pause{position:absolute;right:28px;bottom:30px;z-index:10;display:grid;place-items:center;background:rgba(5,7,10,.65);color:white;border:1px solid rgba(255,255,255,.35);border-radius:50%;width:39px;height:39px;font-size:12px;backdrop-filter:blur(10px)}
.motion-pause:hover{background:var(--brand-blue)}.home-hero .motion-pause{bottom:85px}
.about-video-strip{padding:0 0 75px;background:#F7F9FC}.about-video-strip .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px}
.about-video-copy h2{font-size:clamp(38px,5vw,70px);line-height:1.05;letter-spacing:-.06em;margin:22px 0}.about-video-copy p{font-size:15px;line-height:1.7;color:#536378}
.service-card-icon{font-weight:600;color:var(--brand-blue)}
/* Meaningful scroll animation rather than repeated decorative entrance effects */
.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.reveal-on-scroll.in-view{opacity:1;transform:none}.reveal-on-scroll[data-delay='1']{transition-delay:.08s}.reveal-on-scroll[data-delay='2']{transition-delay:.16s}
@keyframes sweepIn{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes blueShimmer{0%,100%{box-shadow:0 0 0 rgba(37,99,235,0)}50%{box-shadow:0 0 48px rgba(37,99,235,.15)}}
.project-visual{transition:filter .5s ease}.project-card:hover .project-visual{filter:contrast(1.09)}
.project-operations .project-visual{background:radial-gradient(ellipse at 72% 17%,#2056B4,transparent 50%),#071227}
.project-commerce .project-visual{background:#E3EBF8}.project-merchant .project-visual{background:#06152D}
.process-preview-steps>div{transition:background .35s ease}.process-preview-steps>div:hover{background:rgba(37,99,235,.09)}
::selection{background:var(--brand-aqua);color:var(--brand-ink)}
@media(max-width:700px){.about-video-strip .wrap{grid-template-columns:1fr;gap:25px}.film-reel{min-height:300px}.home-hero h1{font-size:clamp(48px,11.3vw,74px)}.home-hero .motion-pause{bottom:78px;right:18px}.home-hero-video,.film-hero{object-position:60% center;opacity:.44}.reveal-on-scroll{transform:translateY(16px)}.service-card{min-height:248px}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}.film-reel video,.home-hero-video,.detail-hero-video,.manifesto-photo video{display:none!important}}

/* final mobile and editorial polish */
.home-hero-copy{animation:heroRise .6s ease-out both}
@keyframes heroRise{from{opacity:1;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.home-hero-image{background-color:#07142D;background-blend-mode:normal}
.home-hero-video+.home-hero-image{opacity:.45;z-index:1}
.home-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 77% 47%,rgba(37,99,235,.26),transparent 58%),linear-gradient(150deg,rgba(4,10,18,.2),rgba(5,7,10,.55));z-index:2;pointer-events:none}
.service-card{min-height:400px}.service-card-media{display:block;position:relative;height:118px;margin:10px -30px 15px;background:#0F2141;background-position:center;background-size:cover;filter:saturate(.7);overflow:hidden;transition:filter .45s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.service-card-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,10,.22),rgba(37,99,235,.06))}
.service-card:hover .service-card-media{filter:saturate(1);transform:scale(1.035)}
.service-card-icon{margin:0 0 -14px;z-index:3;background:var(--brand-blue);color:white;display:grid;place-items:center;width:40px;height:40px;border-radius:0}
.service-card-num{margin-bottom:8px}.service-card h3{margin-top:13px}
.pillar-links a:hover h3{color:var(--brand-blue)}.process-row:hover h2{color:var(--brand-blue)}
@media(max-width:700px){.service-card{min-height:346px}.service-card-media{height:120px;margin:2px -26px 16px}.service-card-icon{margin-bottom:-12px}.home-hero-copy p{color:#E4EBF8}.home-hero .btn{font-size:12px}.home-hero:before{background:radial-gradient(ellipse at 95% 28%,rgba(37,99,235,.18),transparent 70%)}}

/* TechFlos Selected Work V7 — additive to the approved V6 look and feel. */
.tf7-listing{padding:62px 0 70px}
.tf7-guide{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;border-top:1px solid rgba(25,55,66,.25);border-bottom:1px solid rgba(25,55,66,.25);padding:29px 0 28px;margin-bottom:32px;color:#153040}
.tf7-guide>div{display:flex;align-items:center;gap:19px}
.tf7-guide-mark{font-size:51px;color:#02899a;font-weight:300;line-height:1}
.tf7-guide p{margin:0;max-width:380px;color:#527078;font-size:14px;line-height:1.65}
.tf7-guide strong{color:#082334;font-size:18px;font-weight:600}
.tf7-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 0 16px}
.tf7-filter-group{display:flex;flex-wrap:wrap;gap:8px}
.tf7-filter-group button{border:1px solid #d6e0e2;background:transparent;color:#1a3946;cursor:pointer;padding:11px 17px;font-size:12px;font-family:inherit;font-weight:650;letter-spacing:.015em;transition:background .2s,color .2s,border-color .2s}
.tf7-filter-group button span{margin-left:8px;opacity:.55;font-size:10px}
.tf7-filter-group button.is-active,.tf7-filter-group button:hover,.tf7-filter-group button:focus-visible{border-color:#0a2936;background:#082532;color:#fff}
.tf7-filter-group button:focus-visible{outline:2px solid #20b3bc;outline-offset:3px}
.tf7-search-label{border-bottom:1px solid #75939b;display:flex;align-items:center;min-width:220px;color:#07536b}
.tf7-search-label input{background:none;color:#092a39;border:0;outline:none;padding:13px 8px;width:100%;font-size:13px;font-family:inherit}
.tf7-search-label input:focus-visible{outline:2px solid #16b4bf;outline-offset:2px}
.tf7-search-label>span:last-child{font-size:22px}
.tf7-result-summary{color:#5b737d;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 0 30px}
.tf7-group{padding:8px 0 60px}
.tf7-group[hidden],.tf7-card[hidden],.tf7-noresults[hidden]{display:none!important}
.tf7-group-head{display:grid;grid-template-columns:minmax(140px,200px) 1fr auto;align-items:end;gap:35px;border-bottom:1px solid #bccdd3;padding-bottom:25px;margin-bottom:28px}
.tf7-group-head h2{margin:0 0 11px;font-size:clamp(32px,3.3vw,54px);line-height:1.07;letter-spacing:-.047em;font-weight:540;color:#092431}
.tf7-group-head p{font-size:14px;color:#607680;max-width:590px;line-height:1.7;margin:0}
.tf7-group-number,.tf7-group-count{font-size:10px;color:#22788a;letter-spacing:.11em;font-weight:700}
.tf7-group-count{color:#6f888f;white-space:nowrap}
.tf7-cards,.tf7-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tf7-card{background:#fff;border:1px solid #d9e3e7;transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0;overflow:hidden}
.tf7-card:hover,.tf7-card:focus-within{transform:translateY(-5px);border-color:#72c7d0;box-shadow:0 20px 46px rgba(6,30,43,.12)}
.tf7-card-link{display:block;height:100%;color:inherit;text-decoration:none!important}
.tf7-card-art{position:relative;display:block;margin:0;height:208px;background:#0d2a3b;overflow:hidden;color:#d0fcfa}
.tf7-has-thumbnail::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,29,.06),rgba(4,18,29,.18));pointer-events:none}
.tf7-thumbnail{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.1,1),filter .55s ease;filter:saturate(.98) contrast(1.02)}
.tf7-card:hover .tf7-thumbnail,.tf7-card:focus-within .tf7-thumbnail{transform:scale(1.04);filter:saturate(1.05) contrast(1.04)}

.tf7-thumbnail-accent{position:absolute;left:18px;bottom:18px;width:58px;height:4px;border-radius:999px;background:linear-gradient(90deg,#7de8ea,#d6ffff);opacity:.96;box-shadow:0 0 18px rgba(125,232,234,.34)}
.tf7-art-mobility{background:linear-gradient(126deg,#071a2d,#154d68 55%,#27748b)}
.tf7-art-experience{background:linear-gradient(126deg,#172635,#2d4b56 51%,#496c75)}
.tf7-art-label{position:absolute;left:20px;top:20px;font-weight:750;letter-spacing:.1em;font-size:10px;z-index:2}
.tf7-art-orbit{position:absolute;border:1px solid rgba(178,250,251,.35);width:260px;height:260px;border-radius:50%;top:45px;right:-25px;transform:rotate(-23deg)}
.tf7-art-orbit-2{width:178px;height:178px;top:83px;right:33px;border-color:rgba(178,250,251,.6)}
.tf7-art-bars{display:flex;align-items:end;gap:13px;position:absolute;right:16%;top:18%;height:105px;opacity:.5;transform:skewX(-15deg)}
.tf7-art-bars i{display:block;width:12px;height:25%;background:#a4f7ef}.tf7-art-bars i:nth-child(2){height:52%}.tf7-art-bars i:nth-child(3){height:90%}.tf7-art-bars i:nth-child(4){height:40%}.tf7-art-bars i:nth-child(5){height:72%}
.tf7-art-bottom{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.1em;color:#d8f4f5;font-weight:600}
.tf7-card-copy{padding:22px 22px 20px;display:flex;flex-direction:column;min-height:232px}
.tf7-card-overline{display:flex;justify-content:space-between;gap:8px;color:#167c87;font-size:10px;letter-spacing:.1em;font-weight:750}
.tf7-card-overline>span{font-size:19px;line-height:.7;color:#235661}
.tf7-card-copy h3{color:#0a2b38;font-size:clamp(22px,2vw,29px);letter-spacing:-.04em;font-weight:550;margin:14px 0 12px;line-height:1.2}
.tf7-card-copy>p{font-size:13.5px;line-height:1.65;color:#60747d;margin:0 0 20px;flex-grow:1}
.tf7-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e0e8ea;padding-top:14px;color:#627d87;font-size:10px;line-height:1.4}
.tf7-card-bottom>b{color:#0a6676;font-size:10px;letter-spacing:.06em;white-space:nowrap;display:flex;align-items:center;gap:6px}
.tf7-attribution-note{border-top:1px solid #dce5e8;margin-top:0;padding:28px 0;color:#71858b;font-size:12px;line-height:1.75;max-width:1020px}
.tf7-noresults{padding:36px 25px;text-align:center;color:#607a84;border:1px solid #d6e3e4}
.tf7-detail-hero{background:#081d2a;color:#f7fcfd;padding:142px 0 62px;overflow:hidden}
.tf7-breadcrumb{display:flex;gap:12px;color:#99bcc8;align-items:center;flex-wrap:wrap;font-size:12px;margin-bottom:75px}
.tf7-breadcrumb a{color:#63d6dc;text-decoration:none}
.tf7-detail-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:75px;align-items:center}
.tf7-detail-eyebrow{display:flex;gap:22px;flex-wrap:wrap;color:#52d1db;letter-spacing:.15em;font-weight:700;font-size:10px;margin-bottom:24px}
.tf7-detail-heading h1{font-size:clamp(54px,6.3vw,102px);line-height:1;letter-spacing:-.069em;font-weight:510;color:#f5f9fa;margin:0 0 28px;overflow-wrap:anywhere}
.tf7-fullstop{color:#45cad3}
.tf7-detail-lede{font-size:clamp(16px,1.5vw,20px);line-height:1.65;max-width:570px;color:#b9d0db;margin:0 0 23px}
.tf7-detail-status{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:#e5f7f6;background:#194252;padding:12px 15px;margin-bottom:35px}
.tf7-status-dot{width:7px;height:7px;border-radius:50%;background:#53e0da}
.tf7-backlink{display:block;color:#7ddadf;text-decoration:none;font-weight:680;letter-spacing:.08em;font-size:11px}
.tf7-detail-visual .tf7-card-art{height:365px;min-height:250px}
.tf7-detail-visual .tf7-art-orbit{height:390px;width:390px;right:-85px;top:10px}
.tf7-detail-visual .tf7-art-orbit-2{height:290px;width:290px;right:15px;top:60px}
.tf7-mock-clarifier{letter-spacing:.02em;font-size:12px;line-height:1.6;color:#b3cdd5;padding-top:13px}
.tf7-detail-strip{background:#eaf1f2;padding:27px 0}
.tf7-detail-strip-grid{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:30px}
.tf7-detail-strip-grid>div{display:flex;flex-direction:column;gap:10px}
.tf7-detail-strip-grid span{font-size:10px;letter-spacing:.14em;color:#5a858c;font-weight:750}
.tf7-detail-strip-grid strong{font-weight:550;font-size:14px;color:#193747}
.tf7-detail-content{background:#f8fbfb;padding:64px 0 90px}
.tf7-story-block{display:grid;grid-template-columns:minmax(100px,.42fr) 1fr;gap:80px;padding:44px 0;border-bottom:1px solid #cedddd}
.tf7-story-marker{font-size:11px;font-weight:750;color:#16808f;letter-spacing:.13em;margin-top:13px}
.tf7-story-block h2{font-weight:510;font-size:clamp(32px,3.4vw,50px);letter-spacing:-.05em;line-height:1.1;color:#0a2534;margin:0 0 22px}
.tf7-story-block h2 span{color:#1cc1c9}
.tf7-story-block p{font-size:16px;line-height:1.8;color:#526973;max-width:760px;margin:0}
.tf7-deliverables{list-style:none;margin:0;padding:0;max-width:820px}
.tf7-deliverables li{border-bottom:1px solid #d8e3e5;padding:16px 0;display:flex;gap:30px;align-items:baseline;color:#355763;font-size:15px}
.tf7-deliverables li span{font-weight:750;font-size:10px;letter-spacing:.07em;color:#068c98}
.tf7-caveat{background:#e5f1f0;border-left:3px solid #2cbcc4;padding:21px 26px;margin-top:30px}
.tf7-caveat>span{display:block;color:#27838c;font-size:10px;font-weight:750;letter-spacing:.14em;margin-bottom:9px}
.tf7-caveat p{font-size:13px;line-height:1.65}
.tf7-more{padding:74px 0 80px;background:#eaf1f2}
.tf7-more-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px;gap:15px}
.tf7-more-heading h2{font-weight:530;letter-spacing:-.05em;font-size:clamp(30px,3.4vw,47px);color:#082c3c;margin:12px 0 0}
.tf7-more-heading h2 span{color:#18b8c5}
.tf7-small-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:750;color:#158892}
.tf7-more-heading a{font-size:13px;color:#0a5f72;text-decoration:none;font-weight:700}
.tf7-card-compact .tf7-card-art{height:160px}
.tf7-card-compact .tf7-card-copy{min-height:205px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.tf7-group-head{grid-template-columns:135px 1fr}.tf7-group-count{display:none}.tf7-cards,.tf7-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf7-detail-grid{gap:30px}}
@media(max-width:720px){.tf7-listing{padding:38px 0 36px}.tf7-guide{display:block}.tf7-guide>p{margin:16px 0 0}.tf7-toolbar{display:block}.tf7-filter-group{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tf7-filter-group button{padding:11px 6px;font-size:11px}.tf7-search-label{margin-top:20px;width:100%;min-width:0}.tf7-group-head{display:block}.tf7-group-number{display:block;margin-bottom:13px}.tf7-cards,.tf7-more-grid{grid-template-columns:1fr}.tf7-group{padding-bottom:35px}.tf7-card-art{height:215px}.tf7-detail-hero{padding:94px 0 45px}.tf7-breadcrumb{margin-bottom:40px}.tf7-detail-grid{grid-template-columns:1fr;gap:35px}.tf7-detail-heading h1{font-size:clamp(46px,12vw,78px)}.tf7-detail-visual .tf7-card-art{height:255px}.tf7-detail-strip-grid{grid-template-columns:1fr;gap:20px}.tf7-story-block{grid-template-columns:1fr;gap:12px;padding:33px 0}.tf7-story-block p{font-size:15px}.tf7-more-heading{align-items:start}.tf7-more-heading a{margin-top:15px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.tf7-card{transition:none}.tf7-card:hover{transform:none}}

/* ================================================================
   V7 portfolio redesign 2026-10-16 — no new images generated.
   Editorial photo covers reuse Unsplash links already in V6;
   offline fallback images reuse original V6-embedded photographs.
   No illustration banners or obstructive image badges.
   ================================================================ */
.tf7-listing{padding:56px 0 86px}
.tf7-guide{margin-bottom:37px;padding:33px 0;align-items:center}
.tf7-guide-mark{font-size:39px}
.tf7-guide strong{font-size:21px;letter-spacing:-.02em}
.tf7-toolbar{padding:12px 0 20px}
.tf7-group{padding:12px 0 76px}
.tf7-group-head{grid-template-columns:minmax(120px,170px) 1fr auto;gap:38px;margin-bottom:32px;padding-bottom:30px}
.tf7-group-head h2{font-size:clamp(32px,3.2vw,52px)}
.tf7-cards,.tf7-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}
.tf7-card{border:1px solid #d6e3e7;background:#fff;box-shadow:0 8px 24px rgba(8,34,48,.028)}
.tf7-card:hover,.tf7-card:focus-within{border-color:#96ced4;transform:translateY(-4px);box-shadow:0 22px 50px rgba(8,34,48,.115)}
.tf7-card-art{height:auto!important;aspect-ratio:1.85!important;position:relative;margin:0;background:#0d2a3b;overflow:hidden;display:block}
.tf7-photo-cover::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,30,.03) 32%,rgba(2,20,32,.43) 100%);z-index:1}
.tf7-cover-photo{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 50%;filter:saturate(.82) contrast(1.035);transition:transform .7s cubic-bezier(.2,.7,.1,1),filter .7s ease}
.tf7-card:hover .tf7-cover-photo,.tf7-card:focus-within .tf7-cover-photo{transform:scale(1.035);filter:saturate(.95) contrast(1.035)}
.tf7-cover-corner{position:absolute;z-index:2;left:28px;bottom:23px;display:flex;gap:17px;align-items:center;color:rgba(255,255,255,.93);font-size:12px;font-weight:700;letter-spacing:.15em}
.tf7-cover-corner span{font-size:18px;font-weight:400}
.tf7-card-copy{padding:30px 31px 27px;min-height:262px}
.tf7-card-overline{font-size:11px;letter-spacing:.10em;color:#187986}
.tf7-card-overline>span{color:#17697a;font-size:22px}
.tf7-card-copy h3{font-size:clamp(26px,2.25vw,36px);font-weight:545;margin:14px 0 14px;line-height:1.13}
.tf7-card-copy>p{color:#536d79;font-size:15px;line-height:1.68;max-width:550px;margin-bottom:22px}
.tf7-card-bottom{font-size:11px;padding-top:18px}
.tf7-card-bottom b{font-size:10px;letter-spacing:.10em;color:#006a7a}
.tf7-detail-visual .tf7-card-art{min-height:260px;aspect-ratio:1.33!important}
.tf7-detail-visual .tf7-cover-corner{left:24px;bottom:23px}
.tf7-mock-clarifier{color:#9bb8c7;font-size:11px;line-height:1.7}
.tf7-more-grid .tf7-card-art{aspect-ratio:1.85!important}
.tf7-card-compact .tf7-card-copy{min-height:215px}
@media(max-width:1050px){.tf7-cards,.tf7-more-grid{gap:17px}.tf7-card-copy{padding:25px;min-height:260px}}
@media(max-width:720px){
 .tf7-guide{margin-bottom:26px;padding:24px 0}
 .tf7-cards,.tf7-more-grid{grid-template-columns:1fr;gap:22px}
 .tf7-group{padding:12px 0 44px}
 .tf7-card-art{aspect-ratio:1.67!important}
 .tf7-card-copy{padding:23px;min-height:228px}
 .tf7-card-copy h3{font-size:29px}
 .tf7-detail-visual .tf7-card-art{aspect-ratio:1.5!important;min-height:0}
 .tf7-cover-corner{left:18px;bottom:16px;font-size:11px}
}


/* Selected Work: genuine source material and explicitly labeled portfolio concept artwork. */
.tf10-real-media{background:#081923;}
.tf10-real-media:after{content:none!important;}
.tf10-real-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;filter:none!important;transition:transform .45s ease;}
.tf7-card:hover .tf10-real-cover{transform:scale(1.025);}
.tf10-asset-TF-015{background:#44148b}.tf10-asset-TF-015 .tf10-real-cover{object-fit:contain;object-position:center;}
.tf10-asset-TF-022{background:#272727}.tf10-asset-TF-022 .tf10-real-cover{object-fit:contain;object-position:center;}
.tf10-real-chip{position:absolute;left:14px;bottom:14px;padding:7px 9px;background:rgba(4,18,29,.86);color:#e6f4f4;font-size:10px;font-weight:750;letter-spacing:.09em;z-index:9;}
.tf10-project-gallery{background:#f0f5f8;padding:66px 0 82px;}
.tf10-gallery-heading{max-width:780px;margin:0 0 27px;}
.tf10-gallery-heading>span{display:block;color:#12657b;font-size:11px;letter-spacing:.11em;font-weight:800;}
.tf10-gallery-heading h2{font-size:clamp(29px,3.5vw,46px);line-height:1.05;letter-spacing:-.045em;color:#102a35;margin:10px 0;}
.tf10-gallery-heading h2 span{color:#2aa9b5;}
.tf10-gallery-heading p{color:#496572;line-height:1.65;font-size:15px;}
.tf10-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.tf10-gallery-card{margin:0;padding:12px;background:white;border:1px solid #dae4ea;box-shadow:0 10px 36px rgba(11,35,42,.035);overflow:hidden;min-width:0;}
.tf10-gallery-card img{width:100%;height:320px;display:block;object-fit:contain;object-position:center;background:#f7fafc;}
.tf10-gallery-card.tf10-portrait img{height:360px;}
.tf10-gallery-card figcaption{padding:12px 8px 4px;font-size:11px;color:#466272;font-weight:700;}
@media(max-width:750px){.tf10-gallery-grid{grid-template-columns:1fr;gap:14px}.tf10-gallery-card img{height:auto;max-height:360px;object-fit:contain}.tf10-project-gallery{padding:50px 0 62px}.tf10-gallery-heading h2{font-size:30px}}

/* TechFlos V12: founder credibility + legal-first layout (added to existing V11 design) */
body:has(.tf12-legal-page) .header,body:has(.tf12-legal-page) .header:not(.is-scrolled){background:#08141b;box-shadow:0 1px 0 rgba(255,255,255,.09)}

.tf12-founder-teaser{background:#f7f6f2;padding:86px 0;border-top:1px solid #e6e3db;border-bottom:1px solid #e6e3db}.tf12-founder-teaser-grid{display:grid;grid-template-columns:0.8fr 1.6fr;gap:8%;align-items:center}.tf12-founder-kicker{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.tf12-monogram{font-size:clamp(6rem,16vw,15rem);line-height:.9;letter-spacing:-.14em;font-weight:700;color:#173039}.tf12-monogram span,.tf12-profile-mark span{color:#68bfc3}.tf12-eyebrow,.tf12-founder-overline{letter-spacing:.14em;font-weight:700;font-size:11px;color:#46777a}.tf12-founder-teaser h2,.tf12-founder-story h2,.tf12-founder-projects h2{font-size:clamp(2.2rem,4.5vw,4.4rem);line-height:1.09;letter-spacing:-.05em;margin:20px 0}.tf12-founder-teaser h2 em,.tf12-founder-hero h1 em{font-style:italic;color:#568e92}.tf12-founder-teaser p{max-width:650px;font-size:1.05rem;line-height:1.8;color:#526064}.tf12-inline-link{display:inline-flex;gap:12px;align-items:center;margin-top:24px;padding-bottom:7px;border-bottom:1px solid currentColor;color:#155a66;font-size:.88rem;font-weight:750;letter-spacing:.02em;text-decoration:none}.tf12-founder-hero{background:radial-gradient(circle at 86% 14%,rgba(49,145,150,.15),transparent 40%),#08141b;color:#fff;padding:170px 0 115px}.tf12-founder-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.78fr);gap:9%;align-items:center}.tf12-founder-hero h1{font-size:clamp(3.2rem,6.6vw,7rem);letter-spacing:-.065em;line-height:1.02;margin:20px 0 24px}.tf12-founder-hero p{max-width:650px;color:#d0dadb;font-size:1.07rem;line-height:1.8}.tf12-founder-overline{display:block;color:#a9cbcc;margin-top:24px}.tf12-founder-profile{background:#14282e;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:32px;box-shadow:0 24px 70px rgba(0,0,0,.2)}.tf12-profile-mark{font-size:clamp(4.3rem,10vw,10rem);line-height:.9;color:#e4f1f1;font-weight:800;letter-spacing:-.15em;margin:8px 0 42px}.tf12-founder-profile>span{color:#a1c9ca;letter-spacing:.14em;font-size:10px;font-weight:800}.tf12-founder-profile h2{font-size:2rem;color:#fff;margin:10px 0 3px;letter-spacing:-.04em}.tf12-founder-profile p{font-size:.87rem;margin:0 0 16px;line-height:1.7}.tf12-founder-profile small{font-size:.72rem;color:#9eb3b8;line-height:1.5;display:block}.tf12-profile-divider{height:1px;background:rgba(255,255,255,.12);margin:24px 0}.tf12-primary-link{display:inline-flex;gap:16px;align-items:center;padding:15px 23px;border-radius:4px;background:#dff8f6;color:#083138;font-weight:750;text-decoration:none}.tf12-light-link{color:#dff8f6;margin-left:20px}.tf12-founder-story{padding:110px 0;background:#f8f8f5}.tf12-founder-story-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.tf12-founder-story p,.tf12-founder-projects>div>p{color:#526064;font-size:1.04rem;line-height:1.85}.tf12-strengths{border-top:1px solid #dce4e2;margin-top:36px}.tf12-strengths div{display:grid;grid-template-columns:160px 1fr;gap:22px;padding:19px 0;border-bottom:1px solid #dce4e2}.tf12-strengths strong{color:#193e44}.tf12-strengths span{color:#53656a}.tf12-founder-projects{padding:100px 0;background:#fff}.tf12-founder-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:37px}.tf12-founder-work-grid a{display:flex;flex-direction:column;gap:14px;padding:29px;min-height:280px;border:1px solid #dfe6e6;background:#f9fbfa;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.tf12-founder-work-grid a:hover{transform:translateY(-4px);border-color:#4d898d}.tf12-founder-work-grid span{font-size:.7rem;letter-spacing:.12em;font-weight:750;color:#528287}.tf12-founder-work-grid h3{font-size:1.55rem;margin:0;color:#183a40}.tf12-founder-work-grid p{line-height:1.7;margin:0;color:#526066}.tf12-founder-work-grid small{margin-top:auto;color:#075d66;font-weight:700}.tf12-founder-principle{background:#173338;color:#eef7f6;padding:85px 0}.tf12-founder-principle span{letter-spacing:.13em;font-size:.72rem;font-weight:700;color:#a9cbcc}.tf12-founder-principle blockquote{font-size:clamp(1.7rem,3.4vw,3.1rem);line-height:1.4;letter-spacing:-.04em;max-width:1000px;margin:22px 0 18px}.tf12-founder-principle p{font-size:.8rem;color:#b3cdcd}.tf12-legal-hero{background:#f6f8f6;border-bottom:1px solid #dfe9e6;padding:160px 0 70px}.tf12-legal-hero h1{font-size:clamp(2.7rem,5vw,5.2rem);letter-spacing:-.06em;line-height:1.07;margin:20px 0}.tf12-legal-hero p{font-size:1.08rem;line-height:1.7;color:#4a6267;max-width:760px}.tf12-legal-date{display:inline-block;margin-top:22px;font-size:.72rem;color:#697b7b;letter-spacing:.02em}.tf12-legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:7%;align-items:start;padding-top:65px;padding-bottom:100px}.tf12-legal-toc{position:sticky;top:104px;display:flex;flex-direction:column;gap:13px;max-height:calc(100vh - 132px);overflow:auto}.tf12-legal-toc b{font-size:.71rem;letter-spacing:.13em;color:#537579;margin-bottom:10px}.tf12-legal-toc a{font-size:.82rem;line-height:1.5;color:#4e6266;text-decoration:none}.tf12-legal-toc a:hover{color:#11636f}.tf12-legal-toc hr{border:none;border-top:1px solid #dce8e6;width:100%}.tf12-legal-prose{max-width:790px}.tf12-legal-prose section{border-bottom:1px solid #e6eae7;padding:0 0 25px;margin:0 0 32px;scroll-margin-top:115px}.tf12-legal-prose h2{font-size:clamp(1.3rem,2vw,1.8rem);color:#1c363d;letter-spacing:-.03em;margin:0 0 17px}.tf12-legal-prose p{color:#425b60;font-size:.97rem;line-height:1.9;margin:0 0 17px}.tf12-policy-related{display:flex;gap:12px;flex-wrap:wrap}.tf12-policy-related a{border:1px solid #d0e1dd;padding:11px 15px;text-decoration:none;color:#196269;font-size:.85rem}.lead-form .form-bottom a{color:inherit;text-decoration:underline}
@media(max-width:850px){.tf12-founder-teaser-grid,.tf12-founder-hero-grid,.tf12-founder-story-grid{grid-template-columns:1fr;gap:38px}.tf12-founder-work-grid{grid-template-columns:1fr}.tf12-founder-work-grid a{min-height:unset}.tf12-founder-teaser{padding:64px 0}.tf12-monogram{font-size:6rem}.tf12-founder-hero{padding:120px 0 75px}.tf12-founder-hero h1{font-size:clamp(2.9rem,9vw,5rem)}.tf12-founder-story,.tf12-founder-projects{padding:65px 0}.tf12-legal-hero{padding:120px 0 45px}.tf12-legal-layout{grid-template-columns:1fr;gap:35px;padding-top:38px}.tf12-legal-toc{position:static;max-height:none;display:block}.tf12-legal-toc b{display:block}.tf12-legal-toc a{display:inline-block;margin:0 13px 10px 0}.tf12-legal-toc hr{display:none}.tf12-founder-profile{max-width:500px}.tf12-strengths div{grid-template-columns:1fr;gap:8px}.tf12-light-link{margin-left:0;margin-top:14px}.tf12-founder-hero .button-row{display:flex;flex-direction:column;align-items:flex-start}}

/* V15: content-rich portfolio case studies only. Homepage featured block has been removed. */
.tf15-introduction{background:#0c2230;color:#eaf7fb;padding:76px 0 82px}
.tf15-intro-grid{display:grid;grid-template-columns:minmax(170px,.85fr) minmax(0,2fr);gap:44px;align-items:start}
.tf15-section-index,.tf15-focus-heading>span{font-weight:800;letter-spacing:.14em;font-size:11px;color:#53cad3}
.tf15-intro-grid h2,.tf15-focus-heading h2{font-size:clamp(31px,4.2vw,55px);letter-spacing:-.055em;line-height:1.09;margin:0 0 26px}
.tf15-intro-grid h2 span,.tf15-focus-heading h2 span{color:#36b5be}
.tf15-intro-grid p{max-width:810px;font-size:clamp(17px,1.7vw,21px);line-height:1.75;color:#c6dce6;margin:0}
.tf15-focus-section{background:#fff;padding:65px 0 78px}
.tf15-focus-heading{margin-bottom:26px}
.tf15-focus-heading h2{color:#102a35;margin:12px 0 0}
.tf15-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tf15-focus-card{background:#f3f8fa;border:1px solid #d8e6eb;padding:27px 27px 31px;min-height:194px;display:flex;flex-direction:column;gap:25px;transition:transform .2s ease,border-color .2s ease}
.tf15-focus-card:hover{transform:translateY(-3px);border-color:#42b6c2}
.tf15-focus-number{font-size:12px;color:#147483;letter-spacing:.14em;font-weight:800}
.tf15-focus-card p{margin:0;font-size:16px;line-height:1.65;color:#1c3541;font-weight:540}
.tf15-story-extended{margin-top:20px!important;color:#3a5968!important}
@media(max-width:760px){.tf15-introduction{padding:53px 0 60px}.tf15-intro-grid{grid-template-columns:1fr;gap:20px}.tf15-focus-section{padding:50px 0 54px}.tf15-focus-grid{grid-template-columns:1fr;gap:12px}.tf15-focus-card{min-height:0;padding:24px;gap:13px}.tf15-focus-card p{font-size:15px}}