@font-face{font-family:Doran;src:url('./assets/fonts/Doran-VF.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:DMSerif;src:url('./assets/fonts/DMSerifDisplay-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:DMSerif;src:url('./assets/fonts/DMSerifDisplay-Italic.ttf') format('truetype');font-display:swap;font-style:italic}
:root{--ink:#101f30;--night:#0d1926;--navy:#14263d;--paper:#f1f1eb;--white:#f9faf5;--teal:#1ea995;--lime:#d9eb67;--grey:#a7b8b7;--line:rgba(235,247,239,.22);--body:Doran,system-ui,sans-serif;--display:Doran,system-ui,sans-serif;scroll-behavior:smooth;scroll-padding-top:100px}
html[lang=en]{--body:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:DMSerif,Georgia,serif}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--white);font-family:var(--body);font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure{margin:0}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.shell{width:min(100% - 96px,1440px);margin-inline:auto}.section{padding-block:clamp(100px,10vw,160px)}.skip-link{position:fixed;z-index:1000;top:10px;inset-inline-start:10px;padding:12px 18px;background:var(--lime);color:var(--night);transform:translateY(-160%)}.skip-link:focus{transform:none}
/* A brief opening sequence, with a guaranteed exit in JavaScript. */
.loader{position:fixed;z-index:999;inset:0;background:#101f30;color:white;display:flex;align-items:center;justify-content:center;overflow:hidden;visibility:hidden;opacity:0}.js .loader:not(.is-finished){visibility:visible;opacity:1}.loader.is-leaving{transform:translateY(-102%);transition:transform .85s cubic-bezier(.76,0,.24,1)}.loader-top,.loader-bottom{position:absolute;inset-inline:clamp(24px,4vw,64px);display:flex;justify-content:space-between;align-items:center;gap:20px;font:700 10px/1.4 system-ui;letter-spacing:.11em}.loader-top{top:32px}.loader-top img{width:34px;height:34px;object-fit:contain}.loader-bottom{bottom:37px}.loader-bottom>span:first-child{font:600 14px/1.8 var(--body);letter-spacing:0}.loader-main{position:relative;white-space:nowrap;font:800 clamp(120px,28vw,420px)/.85 system-ui;letter-spacing:-.08em;padding-right:.08em}.loader-outline{-webkit-text-stroke:1px rgba(255,255,255,.35);color:transparent}.loader-fill{position:absolute;inset:0 auto auto 0;color:var(--white);clip-path:inset(0 calc(100% - var(--load,0%)) 0 0)}.loader-line{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff22}.loader-line span{display:block;width:100%;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}
.site-header{position:fixed;z-index:90;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:27px clamp(24px,4vw,64px);color:#fff;pointer-events:none}.site-header>a,.site-header .header-right,.site-menu{pointer-events:auto}.mark{display:inline-flex;align-items:center;gap:10px}.mark img{width:35px;height:35px;object-fit:contain}.mark span{font:700 9px/1 system-ui;letter-spacing:.12em}.header-right{display:flex;gap:17px;align-items:center}.header-cv{font-size:12px;font-weight:750}.header-cv:hover{color:var(--lime)}.lang-switch{border:1px solid #ffffff8c;border-radius:50%;background:#101f3060;color:white;width:39px;height:39px;font:700 10px/1 system-ui;cursor:pointer}.lang-switch:hover{background:#fff;color:var(--night)}.menu-button{position:relative;z-index:2;width:46px;height:46px;border:1px solid #ffffff7d;background:#14263dc9;border-radius:50%;cursor:pointer;display:grid;place-content:center;gap:5px}.menu-button span{display:block;width:17px;height:1px;background:white;transition:transform .3s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.site-menu{position:absolute;top:18px;inset-inline-end:clamp(15px,3vw,46px);width:min(430px,calc(100vw - 30px));padding:84px 28px 28px;border:1px solid #ffffff24;background:#122b3d;box-shadow:0 24px 70px #0005;clip-path:inset(0 0 100% 0 round 20px);visibility:hidden;transition:clip-path .45s cubic-bezier(.22,1,.36,1),visibility .45s}.site-menu.is-open{clip-path:inset(0 0 0 0 round 20px);visibility:visible}.site-menu a{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid #ffffff2b;padding:12px 0;font-size:clamp(24px,4vw,38px);font-weight:800;transition:color .2s}.site-menu a:hover{color:var(--lime)}.site-menu small{font:600 10px/1 system-ui;opacity:.55}.site-menu b{margin-inline-start:auto;font:20px/1 system-ui}.no-js .site-menu{visibility:visible;clip-path:none;position:static;padding:0;background:none;border:0;box-shadow:none;width:auto;display:flex;gap:18px}.no-js .site-menu a{font-size:12px;border:0}.no-js .site-menu small,.no-js .site-menu b,.no-js .menu-button{display:none}

.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font:700 10px/1.5 system-ui;letter-spacing:.11em;color:#96aaa8}.section-top span span{font-family:var(--body);letter-spacing:0;font-size:12px}.tiny-star{color:var(--lime);font:50px/1 system-ui}.eyebrow{font-size:12px;font-weight:800;color:var(--teal);margin-bottom:17px}.intro-grid{display:grid;grid-template-columns:1fr .65fr;gap:12%;margin-top:90px;align-items:start}.intro-grid h2{font-family:var(--display);font-size:clamp(38px,4.4vw,68px);font-weight:850;line-height:1.55;letter-spacing:-.045em}.intro-copy p{font-size:16px;line-height:2.2;color:#b2c3c0;margin-bottom:20px}.text-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;color:var(--lime);padding:8px 0;font-size:13px;font-weight:800;transition:gap .25s,color .25s}.text-link:hover{gap:20px;color:#fff}.intro-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);margin-top:100px;padding-bottom:28px;color:#c9d7d2;font-size:13px}.intro-foot span:last-child{font:700 10px/1 system-ui;letter-spacing:.12em;color:var(--teal)}
.work{padding-top:0}.work-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:8%;align-items:end;margin:65px 0 80px}.work-heading h2{font-family:var(--display);font-weight:850;font-size:clamp(46px,6vw,95px);line-height:1.5;letter-spacing:-.05em}.work-heading h2 em{font-style:normal;color:var(--teal)}.work-heading>p{font-size:14px;line-height:2.1;color:#a8bbb8;max-width:340px}.case{margin-bottom:clamp(90px,11vw,160px)}.case-cover{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.72;border-radius:22px;overflow:hidden;isolation:isolate;background:#36565b;cursor:pointer}.case-cover::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#ffffff30,transparent 60%);opacity:.5;transition:opacity .6s}.case-cover:hover::before{opacity:1}.cover-click{background:#b9c9c4}.cover-insurance{background:#a7d9cf}.cover-apps{background:#314e52}.cover-sahand{background:#ead9b1}.cover-kourosh{background:#9db9ba}.cover-no,.cover-label{position:absolute;z-index:5;color:#0f2b31;font:700 10px/1.4 system-ui;letter-spacing:.12em}.cover-no{top:26px;inset-inline-start:28px}.cover-label{bottom:26px;inset-inline-start:28px}.cover-apps .cover-no,.cover-apps .cover-label{color:#edf5ed}.browser-window{width:79%;position:relative;z-index:2;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 30px 65px #0a1c292e;transform:translateY(2%);transition:transform .75s cubic-bezier(.22,1,.36,1),box-shadow .75s}.case-cover:hover .browser-window{transform:translateY(0) scale(1.025);box-shadow:0 38px 75px #0a1c294d}.browser-bar{height:30px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;background:#f6f7f5;color:#6d7a7c;font:600 8px/1 system-ui;letter-spacing:.03em}.dots{display:inline-flex;gap:3px}.dots i{display:block;width:4px;height:4px;border-radius:50%;background:#a8b2b0}.browser-window img{width:100%;height:auto;object-fit:contain}.floating-window{position:absolute;z-index:3;width:31%;bottom:11%;inset-inline-end:6%;background:#fff;box-shadow:0 20px 45px #12312c42;border-radius:8px;overflow:hidden;transition:transform .8s cubic-bezier(.22,1,.36,1)}.floating-window img{width:100%;height:auto}.case-cover:hover .floating-window{transform:translateY(-9px) rotate(-2deg)}.cover-insurance .browser-window{margin-inline-end:8%}.cover-giant{position:absolute;z-index:0;color:#e6eee8;opacity:.12;font:400 clamp(100px,22vw,320px)/1 DMSerif,Georgia,serif;white-space:nowrap;letter-spacing:-.1em}.phone-image{height:88%;width:auto;max-width:76%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 22px 18px #061a1f6e);transition:transform .75s cubic-bezier(.22,1,.36,1)}.case-cover:hover .phone-image{transform:translateY(-9px) scale(1.025)}.pointer-bubble{position:absolute;z-index:9;left:var(--x,50%);top:var(--y,50%);display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#102a31;color:#fff;font:30px/1 system-ui;opacity:0;transform:translate(-50%,-50%) scale(.55);transition:opacity .2s,transform .3s;pointer-events:none}.case-cover.is-pointer .pointer-bubble{opacity:1;transform:translate(-50%,-50%) scale(1)}.case-title{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:28px}.case-meta{font:700 10px/1.4 system-ui;letter-spacing:.13em;color:#90a7a5}.case-title h3{font-family:var(--display);font-size:clamp(30px,4.2vw,60px);font-weight:850;line-height:1.6;letter-spacing:-.035em}.case-arrow{display:grid;place-items:center;width:52px;height:52px;border:1px solid #718883;border-radius:50%;font:22px/1 system-ui;transition:background .3s,color .3s,transform .3s}.case:hover .case-arrow{transform:rotate(45deg);background:var(--lime);color:var(--night)}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:25px}.case-headline{font-size:clamp(19px,2.1vw,30px);font-weight:800;line-height:1.8}.case-copy p,.small-story p{font-size:15px;line-height:2.15;color:#adbfbb;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}.stats strong{display:block;text-align:start;white-space:nowrap;font:400 clamp(30px,3.4vw,52px)/1.15 DMSerif,Georgia,serif;letter-spacing:-.055em}.stats strong i{font-style:normal;color:var(--teal)}.stats span{display:block;font-size:12px;line-height:1.9;color:#a9bbb8;margin-top:12px}.one-stat{grid-template-columns:1fr}.case-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.case-sequence>div{border-top:1px solid var(--line);padding-top:17px}.case-sequence span{font:700 10px/1 system-ui;color:var(--teal)}.case-sequence b{display:block;font-size:15px;line-height:1.8;margin-top:12px}.inline-links{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap;margin-top:20px}.inline-links a{font:700 11px/1.5 system-ui;letter-spacing:.08em;color:var(--lime);border-bottom:1px solid #879b82;padding-bottom:7px}html[lang=en] .inline-links{justify-content:flex-start}
.paired-cases{display:grid;grid-template-columns:1fr 1fr;gap:30px}.paired-cases .case{margin-bottom:0}.paired-cases .case-cover{aspect-ratio:1.3}.paired-cases .case-cover .browser-window{width:86%}.paired-cases .cover-label,.paired-cases .cover-no{font-size:9px}.paired-cases .case-title h3{font-size:clamp(26px,3vw,42px)}.small-story{margin-top:18px;max-width:550px}.cover-sahand .browser-window img{object-fit:contain}.cover-kourosh .kourosh-first,.cover-kourosh .kourosh-second{position:absolute;z-index:2;width:72%;height:auto;filter:drop-shadow(0 20px 18px #142c3440);transition:transform .7s cubic-bezier(.22,1,.36,1)}.kourosh-first{top:8%;inset-inline-start:3%}.kourosh-second{bottom:7%;inset-inline-end:1%}.cover-kourosh:hover .kourosh-first{transform:translate(-4px,-8px)}.cover-kourosh:hover .kourosh-second{transform:translate(4px,8px)}
.approach{background:var(--paper);color:var(--ink)}.approach .section-top{color:#627772}.approach-heading{display:grid;grid-template-columns:.3fr 1fr;gap:10%;align-items:start;margin:90px 0}.approach-star{color:var(--teal);font:clamp(75px,11vw,165px)/.7 system-ui}.approach-heading h2{font-family:var(--display);font-size:clamp(46px,6.6vw,100px);font-weight:850;line-height:1.55;letter-spacing:-.05em;max-width:1000px}.approach-list{border-top:1px solid #a9b8b2}.approach-row{display:grid;grid-template-columns:.12fr .65fr 1fr;gap:30px;align-items:start;padding:29px 0;border-bottom:1px solid #a9b8b2}.approach-row>span{font:700 10px/1.7 system-ui;color:#56847b}.approach-row h3{font-size:clamp(22px,2.4vw,34px);line-height:1.7}.approach-row p{font-size:15px;line-height:2.1;color:#536b68}.approach-punch{margin-top:80px;font-size:clamp(23px,3.2vw,46px);font-weight:850;line-height:1.8;color:#166f65}.tool-line{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#748984;font:700 10px/1.4 system-ui;letter-spacing:.1em;direction:ltr;justify-content:flex-end}html[lang=en] .tool-line{justify-content:flex-start}
.contact{overflow:hidden;padding-bottom:32px}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10%;align-items:end;margin-top:100px}.contact h2{font-family:var(--display);font-size:clamp(52px,7.3vw,108px);font-weight:850;line-height:1.5;letter-spacing:-.06em}.contact h2 em{font-style:normal;color:var(--lime)}.contact-grid p{font-size:15px;line-height:2.2;color:#afc0bd}.contact-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:27px}.contact-links a{font-size:13px;font-weight:750;border-bottom:1px solid #93aca0;padding-bottom:8px;transition:color .2s}.contact-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);padding-top:26px;margin-top:50px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:#a5b8b3}.footer-bottom span:nth-child(2){font:700 9px/1 system-ui;letter-spacing:.12em}.footer-bottom a{font-weight:800;color:white}
html[lang=en] .intro-grid h2,html[lang=en] .work-heading h2,html[lang=en] .approach-heading h2,html[lang=en] .contact h2,html[lang=en] .case-title h3{font-weight:400;line-height:1.08;letter-spacing:-.035em}html[lang=en] .work-heading h2 em,html[lang=en] .contact h2 em{font-style:italic}html[lang=en] .case-headline{line-height:1.4}html[lang=en] .intro-copy p,html[lang=en] .case-copy p,html[lang=en] .small-story p,html[lang=en] .approach-row p,html[lang=en] .contact-grid p{line-height:1.8}
@media(prefers-reduced-motion:no-preference){.js.motion-ready .reveal{opacity:0;transform:translateY(27px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.js.motion-ready .reveal.is-visible{opacity:1;transform:none}.js .hero-content{transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s}.js.is-loading .hero-content{transform:translateY(24px);opacity:0}}
@media(max-width:950px){.intro-grid{gap:7%}.case-story{gap:7%}.work-heading{gap:5%}.approach-heading{gap:5%}}
@media(max-width:760px){:root{scroll-padding-top:78px}.shell{width:calc(100% - 40px)}.section{padding-block:85px}.site-header{padding:18px 20px}.mark img{width:30px;height:30px}.mark span{display:none}.header-right{gap:11px}.header-cv{font-size:11px}.lang-switch{width:35px;height:35px}.menu-button{width:40px;height:40px}.site-menu{top:10px;inset-inline-end:10px}.loader-top{top:22px}.loader-top span:last-child{display:none}.loader-bottom{bottom:26px}.loader-bottom>span:first-child{font-size:12px}.loader-main{font-size:32vw}.intro-grid,.work-heading,.case-story,.approach-heading,.contact-grid{grid-template-columns:1fr;gap:25px}.intro-grid{margin-top:50px}.intro-grid h2{font-size:38px}.intro-copy p{font-size:14px}.intro-foot{margin-top:60px}.intro-foot span:last-child{display:none}.work{padding-top:0}.work-heading{margin:45px 0 45px}.work-heading h2{font-size:clamp(39px,9vw,64px)}.work-heading>p{max-width:100%}.case{margin-bottom:85px}.case-cover{aspect-ratio:1.22;border-radius:15px}.browser-window{width:88%}.browser-bar{height:22px;font-size:7px}.cover-no{top:15px;inset-inline-start:16px;font-size:8px}.cover-label{bottom:15px;inset-inline-start:16px;font-size:8px}.floating-window{width:38%;bottom:10%;inset-inline-end:3%}.floating-window .browser-bar{height:19px}.cover-insurance .browser-window{margin-inline-end:4%}.phone-image{max-width:90%;height:auto;max-height:82%}.pointer-bubble{display:none}.case-title{padding-top:20px}.case-title h3{font-size:clamp(27px,7vw,40px)}.case-arrow{width:42px;height:42px;font-size:18px;flex:none}.case-story{padding-top:16px;gap:13px}.case-headline{font-size:20px}.case-copy p,.small-story p{font-size:14px}.stats{grid-template-columns:1fr;gap:20px;margin-top:25px}.stats>div{padding-bottom:16px;border-bottom:1px solid var(--line)}.stats>div:last-child{border:0;padding:0}.stats strong{font-size:36px}.case-sequence{grid-template-columns:1fr;gap:17px;margin-top:30px}.case-sequence b{margin-top:8px}.paired-cases{grid-template-columns:1fr;gap:70px}.paired-cases .case-cover{aspect-ratio:1.24}.paired-cases .case-title h3{font-size:30px}.approach-heading{margin:60px 0 45px}.approach-star{font-size:75px}.approach-heading h2{font-size:clamp(40px,9vw,65px)}.approach-row{grid-template-columns:28px 1fr;gap:9px 15px;padding-block:23px}.approach-row p{grid-column:2;font-size:14px}.approach-row h3{font-size:23px}.approach-punch{margin-top:50px;font-size:23px}.tool-line{gap:12px;font-size:9px}.contact-grid{margin-top:65px}.contact h2{font-size:clamp(46px,10vw,70px)}.contact-grid p{font-size:14px}.footer-bottom{margin-top:38px;flex-wrap:wrap;font-size:10px}.footer-bottom span:nth-child(2){display:none}.no-js .site-menu{position:static;overflow:auto}.no-js .site-menu a{white-space:nowrap}.no-js .header-right{display:none}}
@media(max-width:380px){.shell{width:calc(100% - 32px)}.cover-label{font-size:7px}.case-meta{font-size:9px}.stats strong{font-size:32px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js.motion-ready .reveal{opacity:1;transform:none}}

.cover-no{direction:ltr}
.site-header{transition:background .3s ease,backdrop-filter .3s ease}.site-header.is-scrolled{background:rgba(13,25,38,.94);backdrop-filter:blur(14px)}
.scale-line{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:80px}.scale-line>div{border-top:1px solid var(--line);padding-top:20px}.scale-line strong{display:block;text-align:start;font:400 clamp(36px,4vw,60px)/1 DMSerif,Georgia,serif;letter-spacing:-.04em}.scale-line span{display:block;margin-top:12px;color:#a9bbb8;font-size:12px;line-height:1.8}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.case-cover.is-pointer .browser-window{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px) scale(1.025)}}
@media(max-width:760px){.scale-line{gap:15px;margin-top:55px}.scale-line strong{font-size:clamp(30px,8vw,40px)}.scale-line span{font-size:10px}.site-header.is-scrolled{background:rgba(13,25,38,.96)}}
@keyframes loader-safety{to{visibility:hidden;opacity:0;pointer-events:none}}.js .loader:not(.is-finished){animation:loader-safety 0s 6s forwards}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.case-cover.is-pointer{cursor:none}}

/* The original portrait fills the opening; a soft scrim keeps the hook readable. */
.hero{position:relative;min-height:720px;height:100svh;max-height:1080px;overflow:hidden;background:var(--navy);isolation:isolate}
.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;width:min(55%,760px);height:100%;padding:110px clamp(40px,6vw,96px) 95px}
.hero-kicker{display:flex;align-items:center;gap:10px;color:#e0ebe4;font-size:13px;line-height:1.6;font-weight:750}
.hero-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d9eb671a;flex:none}
.hero-content h1{font-family:var(--display);font-size:clamp(48px,5.5vw,84px);line-height:1.48;letter-spacing:-.045em;font-weight:850;margin-block:24px 20px}
.hero-content h1 em{font-style:normal;color:var(--lime)}
.hero-lede{color:#e3ece6;max-width:450px;font-size:clamp(15px,1.25vw,18px);line-height:2.05}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}
.hero-primary{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;min-height:53px;padding:12px 20px;background:var(--lime);color:var(--night);border:1px solid var(--lime);border-radius:3px;font-size:13px;font-weight:850;transition:background .25s,color .25s,transform .25s}
.hero-primary:hover{background:transparent;color:var(--lime);transform:translateY(-3px)}
.hero-primary span:last-child{font:20px/1 system-ui;transition:transform .25s}.hero-primary:hover span:last-child{transform:translate(3px,-3px)}
.hero-secondary{display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid #c3d4cc;padding:8px 0;font-size:13px;font-weight:750;transition:color .25s,border-color .25s}.hero-secondary:hover{color:var(--lime);border-color:var(--lime)}.hero-secondary span:last-child{font:18px/1 system-ui}
.hero-signature{position:absolute;inset-inline-start:clamp(40px,6vw,96px);bottom:30px;color:#d0e0d9;font:700 9px/1.3 system-ui;letter-spacing:.14em}.hero-signature span{color:var(--lime);font-size:14px;margin-inline-start:6px}
.hero-portrait{position:absolute;z-index:0;inset:0;overflow:hidden;background:#233845}.hero-portrait::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,rgba(10,26,42,.96) 0%,rgba(10,26,42,.84) 25%,rgba(10,26,42,.30) 58%,rgba(10,26,42,.18) 100%),linear-gradient(to bottom,#08172762,transparent 25%,transparent 74%,#081727a8)}
html[dir=ltr] .hero-portrait::after{background:linear-gradient(to right,rgba(10,26,42,.96) 0%,rgba(10,26,42,.84) 25%,rgba(10,26,42,.30) 58%,rgba(10,26,42,.18) 100%),linear-gradient(to bottom,#08172762,transparent 25%,transparent 74%,#081727a8)}
.hero-portrait img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 42%;filter:grayscale(.7) contrast(1.03) brightness(.88)}
html[lang=en] .hero-content h1{font-weight:400;font-size:clamp(46px,5vw,76px);line-height:1.08;letter-spacing:-.035em}html[lang=en] .hero-content h1 em{font-style:italic}html[lang=en] .hero-lede{line-height:1.7}
@media(max-width:1050px) and (min-width:761px){.hero-content{width:60%;padding-inline:clamp(30px,4vw,55px)}.hero-content h1{font-size:clamp(46px,5.6vw,62px)}.hero-actions{gap:15px}.hero-signature{inset-inline-start:clamp(30px,4vw,55px)}}
@media(max-width:760px){.hero{min-height:680px;height:100svh;max-height:900px}.hero-content{width:100%;height:100%;justify-content:flex-end;padding:90px 24px 38px}.hero-kicker{font-size:12px}.hero-content h1{font-size:clamp(39px,10.5vw,58px);line-height:1.48;margin-block:15px 10px}.hero-lede{font-size:14px;line-height:1.95;max-width:420px}.hero-actions{gap:17px;margin-top:18px}.hero-primary{min-height:49px;padding:10px 16px;font-size:12px}.hero-secondary{font-size:12px}.hero-signature{position:static;align-self:flex-start;margin-top:25px;font-size:8px}.hero-portrait img{position:absolute;top:0;left:0;width:100%;height:68%;object-position:50% 20%}.hero-portrait::after,html[dir=ltr] .hero-portrait::after{background:linear-gradient(180deg,#0c1b2a40 0%,#0c1b2a18 19%,#0d1c2a80 38%,#101f30ec 59%,#101f30 72%)}html[lang=en] .hero-content h1{font-size:clamp(39px,10vw,56px);line-height:1.08}}
@media(max-width:380px){.hero-content{padding-inline:20px}.hero-content h1{font-size:clamp(36px,10vw,42px)}.hero-actions{gap:13px}.hero-primary{gap:12px}.hero-secondary{font-size:11px}html[lang=en] .hero-content h1{font-size:clamp(35px,10vw,40px)}}

/* A clear picture of how the different skills connect. */
.skills{background:#173d3f;color:var(--white)}
.skills-top{color:#bad1c9}.skills-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:9%;align-items:end;margin:70px 0 60px}
.skills-kicker{font-size:12px;font-weight:750;color:var(--lime);margin-bottom:18px}
.skills-heading h2{font-family:var(--display);font-size:clamp(41px,5.6vw,83px);font-weight:850;line-height:1.55;letter-spacing:-.05em}
.skills-heading h2 em{font-style:normal;color:var(--lime)}.skills-intro{max-width:380px;color:#d1e0da;font-size:15px;line-height:2.15}
.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5%;row-gap:28px}
.skill-card{position:relative;border-top:1px solid #b3d1c755;padding:22px 0 18px;transition:border-color .35s ease}
.skill-card:hover{border-color:var(--lime)}.skill-card-head{display:flex;justify-content:space-between;align-items:center;color:#a6c3bb;font:700 10px/1.4 system-ui;letter-spacing:.12em}.skill-card-head span:last-child{font:22px/1 system-ui;color:var(--lime);transition:transform .4s}
.skill-card:hover .skill-card-head span:last-child{transform:rotate(45deg)}.skill-card h3{font-family:var(--display);font-size:clamp(23px,2.3vw,34px);font-weight:850;line-height:1.65;letter-spacing:-.03em;margin-top:18px}
.skill-card>p{color:#d1ded9;font-size:15px;line-height:2.05;max-width:540px;margin-top:10px;min-height:6.15em}
.skill-tags{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:21px 0 0;direction:ltr;justify-content:flex-end}.skill-tags li{border:1px solid #a9c3b957;border-radius:99px;padding:7px 10px;color:#dceae1;font:700 9px/1.25 system-ui;letter-spacing:.06em}
html[lang=en] .skill-tags{justify-content:flex-start}html[lang=en] .skills-heading h2,html[lang=en] .skill-card h3{font-weight:400;line-height:1.1;letter-spacing:-.035em}html[lang=en] .skills-heading h2 em{font-style:italic}html[lang=en] .skill-card>p{line-height:1.8;min-height:5.4em}
.skills-note{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #b3d1c755;margin-top:50px;padding-top:25px;font-size:clamp(15px,1.5vw,20px);font-weight:750;line-height:1.8}.skills-note span:last-child{font:28px/1 system-ui;color:var(--lime)}
@media(max-width:760px){.skills-heading{grid-template-columns:1fr;gap:20px;margin:45px 0 38px}.skills-heading h2{font-size:clamp(36px,9vw,60px)}.skills-intro{max-width:none;font-size:14px}.skills-grid{grid-template-columns:1fr;row-gap:12px}.skill-card{padding:18px 0 16px}.skill-card h3{font-size:25px;margin-top:13px}.skill-card>p,html[lang=en] .skill-card>p{font-size:14px;min-height:0}.skill-tags{margin-top:16px;gap:6px}.skill-tags li{font-size:8px}.skills-note{margin-top:28px;padding-top:20px}}

.lean-framework{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;background:#dfe9e1;border-radius:12px;padding:32px;margin:-35px 0 65px}
.lean-label{color:#087c71;font-size:12px;line-height:1.6;font-weight:850}.lean-framework p{max-width:650px;font-size:15px;line-height:2.1;color:#354f4a;margin-top:12px}
.lean-steps{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;list-style:none;margin:0;padding:0}.lean-steps li{border:1px solid #8bb4a8;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:750;line-height:1.5;color:#145d54}html[lang=en] .lean-steps{justify-content:flex-start}html[lang=en] .lean-framework p{line-height:1.8}
.site-menu{max-height:calc(100svh - 24px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:760px){.lean-framework{grid-template-columns:1fr;gap:20px;padding:23px;margin:-10px 0 45px}.lean-framework p{font-size:14px}.lean-steps{justify-content:flex-start;gap:7px}.lean-steps li{font-size:11px;padding:7px 11px}.scale-line span{font-size:11px}}
/* Keep transitions between sections and body copy comfortable to scan. */
.skills + .work{padding-top:clamp(85px,9vw,135px)}
.skills-intro,.skill-card>p{color:#e0ebe5;font-size:16px}
@media(max-width:760px){.skills + .work{padding-top:85px}.skills-intro,.skill-card>p,html[lang=en] .skill-card>p{font-size:15px}}
@media(max-width:760px){.skill-tags li{font-size:9px}}

.insurance-stats{margin-top:44px}
.insurance-stats>div>span{max-width:320px;font-size:13px}
@media(max-width:760px){.insurance-stats{margin-top:34px}.insurance-stats>div>span{font-size:13px}}

/* A clear invitation to connect, finished with the original brand mark. */
.contact-links{align-items:center;row-gap:16px}.contact-links a:first-child{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:12px 18px;border:1px solid var(--lime);border-radius:3px;background:var(--lime);color:var(--night);transition:background .25s,color .25s,transform .25s}.contact-links a:first-child:hover{background:transparent;color:var(--lime);transform:translateY(-2px)}
/* A selectable address, a copy action, and a personal quote. */
.contact-email{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:25px;direction:ltr}html[lang=fa] .contact-email{justify-content:flex-end}
.email-address{color:#e2ede7;font:600 13px/1.5 system-ui,sans-serif;user-select:all;overflow-wrap:anywhere}.copy-email{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #77938c;border-radius:3px;background:transparent;color:#e3f0e7;font:750 11px/1.4 var(--body);cursor:pointer;transition:color .2s,border-color .2s}.copy-email svg{width:15px;height:15px}.copy-email:hover{color:var(--lime);border-color:var(--lime)}.copy-email:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.no-js .copy-email{display:none}.contact-grid .email-copy-status{min-height:1.7em;margin-top:6px;color:var(--lime);font-size:11px;line-height:1.7}
.quote-card{display:grid;grid-template-columns:minmax(180px,310px) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,75px);margin:clamp(85px,10vw,140px) 0 0;padding:clamp(24px,4vw,55px);border:1px solid #bdd1c5;border-radius:16px;background:#e2ebe2;color:#112b2e;direction:ltr}.quote-portrait{width:100%;overflow:hidden;border-radius:9px;aspect-ratio:1}.quote-portrait img{display:block;width:100%;height:100%;object-fit:cover}.quote-content{margin:0;direction:rtl;text-align:right}.quote-mark{display:block;height:38px;color:#0b9b87;font:700 68px/.9 Georgia,serif}.quote-content p{max-width:690px;margin:8px 0 24px;font-family:var(--display);font-size:clamp(26px,3.2vw,46px);font-weight:850;line-height:1.75;letter-spacing:-.025em}.quote-content footer{display:flex;align-items:center;gap:12px;color:#3b6760;font-size:12px;font-weight:800}.quote-content footer span:last-child{color:#099984;font-size:17px}html[lang=en] .quote-content{direction:ltr;text-align:left}html[lang=en] .quote-content p{font-weight:400;line-height:1.16;letter-spacing:-.025em}
.footer-bottom{margin-top:48px}
@media(max-width:760px){.contact-links{gap:14px 18px}.quote-card{margin-top:85px;grid-template-columns:112px minmax(0,1fr);gap:20px;padding:19px;border-radius:12px}.quote-portrait{border-radius:7px}.quote-mark{height:25px;font-size:48px}.quote-content p{font-size:22px;line-height:1.7;margin:8px 0 16px}.quote-content footer{font-size:10px}.footer-bottom{margin-top:35px}}
@media(max-width:380px){.quote-card{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:15px}.quote-content p{font-size:20px}.email-address{font-size:12px}}
