:root{--green:#28e98c;--ink:#1c1d20;--copy:#666;--line:#e2e4e3}html{scroll-behavior:smooth;scroll-padding-top:100px}body{letter-spacing:0;background:#fff;color:var(--ink)}h1,h2,h3{text-transform:none}h2{font-size:48px;line-height:1.16;letter-spacing:-1.6px}h3{font-size:24px;line-height:1.3}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #087742!important;outline-offset:5px}button{cursor:pointer}.skip-link{position:absolute;top:-70px;left:20px;z-index:999;background:var(--green);padding:12px}.skip-link:focus{top:12px}.container{max-width:1296px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;background:#ffffffed;backdrop-filter:blur(12px)}.wordmark{font:800 30px Manrope,sans-serif;display:flex;gap:8px;align-items:center;color:var(--ink)}.brand-mark{color:var(--green);font-size:49px;line-height:1}.brand-dot{color:#098047;margin-left:-6px}.site-header nav{display:flex;gap:32px}.site-header nav a{font-size:16px;font-weight:600}.site-header nav a:hover,.site-header nav a.active{color:#087742}.header-cta{padding:17px 28px;background:var(--ink);color:#fff}.header-cta:before{background:var(--green)}.header-cta:hover{color:var(--ink)}.menu-button{display:none}.hero{position:relative;background:radial-gradient(ellipse at 95% 0%,#d0f4ff 0,transparent 49%),radial-gradient(ellipse at 0% 95%,#c9ffe2 0,transparent 48%),radial-gradient(ellipse at 60% 100%,#ffeded,transparent 40%);padding:90px 0 42px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:47% 53%;align-items:center;gap:35px}.hero-copy{position:relative;z-index:2;padding-right:35px}.eyebrow{font:600 18px Manrope,sans-serif;display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--ink)}.eyebrow>span{font-size:28px;color:#09915a}.hero h1{font-size:65px;font-weight:800;line-height:1.12;letter-spacing:-2.6px;margin-bottom:28px}.role-text{color:#52585a;font-size:.75em;white-space:nowrap}.intro{max-width:525px;line-height:1.7;font-size:17px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:36px}.secondary-link{display:flex;align-items:center;gap:10px;font:600 14px Manrope,sans-serif}.round-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #d7ddd9;border-radius:50%}.hero-art{height:580px;position:relative;align-self:end;display:flex;align-items:flex-end}.hero-green{position:absolute;left:7%;bottom:40px;width:86%;height:78%;background:var(--green);border-radius:0 180px 0 180px;transform:rotate(-3deg)}.portrait-frame{position:relative;z-index:2;width:100%;margin-bottom:65px;border-radius:24px;overflow:hidden}.portrait-frame>img{width:100%;height:auto;display:block;min-height:250px;object-fit:contain}.portrait-fallback{height:420px;background:#1c1d20;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.portrait-fallback[hidden]{display:none}.portrait-fallback>span{font:800 130px Manrope;color:var(--green)}.portrait-fallback p{font-size:14px;letter-spacing:2px}.developer-tag{z-index:3;position:absolute;bottom:32px;left:22%;background:white;border-radius:100px;padding:17px 22px;box-shadow:0 10px 50px #0000000c;font:600 14px Manrope;display:flex;gap:9px;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#139458}.code-tag{position:absolute;right:0;top:10%;z-index:3;width:90px;height:90px;background:#fff;border:1px solid var(--line);border-radius:22px;display:grid;place-items:center;font:700 34px Manrope;transform:rotate(8deg)}.decor{position:absolute;color:#91efd0}.decor-one{font-size:86px;right:18%;top:-20px;animation:float 4s ease-in-out infinite}.decor-two{font-size:48px;left:5%;top:20px}.hero-social{position:absolute;left:8px;top:55%;display:flex;gap:24px;transform:rotate(-90deg) translateX(-50%);transform-origin:0 0}.hero-social a{font-size:13px;color:#656b67}.hero-note{border-top:1px solid #dce5e0;margin-top:35px;padding-top:19px;display:flex;flex-direction:column;gap:8px;font-size:12px}.hero-note strong{font-size:14px;font-weight:600}.hero-note b{color:#868f89;padding:0 8px}.scroll-hint{display:flex;align-items:center;justify-content:center;gap:16px;font-size:10px;letter-spacing:2px;padding-top:36px}.scroll-hint span{font-size:24px}.marquee{background:var(--ink);padding:27px 0;overflow:hidden;position:relative;color:white}.marquee-track{width:max-content;animation:marquee 35s linear infinite}.marquee span{font:700 24px Manrope;white-space:nowrap;letter-spacing:.5px}.marquee b{color:var(--green);padding:0 40px}.marquee button{position:absolute;right:20px;top:22px;width:42px;height:42px;border-radius:50%;background:var(--green);color:var(--ink);font-weight:700}.muted{color:#707674}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-copy{line-height:1.75;margin-top:24px}.about .theme-btn{margin-top:30px}.about-panel{background:#f7faf8;border:1px solid var(--line);padding:38px;border-radius:24px;position:relative}.panel-label{font-size:11px;letter-spacing:2px;font-weight:600;color:#626963}.principle{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid #dde5df}.principle>span{font:600 15px Manrope;color:#5b6760}.principle h3{font-size:21px;letter-spacing:-.5px;margin-bottom:8px}.principle p{font-size:14px}.panel-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:14px}.dark{background:var(--ink);color:#bbbcbc}.dark h2,.dark h3,.dark .eyebrow{color:white}.dark .eyebrow>span{color:var(--green)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}.section-top>p{font-size:15px;line-height:1.7}.service-list{display:grid;gap:18px}.service-row{border:1px solid #4a514c;border-radius:16px;display:grid;grid-template-columns:48px 260px 1fr 48px;align-items:center;gap:24px;padding:26px;color:white;transition:border-color .25s,background-color .25s}.service-number{font-size:18px;color:#bbc4bf}.service-row h3{font-size:23px}.service-row p{color:#bbc4bf;font-size:15px}.service-arrow{border:1px solid var(--green);color:var(--green);display:grid;place-items:center;border-radius:50%;height:44px;font-size:27px}.service-row:hover,.service-row:focus-visible{border-color:var(--green);background:#222a26}.service-row:hover .service-arrow{background:var(--green);color:var(--ink)}.work-count{font-size:11px;letter-spacing:2px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 30px}.project-card{min-width:0}.project-preview{display:block;width:100%;overflow:hidden;border:1px solid #d9e2dd;border-radius:16px;background:#f0f4f2;text-align:left;transition:border-color .25s}.browser-bar{height:37px;display:flex;align-items:center;gap:5px;padding:0 14px;background:#f2f5f3}.browser-bar>span{height:6px;width:6px;background:#bac6bf;border-radius:50%}.browser-bar small{margin:auto;font-size:8px;letter-spacing:1.6px;color:#6b7770}.project-preview img{width:100%;height:310px;object-fit:cover;object-position:top;transition:transform .4s}.project-preview:hover{border-color:#079052}.project-preview:hover img{transform:scale(1.025)}.project-info{display:flex;justify-content:space-between;align-items:center;padding:22px 12px 0}.project-info p{font-size:12px;margin-bottom:6px}.project-info h3{font-size:26px}.project-open{height:48px;width:48px;border-radius:50%;border:1px solid #0b965a;font-size:28px;color:var(--ink);transition:background .2s}.project-open:hover{background:var(--green)}.project-wide{grid-column:1/-1}.project-wide .project-preview img{height:450px}.pale{background:#f7f9f8}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-card{border:1px solid var(--line);padding:34px;border-radius:16px;background:#fff}.process-card>span{font-size:11px;letter-spacing:1px}.process-card h3{font-size:25px;margin:28px 0 16px;letter-spacing:-.6px}.process-card p{font-size:15px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.text-link{display:inline-block;margin-top:28px;font-size:14px;border-bottom:1px solid #a3b0a8;padding-bottom:6px}details{border:1px solid #e1e5e2;border-radius:12px;margin-bottom:16px;padding:22px 24px}summary{font:700 16px Manrope;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;color:var(--ink)}summary:after{content:'+';font-size:22px;color:#168651}details[open] summary:after{content:'−'}details p{font-size:14px;margin-top:16px;line-height:1.7}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.green-text{color:var(--green)}.social-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.social-buttons a{border:1px solid #59645d;border-radius:100px;padding:10px 16px;font-size:12px;color:#fff}.social-buttons i{margin-right:7px}.social-buttons a:hover{background:var(--green);color:var(--ink)}.brief-form{background:#25292a;border:1px solid #414a45;border-radius:20px;padding:32px}.brief-form h3{margin-bottom:12px}.brief-form>p{font-size:13px;line-height:1.6;margin-bottom:22px}.brief-form label{display:block;font-size:12px;color:#e2e8e4;margin-bottom:8px}.brief-form input,.brief-form textarea,.brief-form select{display:block;background:#303536;border:1px solid #57605b;border-radius:8px;padding:12px 14px;width:100%;margin-bottom:18px;color:white;font:14px Inter,sans-serif}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#a8b3ad}.brief-form select option{background:#303536}.brief-form textarea{resize:vertical}.brief-form .theme-btn{width:100%;margin-top:4px}#form-status{margin:14px 0 0;color:var(--green)}#brief-output{margin-top:18px}.copy-button{padding:10px 18px;background:var(--green);border-radius:8px;font-size:13px;color:var(--ink)}footer{background:var(--ink);color:#bcc5bf;border-top:1px solid #424a45;padding:38px 0 22px}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-row .wordmark{color:#fff;font-size:24px}.footer-row>p,.footer-row>a:last-child{color:#c5cfc8;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.4px;padding-top:25px;margin-top:26px;border-top:1px solid #3b423e}dialog{width:min(1040px,94vw);max-height:90vh;border:0;border-radius:20px;padding:38px;box-shadow:0 40px 100px #0004}dialog::backdrop{background:#131b17cc;backdrop-filter:blur(6px)}.close-dialog{position:sticky;float:right;top:0;border-radius:50%;background:#eef5f0;width:40px;height:40px;font-size:29px;z-index:2}.dialog-label{font-size:12px;color:#15784b;margin:8px 0 15px}.dialog-image{width:100%;border:1px solid var(--line);border-radius:12px;margin:25px 0}.dialog-info{display:grid;grid-template-columns:1fr 2fr;gap:30px}.dialog-info p{font-size:14px;line-height:1.7}.dialog-info h3{font-size:19px;margin-bottom:10px}.reveal{transition:opacity .6s,transform .6s}.js-ready .reveal{opacity:0;transform:translateY(18px)}.js-ready .reveal.visible{opacity:1;transform:none}.motion-paused .marquee-track,.motion-paused .decor{animation-play-state:paused}@keyframes float{50%{transform:translateY(14px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero-grid{gap:60px}.hero h1{font-size:75px}.hero-art{height:640px}}@media(max-width:1199px){.hero-social{display:none}.container{padding-left:30px;padding-right:30px}.site-header nav{gap:22px}.hero h1{font-size:55px}.hero-grid{gap:25px}.hero-art{height:500px}.hero-actions{gap:16px;flex-wrap:wrap}.about-grid,.contact-grid{gap:55px}.service-row{grid-template-columns:30px 220px 1fr 44px;gap:18px}.hero-copy{padding-right:0}.developer-tag{left:10%}}@media(max-width:991px){.site-header{height:80px}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;padding:26px;box-shadow:0 15px 30px #0001;flex-direction:column}.site-header nav.open{display:flex}.header-cta{margin-left:auto;margin-right:20px;padding:14px 20px;font-size:13px}.menu-button{display:grid;gap:7px;width:28px}.menu-button span{height:2px;width:25px;background:var(--ink)}.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr 1.1fr}.hero h1{font-size:42px;letter-spacing:-1.6px}.hero-art{height:390px}.hero-green{bottom:40px;height:70%;border-radius:0 100px}.portrait-frame{margin-bottom:70px}.code-tag{height:60px;width:60px;font-size:25px;top:8%}.developer-tag{font-size:11px;padding:12px 15px}.eyebrow{font-size:16px}.hero-note strong{font-size:12px}.hero .intro{font-size:15px}.about-grid,.faq-grid,.contact-grid{gap:40px}h2{font-size:35px;letter-spacing:-1px}.service-row{grid-template-columns:30px 1fr 44px}.service-row p{grid-column:2;grid-row:2}.service-arrow{grid-column:3;grid-row:1/3}.process-card{padding:24px}.process-card h3{font-size:22px}.project-preview img{height:235px}.project-wide .project-preview img{height:350px}.about-panel{padding:25px}.principle{gap:16px}.principle h3{font-size:18px}.hero-note{margin-top:24px}}
@media(max-width:767px){.container{padding-left:22px;padding-right:22px}.wordmark{font-size:25px}.brand-mark{font-size:37px}.site-header{padding:0 22px}.header-cta{padding:12px 15px;margin-right:17px}.hero-grid{display:flex;flex-direction:column-reverse;gap:20px}.hero-copy{width:100%}.hero h1{font-size:48px;line-height:1.1}.hero h1 br:first-of-type{display:none}.role-text{font-size:.7em}.hero-art{width:min(490px,100%);height:330px;align-self:center}.hero-green{height:83%;bottom:25px}.portrait-frame{margin-bottom:47px;min-height:200px}.portrait-frame>img{min-height:0}.developer-tag{bottom:15px;left:19%}.decor-one{font-size:55px;top:-5px}.code-tag{right:8px;top:12px}.hero-note{margin-top:28px}.hero{padding-top:40px;padding-bottom:28px}.hero .intro{max-width:520px}.hero-actions{margin-top:24px}.scroll-hint{padding-top:22px}.marquee{padding:23px 0}.marquee span{font-size:19px}.marquee button{top:17px;width:38px;height:38px}.marquee b{padding:0 24px}.section-padding{padding:64px 0}.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.section-top{align-items:start;margin-bottom:30px}.section-top>p{display:none}h2{font-size:34px}.section-copy{font-size:15px}.eyebrow{margin-bottom:18px}.work-grid{grid-template-columns:1fr;gap:32px}.project-wide{grid-column:auto}.project-preview img,.project-wide .project-preview img{height:auto;aspect-ratio:1.7;object-fit:cover}.project-info{padding:17px 4px 0}.project-info h3{font-size:23px}.work-count{display:none}.service-row{padding:22px 18px;gap:12px}.service-row h3{font-size:20px}.service-row p{font-size:14px}.service-number{font-size:15px}.service-arrow{width:40px;height:40px}.process-grid{grid-template-columns:1fr;gap:16px}.process-card h3{margin-top:20px}.brief-form{padding:24px}.footer-row{flex-wrap:wrap}.footer-row>p{width:100%;order:3}.dialog-info{grid-template-columns:1fr;gap:20px}dialog{padding:24px}.dialog-image{margin-top:20px}.portrait-fallback{height:250px}.portrait-fallback>span{font-size:80px}.developer-tag{white-space:nowrap}}@media(max-width:380px){.hero h1{font-size:39px}.header-cta{display:none}.menu-button{margin-left:auto}.hero-art{height:285px}.hero-note strong{font-size:11px}.service-row{grid-template-columns:23px 1fr 35px}.service-arrow{width:34px;height:34px}.hero-actions .theme-btn{padding:18px 24px}h2{font-size:30px}.secondary-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}.marquee-track{transform:none}}
/* Section entrance choreography: no content or layout changes. */
html.anchor-scrolling{scroll-behavior:auto!important}
.scroll-choreography .reveal{opacity:1;transform:none;transition:none}
.scroll-choreography .site-header::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green);transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}
.scroll-choreography .hero-art{will-change:transform}
.scroll-choreography .project-preview img{transition:transform .8s cubic-bezier(.16,1,.3,1)}
.scroll-choreography .theme-btn,.scroll-choreography .project-open,.scroll-choreography .social-buttons a{transition:background-color .35s ease,color .35s ease,border-color .35s ease}
.scroll-choreography .service-arrow{transition:background-color .35s ease,color .35s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.scroll-choreography .service-row:hover .service-arrow{transform:rotate(45deg)}
.scroll-choreography dialog[open]{animation:dialog-enter .45s cubic-bezier(.16,1,.3,1)}
@keyframes dialog-enter{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.scroll-choreography .hero-art{will-change:auto}.scroll-choreography .site-header::after{display:none}}