:root{--ink:#071526;--muted:#576575;--paper:#f3f2ee;--surface:#fff;--line:#dce1e5;--blue:#327fca;--bright:#4da3ff;--serif:'Instrument Serif',Georgia,serif;--sans:'Hanken Grotesk',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.personal-site{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}img{max-width:100%}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.03}h1{font-size:clamp(48px,6.5vw,88px);margin-bottom:24px}h2{font-size:clamp(35px,4vw,56px);margin-bottom:24px}h1 em,h2 em{color:var(--blue)}.container{max-width:1240px;padding-inline:40px;margin-inline:auto}.section{padding-top:72px;padding-bottom:72px}.eyebrow{font:600 11px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:16px}.caption{font-size:12px;color:var(--muted);line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--bright);outline-offset:5px}::selection{background:#4da3ff44}.skip-link{position:fixed;top:-120px;left:20px;padding:12px 20px;background:#fff;color:var(--ink);z-index:150}.skip-link:focus{top:14px}
.site-header{position:sticky;top:0;z-index:100;padding:14px 24px;background:var(--ink)}.nav-shell{max-width:1192px;margin:auto;min-height:58px;padding:8px 12px 8px 18px;background:#10253d;border:1px solid #ffffff12;border-radius:14px;display:flex;align-items:center;gap:24px;color:#e8eef6}.brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:24px;white-space:nowrap}.brand em{color:var(--bright)}.monogram{width:34px;height:34px;border:1px solid #4da3ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:21px;letter-spacing:-.08em}.desktop-nav{display:flex;gap:6px;margin-left:auto;align-items:center;font:500 13px var(--sans)}.desktop-nav a{padding:11px 15px;color:#b7c6d7;border-radius:8px}.desktop-nav a:hover,.desktop-nav a[aria-current]{background:#ffffff0d;color:#fff}.nav-contact{background:#4da3ff;color:var(--ink);padding:12px 18px;border-radius:9px;font:600 13px var(--sans);white-space:nowrap}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;font:500 13px var(--sans);padding:12px 10px;list-style:none}.mobile-menu nav{position:absolute;top:48px;right:0;min-width:210px;padding:10px;background:#10253d;border:1px solid #2d4661;border-radius:12px;box-shadow:0 15px 40px #0005;display:flex;flex-direction:column}.mobile-menu nav a{padding:12px;color:#e8eef6;font:14px var(--sans)}.mobile-menu nav a[aria-current]{background:#ffffff12;border-radius:7px}
.hero{background:var(--ink);color:#e8eef6;position:relative;overflow:hidden;padding:56px 0 64px}.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 25%,#1a4b793b,transparent 55%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.hero .eyebrow{color:#8fc7f0;font-size:10px}.hero h1{font-size:clamp(72px,9.5vw,128px);line-height:.9;margin:24px 0;letter-spacing:-.045em}.hero h1 em{color:var(--bright)}.hero-statement{font:400 clamp(23px,2.3vw,30px)/1.3 var(--serif);max-width:520px;margin:0 0 28px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:13px 20px;border-radius:9px;font:600 13px var(--sans);border:1px solid transparent;transition:background .2s}.button-blue{background:var(--bright);color:var(--ink)}.button-blue:hover{background:#83bdff}.button-outline{border-color:#45617e;color:#e8eef6}.button-outline:hover{background:#ffffff0a}.button-ink{background:var(--ink);color:#fff}.button-light{background:#e8eef6;color:var(--ink)}.hero-tools{color:#91a6bd;font-size:12px;margin:24px 0 0}.hero-report{padding:26px;border:1px solid #263f59;border-radius:22px;background:#10263f;box-shadow:0 30px 80px -40px #0008}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;font-weight:600}.pill{font:500 10px var(--sans);padding:5px 9px;border:1px solid #35536f;border-radius:100px;color:#8fc7f0}.hero-report>svg{width:100%;display:block;margin:24px 0 14px}.report-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2a4a6c;padding-top:18px;color:#a9bbcd;font-size:12px}.report-total strong{color:#e0805f;font:38px var(--serif)}.report-total small{font-size:20px}.hero-report>a{display:block;color:#8fc7f0;font-size:12px;margin-top:14px}.proof-strip{background:#e9e9e4;border-bottom:1px solid var(--line)}.proof-strip>.container{display:flex;align-items:center;gap:24px;padding-block:18px;font-size:12px}.proof-strip span{font-weight:700}.proof-strip p{margin:0;color:var(--muted)}.proof-strip a{margin-left:auto;color:var(--blue);font-weight:600}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}.section-heading h2{max-width:680px;margin-bottom:0}.text-link{display:inline-block;font:600 13px/1.5 var(--sans);color:var(--blue)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.work-card:hover{border-color:#aac1d6;box-shadow:0 18px 40px -25px #07152633}.card-visual{display:flex;align-items:center;justify-content:center;background:#10263f;height:210px;padding:14px;border-bottom:1px solid var(--line);overflow:hidden}.card-visual img{width:100%;height:100%;object-fit:contain}.chart-visual{padding:22px}.chart-visual>svg{width:100%;max-height:190px}.card-content{padding:24px;display:flex;flex-direction:column;flex:1}.card-content .eyebrow{font-size:10px;margin-bottom:12px}.card-content h3{font:400 29px/1.1 var(--serif);letter-spacing:-.02em;margin-bottom:14px}.card-content h3 a:hover{color:var(--blue)}.card-content p{font-size:13px;color:var(--muted);margin-bottom:22px}.card-content .text-link{margin-top:auto;padding-top:14px;border-top:1px solid #e7ebee}.analysis-preview{background:#e9e9e4;padding:56px 0;border-block:1px solid var(--line)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.preview-grid>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:45ch}.demo-rows{background:#fff;padding:8px 22px 14px;border-radius:16px;border:1px solid var(--line)}.demo-rows>a{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}.demo-rows>a:hover{color:var(--blue)}.demo-rows strong{font-size:13px;white-space:nowrap;color:var(--blue)}.demo-rows .caption{margin:14px 0 0}.contact-band{background:var(--ink);color:#e8eef6;padding:52px 0}.contact-band-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.contact-band h2{margin-bottom:12px;font-size:clamp(36px,4vw,54px)}.contact-band h2 em{color:var(--bright)}.contact-band p:not(.eyebrow){color:#a7b7c7;margin:0;font-size:14px}.contact-band .eyebrow{color:#8fc7f0}
.site-footer{background:var(--ink);color:#b0c0d2;border-top:1px solid #20364e;padding:34px 0 18px;font-family:var(--sans)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}.footer-brand{font:26px var(--serif);color:#e8eef6}.footer-brand em{color:var(--bright)}.footer-grid p{font-size:11px;color:#91a6bd;margin:12px 0}.footer-grid nav,.footer-company{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;align-content:start}.footer-company{flex-direction:column}.footer-company span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7890a8}.footer-grid a:hover{color:#fff}.footer-bottom{padding-top:22px;margin-top:24px;border-top:1px solid #20364e;font-size:11px;color:#7890a8}
.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding-top:30px;font:12px/1.5 var(--sans);color:var(--muted)}.breadcrumb a{color:var(--blue)}.page-intro{padding-top:50px;padding-bottom:40px}.page-intro>p:not(.eyebrow){max-width:66ch;color:var(--muted);font-size:16px}.page-intro .caption{font-size:12px!important}.catalog-section{padding-bottom:76px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-block:1px solid var(--line);margin-bottom:20px}.filter-set{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.filter-set button{background:transparent;color:var(--muted);padding:9px 13px;border:1px solid transparent;border-radius:8px;font-size:12px;cursor:pointer;min-height:38px}.filter-set button[aria-pressed="true"]{background:var(--ink);color:#fff}.filter-set button:hover{border-color:#bdc8d1}.search-field input{width:210px;min-height:42px;background:#fff;color:var(--ink);border:1px solid #c6cfd7;border-radius:8px;padding:10px 12px;font-size:13px}.catalog-count{font-size:12px;color:var(--muted);margin-bottom:20px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editorial-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px;min-height:236px;display:flex;flex-direction:column}.editorial-card .eyebrow{font-size:10px}.editorial-card h3{font:400 30px/1.12 var(--serif);letter-spacing:-.02em;margin:4px 0 26px}.editorial-card h3 a:hover{color:var(--blue)}.editorial-card .text-link{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.empty-state{padding:32px;background:#fff;border:1px dashed #b7c2cb;border-radius:12px;color:var(--muted)}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:24px}.profile-grid>div>p:not(.eyebrow){color:var(--muted);font-size:15px}.capability-list article{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.capability-list article>span{color:var(--blue);font-size:12px;padding-top:5px}.capability-list h3{font-size:17px;margin-bottom:7px;font-weight:600}.capability-list p{margin:0;color:var(--muted);font-size:13px}.method-section{background:#e9e9e4}.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}.method-grid article{border-top:1px solid #acb8c1;padding-top:18px}.method-grid span{color:var(--blue);font-size:12px}.method-grid h3{font:30px var(--serif);margin:28px 0 12px}.method-grid p{font-size:13px;color:var(--muted)}.credentials{background:#fff;border-block:1px solid var(--line)}.credentials-layout{max-width:1240px;padding:64px 40px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.credentials-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:16px}.credentials-intro h2{font-family:var(--serif);font-size:clamp(36px,4vw,54px)}.credentials-note{font-size:14px;color:var(--muted)}.credentials-list{display:grid;gap:8px}.credential-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:10px;font-size:14px;min-height:54px}.credential-row:hover{border-color:#9bb8d2;background:#eaf0f5}.credential-arrow{color:var(--blue);font-size:18px}.credential-profile{background:#fff;border-color:#c5cdd5}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:64px;padding-bottom:100px}.contact-page>div>p:not(.eyebrow){color:var(--muted);max-width:45ch}.contact-options{padding-top:16px}.contact-options>a{display:grid;grid-template-columns:90px 1fr 20px;gap:14px;padding:22px 0;border-top:1px solid var(--line);font-size:13px}.contact-options>a strong{font-weight:500;overflow-wrap:anywhere}.contact-options>a>span:first-child{color:var(--muted)}.contact-options>a>span:last-child{color:var(--blue)}.company-note{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:28px}.company-note p:not(.eyebrow){font-size:13px;color:var(--muted)}.demo-intro{padding-block:36px 24px}.demo-intro>.text-link{margin-bottom:24px}.demo-intro h1{font-size:clamp(36px,4vw,58px);max-width:900px}.demo-intro>p:not(.eyebrow){font-size:14px;color:var(--muted)}.demo-frame{padding-bottom:54px}.demo-frame iframe{width:100%;height:720px;border:1px solid #c6cfd7;border-radius:12px;background:#e6e6e6;display:block}
body.migrated-detail{background:var(--paper)!important;color:var(--ink)!important;font-family:var(--sans)!important;--ieo-ink:#071526;--ieo-ink-soft:#425163;--ieo-paper:#f3f2ee;--ieo-surface:#fff;--ieo-surface-soft:#f3f2ee;--ieo-blue:#327fca;--ieo-blue-strong:#2467a8;--ieo-muted:#576575;--ieo-border:#dce1e5}body.migrated-detail .site-header{background:var(--ink)!important;border:0!important;backdrop-filter:none!important}body.migrated-detail .site-header a{color:#e8eef6!important}body.migrated-detail .site-header .nav-contact{color:#071526!important}body.migrated-detail .site-header .brand em{color:var(--bright)!important}body.migrated-detail .site-footer{color:#b0c0d2!important}body.migrated-detail .site-footer a{color:#b0c0d2!important}body.migrated-detail .site-footer strong{color:#b0c0d2!important}body.migrated-detail .breadcrumb{margin-bottom:32px}body.migrated-detail h1,body.migrated-detail h2,body.migrated-detail h3{font-family:var(--serif)!important}
@media(max-width:1000px){.desktop-nav{display:none}.mobile-menu{display:block}.nav-contact{margin-left:auto}.hero-grid{gap:36px}.work-grid,.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-direction:column;align-items:stretch}.search-field input{width:100%}.hero h1{font-size:100px}}
@media(max-width:700px){.container{padding-inline:22px}.site-header{padding:10px 12px}.nav-shell{gap:10px;padding-left:12px}.brand{font-size:20px;gap:8px}.monogram{display:none}.nav-contact{font-size:11px;padding:10px 12px}.mobile-menu summary{padding:10px 6px}.hero{padding:40px 0}.hero-grid,.preview-grid,.profile-grid,.credentials-layout,.contact-page{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(74px,19vw,108px)}.hero-report{padding:22px;max-width:470px}.proof-strip>.container{gap:8px 18px;flex-wrap:wrap}.proof-strip a{margin-left:0}.proof-strip p{flex-basis:100%;order:3;font-size:11px}.section{padding-block:48px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.work-grid,.editorial-grid{grid-template-columns:1fr}.card-visual{height:220px}.card-content h3{font-size:30px}.analysis-preview{padding:44px 0}.demo-rows{padding-inline:18px}.demo-rows>a{gap:14px;font-size:13px}.demo-rows strong{font-size:12px}.contact-band-inner{align-items:flex-start;flex-direction:column;gap:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid nav{flex-direction:column}.page-intro{padding-top:36px;padding-bottom:24px}.page-intro h1{font-size:52px}.filter-set button{font-size:11px}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credentials-layout{padding:44px 22px}.contact-page{padding-top:42px}.contact-options>a{grid-template-columns:65px 1fr 16px;gap:8px;font-size:12px}.demo-frame iframe{height:640px}.hero .eyebrow{max-width:30ch}.card-content{padding:22px}}
@media(max-width:360px){.brand{font-size:18px}.nav-contact{padding:9px;font-size:10px}.demo-rows>a{align-items:flex-start;flex-direction:column;gap:6px}.hero h1{font-size:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.whatsapp-float{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:110;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #07152640}
.whatsapp-float svg{width:30px;height:30px;fill:currentColor}
.whatsapp-float:hover{background:#1fba59}
@media(max-width:480px){.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px}}
