/* REAL TIME GROWTH — edit your global theme here. */
.page-intro{padding-block:80px 64px}.page-intro h1{font-size:clamp(2.65rem,6vw,5rem);max-width:950px;margin-bottom:28px}.page-lead{font-size:1.125rem;max-width:650px}.page-cta{padding-block:72px;display:flex;align-items:center;justify-content:space-between;gap:32px}.page-cta h2{font-size:clamp(2rem,4vw,3rem)}.page-cta p{max-width:560px}.portfolio-note{max-width:650px;margin-bottom:32px}nav a[aria-current=page]:not(.button){color:var(--teal);text-decoration:underline;text-underline-offset:7px}@media(max-width:800px){.page-intro{padding-block:44px 38px}.page-cta{padding-block:48px;flex-direction:column;align-items:flex-start}.page-lead{font-size:1rem}}
:root{--navy:#102a43;--teal:#087f8c;--teal-dark:#066572;--ink:#102a43;--muted:#526477;--white:#fff;--pale:#f3f7f8;--line:#dce5e8;--dark:#071a27;--mint:#76d9d0;--radius:18px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:2px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(2rem,4.2vw,3.65rem);font-weight:600;margin-bottom:24px}h3{font-size:1.55rem;letter-spacing:-.035em}p{color:var(--muted)}em{font-style:normal;color:var(--teal)}.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.section{padding-block:104px}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:700;color:var(--teal);margin-bottom:24px;line-height:1.6}.short-line{display:inline-block;width:24px;height:2px;background:currentColor;vertical-align:middle;margin-right:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:14px 23px;border:1px solid transparent;border-radius:7px;background:var(--teal);color:#fff;font-size:.9375rem;font-weight:600;line-height:1.4;transition:background .18s,transform .18s}.button:hover{background:var(--teal-dark);transform:translateY(-1px)}.button span{font-size:1.3rem}.button-small{min-height:46px;padding:10px 19px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:.9375rem;font-weight:600;min-height:44px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 20px;background:var(--navy);color:white}.skip-link:focus{top:10px}
/* Header and cropped display of the user-approved logo board. No new mark. */
.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(220,229,232,.8);z-index:20}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.logo-window{position:relative;display:block;width:192px;aspect-ratio:4.73;overflow:hidden}.logo-window img{position:absolute;max-width:none;width:115.6%;height:auto;left:-8.2%;top:-83.9%}nav{display:flex;align-items:center;gap:30px}nav>a{font-size:.875rem;font-weight:600;min-height:44px;display:flex;align-items:center}nav>a:not(.button):hover{color:var(--teal)}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:6px;padding:8px 12px;min-height:44px;align-items:center;gap:12px;font-size:.875rem;color:var(--navy)}
/* Hero: strong type, real rendered project, no video dependency. */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:78px;padding-bottom:66px}.hero h1{font-size:clamp(3.25rem,6vw,5.45rem);font-weight:600;line-height:1.02;margin-bottom:28px;letter-spacing:-.062em}.hero-description{max-width:460px;font-size:1.075rem;line-height:1.8;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.quiet-note{font-size:.8125rem;margin-top:18px;margin-bottom:0}.hero-visual{position:relative;background:var(--pale);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden;padding:26px 26px 28px}.visual-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.625rem;letter-spacing:.11em;font-weight:700;color:var(--muted);margin-bottom:28px}.visual-heading>span:last-child{font-size:1.4rem;line-height:1}.hero-preview{padding-block:20px 10px}.visual-caption{display:flex;align-items:end;justify-content:space-between;gap:20px;font-size:.9375rem;line-height:1.5;margin-top:24px}.visual-caption strong{font-weight:600}.caption-label{text-align:right;font-size:.625rem;letter-spacing:.08em;color:var(--muted)}.principles{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:24px;font-size:.8125rem;color:var(--muted)}.principles span{display:flex;align-items:center;gap:10px}.principles span:before{content:'✓';font-weight:700;color:var(--teal)}
/* Section rhythm. */
.work-section{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:345px;margin-bottom:5px;line-height:1.8}.section-heading>div{flex:1}.section-heading .eyebrow{margin-bottom:18px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-card{min-width:0}.project-stage{padding:48px 30px 26px;background:#e2ebe6;border:1px solid #d5e1d9;border-radius:var(--radius);position:relative;overflow:hidden}.project-card.blue .project-stage{background:#e2ecf3;border-color:#d3e2ec}.project-stage:hover .device-set{transform:translateY(-4px)}.project-open{position:absolute;top:14px;right:15px;width:36px;height:36px;display:grid;place-items:center;background:rgba(255,255,255,.82);border-radius:50%;font-size:1.25rem}.project-info{padding-top:23px}.project-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin-bottom:12px}.project-meta span+span:before{content:'·';margin-right:10px}.project-info h3{font-size:1.65rem;margin-bottom:12px}.project-info>p{font-size:.9375rem;margin-bottom:13px;max-width:500px}.project-info a{border-bottom:1px solid var(--ink);font-size:.875rem}.empty-work{padding:35px;border:1px solid var(--line);border-radius:12px}
/* Functional desktop / phone preview frames. They contain real HTML, not art. */
.device-set{position:relative;width:100%;padding:0 13% 13% 0;transition:transform .25s;isolation:isolate;display:block}.laptop{position:relative;background:#13232a;padding:7px 7px 9px;border-radius:9px 9px 4px 4px;box-shadow:0 20px 24px -22px #102a4380}.laptop:after{content:'';position:absolute;left:-5%;bottom:-8px;width:110%;height:8px;background:#a4afb2;border-radius:1px 1px 9px 9px}.device-screen{position:relative;overflow:hidden;background:#fff;width:100%;aspect-ratio:1440/960;contain:layout paint}.device-screen iframe{position:absolute;left:0;top:0;width:1440px;height:960px;border:0;transform-origin:top left;pointer-events:none}.device-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.phone{position:absolute;right:0;bottom:0;width:27%;padding:5px;border:1px solid #74838a;background:#13232a;border-radius:16px;box-shadow:0 9px 24px #102a4333;z-index:2}.phone:before{content:'';position:absolute;top:8px;left:38%;width:24%;height:4px;border-radius:5px;background:#13232a;z-index:3}.phone .device-screen{aspect-ratio:390/844;border-radius:11px}.phone iframe{width:390px;height:844px}.preview-link{display:block;border-radius:12px}.preview-link:focus-visible{outline-offset:10px}.preview-fallback{position:absolute;inset:0;padding:14%;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--pale);color:var(--muted);font-size:.75rem}.device-screen iframe,.device-screen img{z-index:1}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{padding:34px 34px 34px 0}.service-card+.service-card{border-left:1px solid var(--line);padding-left:34px}.service-card:last-child{padding-right:0}.service-number{font-size:.8125rem;color:var(--teal);display:block;margin-bottom:30px}.service-card h3{font-size:1.8rem;margin-bottom:20px}.service-card p{font-size:.9375rem;line-height:1.8}.service-card ul{padding:0;margin:28px 0 0;list-style:none}.service-card li{font-size:.8125rem;padding-block:5px}.service-card li:before{content:'+';color:var(--teal);margin-right:9px}.scope-note{font-size:.8125rem;margin:24px 0 0;max-width:810px}
/* Transparent surfaces are limited to visual accents; body text stays solid. */
.brand-moment{background:var(--dark);color:white;padding-block:84px;overflow:hidden}.brand-moment-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.brand-moment h2{font-size:clamp(2.4rem,4.4vw,4rem)}.brand-moment em{color:var(--mint)}.brand-moment .eyebrow{color:var(--mint)}.brand-moment p:not(.eyebrow){color:#b5c4cf;max-width:440px;margin-bottom:0}.brand-art{position:relative;aspect-ratio:1.4;display:grid;place-items:center}.brand-orbit{position:absolute;width:84%;aspect-ratio:1;border:1px solid #ffffff16;border-radius:50%}.brand-orbit:after{content:'';position:absolute;inset:18%;border:1px solid #ffffff12;border-radius:50%}.floating-mark{position:relative;width:68%;aspect-ratio:2.04;overflow:hidden;filter:grayscale(1) invert(1);mix-blend-mode:screen;animation:float-mark 4s ease-in-out 1}.floating-mark img{position:absolute;max-width:none;width:274%;left:-19.6%;top:-88%}.brand-art-caption{position:absolute;bottom:0;font-size:.6875rem;letter-spacing:.3em;color:#a8bbc9}@keyframes float-mark{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.process-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0}.process-grid li{border-top:2px solid var(--line);padding-top:24px}.process-grid span{font-size:.6875rem;letter-spacing:.1em;color:var(--teal);font-weight:700}.process-grid h3{font-size:1.25rem;margin:22px 0 16px}.process-grid p{font-size:.9375rem;margin-bottom:0}.founder-section{background:var(--pale);padding-block:70px}.founder-inner{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.founder-statement{font-size:1.5rem;line-height:1.5;letter-spacing:-.025em;color:var(--navy)}.founder-signature{display:flex;gap:14px;align-items:center;margin-bottom:22px}.founder-signature strong{display:block}.founder-signature small{display:block;color:var(--muted);font-size:.8125rem}.initial-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--navy);color:white;font-size:1.3rem}.founder-inner>div>p:last-child{font-size:.9375rem;margin-bottom:0}
.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:22px 32px 22px 0;position:relative;font-weight:600;line-height:1.5;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:20px;font-size:1.4rem;font-weight:400;color:var(--teal)}details[open] summary:after{content:'−'}details p{margin:0;padding:0 25px 22px 0;font-size:.9375rem}
.contact-section{background:var(--navy);color:white;padding-block:80px}.contact-inner{display:grid;grid-template-columns:1fr 1.12fr;gap:80px;align-items:start}.contact-copy .eyebrow{color:var(--mint)}.contact-copy h2{font-size:clamp(2.3rem,4vw,3.5rem)}.contact-copy p{color:#becdd7;max-width:410px}.contact-details{margin-top:30px;display:grid;gap:10px;overflow-wrap:anywhere}.contact-details a{text-decoration:underline;text-underline-offset:5px;font-size:1rem;min-height:44px}.contact-copy .contact-note{font-size:.8125rem;margin-top:35px}.contact-form{background:white;color:var(--navy);border-radius:12px;padding:30px}.contact-form label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:7px}.contact-form label span{color:var(--muted);font-weight:400}.contact-form input,.contact-form textarea{display:block;width:100%;min-width:0;border:1px solid #c5d0d6;border-radius:5px;background:#fff;min-height:46px;padding:10px 12px;color:var(--ink);margin:0 0 17px;font-size:1rem}.contact-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row>div{min-width:0}.contact-form .button{width:100%;font-size:.875rem}.form-note,.privacy-note{font-size:.75rem;line-height:1.6;margin:13px 0 0}.privacy-note a{text-decoration:underline;text-underline-offset:3px}.form-status{font-size:.875rem;margin:14px 0 0;color:var(--navy)}.form-status:empty{display:none}.site-footer{padding-top:45px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:38px}.footer-top p{font-size:.875rem;line-height:1.5;margin-bottom:0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.footer-bottom>div{display:flex;gap:24px;flex-wrap:wrap}.footer-bottom a{min-height:32px;display:inline-flex;align-items:center}.legal{max-width:800px;padding-block:70px}.legal h1{font-size:3rem}.legal h2{font-size:1.5rem;margin-top:38px}.legal a{text-decoration:underline}.legal p{line-height:1.8}
@media(min-width:1450px){.hero{padding-block:95px 80px}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.hero{gap:30px}.hero h1{font-size:4.3rem}.hero-actions{gap:10px}.hero-visual{padding:22px 18px}.contact-inner{gap:40px}.founder-inner{gap:50px}.faq-layout{gap:45px}.service-card{padding-right:24px}.service-card+.service-card{padding-left:24px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{height:76px}.logo-window{width:164px}.menu-toggle{display:flex}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 20px 24px;background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #102a4310;flex-direction:column;align-items:stretch;gap:4px}nav.is-open{display:flex}nav>a{padding:10px 12px}nav .button{margin-top:10px}.hero{grid-template-columns:1fr;padding-block:42px;gap:35px}.hero h1{font-size:clamp(3.25rem,10.5vw,5rem);line-height:1.02}.hero .eyebrow{font-size:.625rem;letter-spacing:.09em;margin-bottom:23px}.hero-description{max-width:550px;font-size:1rem;line-height:1.7}.hero-actions{gap:14px}.hero-visual{padding:20px;max-width:570px;width:100%;justify-self:center}.hero-preview{padding:5px 10px 0}.visual-heading{margin-bottom:18px}.visual-caption{margin-top:15px}.principles{gap:12px;flex-wrap:wrap;justify-content:flex-start;font-size:.75rem}.principles span{flex:1 1 180px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:22px;max-width:550px}.section-heading h2{font-size:2.5rem}.eyebrow{font-size:.6875rem}.project-list{grid-template-columns:1fr;gap:40px}.project-stage{padding:48px 32px 26px}.project-info{padding-top:20px}.service-grid{grid-template-columns:1fr}.service-card,.service-card+.service-card,.service-card:last-child{padding:28px 0;border-left:0}.service-card+.service-card{border-top:1px solid var(--line)}.service-number{margin-bottom:16px}.service-card h3{font-size:1.7rem}.service-card p{max-width:550px}.service-card ul{margin-top:18px}.brand-moment{padding-block:58px}.brand-moment-inner{grid-template-columns:1fr;gap:30px}.brand-moment h2{font-size:2.65rem}.brand-art{max-width:400px;width:100%;justify-self:center;aspect-ratio:1.8}.brand-orbit{width:60%}.floating-mark{width:53%}.brand-art-caption{bottom:0}.process-grid{grid-template-columns:1fr 1fr;gap:28px}.founder-section{padding-block:52px}.founder-inner{grid-template-columns:1fr;gap:18px}.founder-statement{font-size:1.3rem}.faq-layout{grid-template-columns:1fr;gap:20px}.contact-section{padding-block:58px}.contact-inner{grid-template-columns:1fr;gap:25px}.contact-copy .contact-note{margin-top:18px}.contact-form{padding:24px}.footer-top{flex-wrap:wrap;gap:23px}.footer-top p{flex:1 1 180px}.footer-bottom{align-items:flex-start;flex-wrap:wrap}.footer-bottom>div{gap:20px}.legal h1{font-size:2.4rem}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.hero h1{font-size:3.2rem}.hero-actions .button{width:100%;gap:12px;padding-inline:15px}.hero-actions .text-link{min-height:44px}.hero-visual{padding:16px}.caption-label{font-size:.5625rem}.section-heading h2{font-size:2.15rem}.project-stage{padding:45px 22px 25px}.contact-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.process-grid{grid-template-columns:1fr}.logo-window{width:151px}.menu-toggle{padding-inline:10px}.brand-moment h2{font-size:2.25rem}.visual-heading{font-size:.5625rem}.phone{padding:4px;border-radius:11px}.phone .device-screen{border-radius:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-stage:hover .device-set,.button:hover{transform:none}}
/* Readability and graceful wrapping, including enlarged browser text. */
h1,h2,h3,.button{overflow-wrap:anywhere}.hero>*{min-width:0}.button:disabled{background:#526477;cursor:not-allowed;transform:none}.contact-form label{font-size:.875rem}.eyebrow,.hero .eyebrow,.visual-heading,.caption-label,.process-grid span,.brand-art-caption{font-size:.75rem}.visual-caption{flex-wrap:wrap}.caption-label{text-align:left}.header-inner{height:auto;min-height:92px}.menu-toggle{flex-shrink:0}
@media(max-width:800px){.header-inner{min-height:76px;gap:12px}.hero h1{font-size:clamp(2.65rem,10.5vw,5rem)}}
@media(max-width:380px){.hero h1{font-size:2.8rem}.logo-window{width:140px}.menu-toggle{gap:6px}}
@media print{.site-header,.contact-section,.hero-visual,.brand-art{display:none}.section{padding-block:24px}.container{width:100%}.brand-moment{background:white;color:var(--ink)}a{text-decoration:underline}}
