@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750&display=swap');
:root{--ink:#183b30;--dark:#142e26;--muted:#5d6c64;--cream:#f4f3ec;--line:#dce1d9;--gold:#d8bf80;--white:#fff;scroll-behavior:smooth;scroll-padding-top:96px}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;font-weight:500;line-height:1.15;letter-spacing:-.045em}p{color:var(--muted)}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b28b39;outline-offset:5px}a,button{transition:background .2s,color .2s,transform .2s}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;color:var(--ink);padding:12px}.skip:focus{top:12px}.site-header{background:var(--dark);color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff1c}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;font-size:22px;letter-spacing:.07em;font-weight:700;white-space:nowrap}.brand>span{color:var(--gold)}.brand-mark{width:31px;height:36px;margin-right:12px;color:var(--gold)}nav{display:flex;gap:32px;font-size:14px;color:#dfE6e0}nav a:hover,.text-link:hover{color:var(--gold)}.nav-cta{font-size:14px;border:1px solid #ffffff45;border-radius:4px;padding:10px 17px}.nav-cta span{margin-left:22px}.nav-cta:hover{background:#ffffff15}.hero{position:relative;background:var(--dark);color:white;min-height:680px;isolation:isolate;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-photo{object-position:center 56%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,26,19,.88) 0%,rgba(7,26,19,.53) 53%,rgba(7,26,19,.08)),linear-gradient(0deg,rgba(7,26,19,.7),transparent 55%)}.hero-inner{padding-top:89px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.17em;line-height:1.5;margin-bottom:25px}.hero .eyebrow{color:#f4dfac;display:flex;align-items:center;gap:13px}.small-line{width:27px;height:1px;background:var(--gold)}h1{font-size:clamp(44px,4.8vw,69px);max-width:950px;line-height:1.12;letter-spacing:-.055em}h1 em,.purpose-section em{font-style:normal;color:#e6d7aa}.hero-description{color:#e1e5dd;font-size:18px;line-height:1.75;max-width:520px;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:36px;padding:14px 23px;font-size:14px;font-weight:600;border-radius:3px}.button-light{background:#faf7ee;color:var(--ink)}.button-light:hover{background:#e7d7b0;transform:translateY(-2px)}.text-link{font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:20px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:75px;padding-bottom:35px;gap:30px}.hero-bottom>p:first-child{color:#d3ddd1;font-size:13px;line-height:1.6}.hero-bottom strong{color:white;font-weight:500}.project-note{font-size:12px;color:#f4f3e9;text-align:right;line-height:1.8}.project-note>span:last-child{color:#cbd2c8}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:7px}.benefit-strip{background:#e9ebe2;border-bottom:1px solid var(--line);padding:23px 0}.benefit-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.benefit-strip p{font-size:10px;letter-spacing:.13em;font-weight:700;color:#607261}.benefit-strip span{font-size:13px;display:flex;align-items:center;gap:12px}.benefit-strip span:before{content:'✓';color:#4e7656}.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px}.section-heading .eyebrow,.about-section .eyebrow{color:#637763;margin-bottom:18px}h2{font-size:clamp(32px,3vw,43px);letter-spacing:-.05em}.section-heading>p{max-width:345px;font-size:15px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid #cbd3c6;padding-top:23px}.step-num{font-size:10px;letter-spacing:.14em;color:#63745f}.steps h3{font-size:23px;margin:25px 0 15px}.steps p{font-size:15px;line-height:1.85;max-width:330px}.explore-section{background:#fff}.feature-tabs{display:flex;border-bottom:1px solid var(--line);gap:32px;margin-bottom:34px}.feature-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 2px 18px;color:#647267;font-size:15px;white-space:nowrap}.feature-tabs button>span{font-size:11px;margin-right:10px;opacity:.65}.feature-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.feature-tabs button:hover{color:var(--ink)}.feature-description{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.feature-description h3{font-size:22px;letter-spacing:-.03em;margin-bottom:10px}.feature-description p{font-size:14px;max-width:660px}.screen-label{font-size:9px;letter-spacing:.12em;border:1px solid var(--line);padding:5px 10px;white-space:nowrap;color:#697669}.browser-bar{display:flex;justify-content:space-between;align-items:center;background:#e8ebe5;border:1px solid #d5ddd1;border-radius:9px 9px 0 0;padding:9px 15px;font-size:10px;color:#687666}.browser-bar>span:first-child{letter-spacing:3px;font-size:8px;color:#a1afa0}#feature-image{width:100%;border-radius:0 0 6px 6px;border:1px solid #d5ddd1}#feature-link{display:block}.screenshot-note{font-size:12px;margin-top:16px;text-align:center}.full-gallery{border-top:1px solid var(--line);margin-top:42px}.full-gallery>summary{display:flex;justify-content:space-between;align-items:center;padding:23px 0;list-style:none;cursor:pointer;font-size:15px;font-weight:600}.details-plus{font-size:24px;font-weight:400}.full-gallery[open] .details-plus{transform:rotate(45deg)}summary::-webkit-details-marker{display:none}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px;padding-top:12px}.gallery-image{position:relative;overflow:hidden;background:#14231c;border:1px solid #dce1d9;border-radius:5px}.gallery-image img{aspect-ratio:1.82;object-fit:contain;width:100%;transition:transform .3s}.gallery-image:hover img{transform:scale(1.025)}.expand{position:absolute;bottom:12px;right:12px;background:#fff;color:var(--ink);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.gallery-card figcaption{display:flex;gap:16px;margin-top:16px}.image-number{font-size:10px;color:#6d7d68;padding-top:3px}.gallery-card h3{font-size:17px;letter-spacing:-.02em}.gallery-card p{font-size:13px;margin-top:7px;line-height:1.65}.purpose-section{padding:85px 0;background:var(--dark);text-align:center;color:#fff}.purpose-inner{max-width:950px}.purpose-section .eyebrow{color:#c6d0bd;margin-bottom:24px}.purpose-section h2{font-size:clamp(30px,3vw,42px);line-height:1.35}.purpose-section p:not(.eyebrow){font-size:15px;color:#c4cec1;max-width:595px;margin:24px auto 27px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-grid h2{margin-bottom:25px}.about-grid>div>p:not(.eyebrow){font-size:15px;max-width:440px;margin-top:17px;line-height:1.85}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tech-stack span{padding:5px 10px;background:#e6e9df;color:#62725e;font-size:10px;border-radius:3px}.faq>h3{font-size:22px;margin-bottom:22px}.faq details{border-bottom:1px solid #d5dbce}.faq summary{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:14px;cursor:pointer;list-style:none}.faq summary>span{font-size:20px;line-height:1.2;font-weight:400}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:14px;padding-bottom:20px;line-height:1.8}footer{background:#e9ebe3;padding:35px 0 20px;border-top:1px solid var(--line)}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top .brand{font-size:18px}.footer-top .brand span{color:#887640}.footer-top p{font-size:13px}.footer-top>a:last-child{font-size:12px}.footer-top>a:last-child span{margin-left:15px}.footer-bottom{margin-top:28px;padding-top:19px;border-top:1px solid #d3d9cb}.footer-bottom p{font-size:10px;color:#687465}dialog{width:min(1400px,94vw);max-height:94dvh;border:1px solid #d5ddd1;border-radius:8px;padding:20px;background:#f4f3ec;color:var(--ink);overflow:auto}dialog::backdrop{background:#07150fed;backdrop-filter:blur(5px)}.viewer-head,.viewer-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px}.viewer-head{margin-bottom:16px}.viewer-head p{font-weight:600;color:var(--ink)}dialog button{border:1px solid #bdc7b6;background:transparent;color:var(--ink);border-radius:4px;padding:6px 13px;font-size:13px}dialog button:hover{background:#e1e7d9}#large-image{width:100%;height:auto;max-height:69dvh;object-fit:contain;background:#0a100c}#image-description{font-size:13px;margin:12px 0}.viewer-foot{padding-top:8px}.viewer-foot>span{font-size:12px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.hero{min-height:740px}.hero-inner{padding-top:105px}.hero-bottom{margin-top:100px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}nav{gap:20px}.nav-cta{display:none}.hero{min-height:660px}.hero-inner{padding-top:85px}h1{font-size:56px}.hero-bottom{margin-top:65px}.section{padding:75px 0}.section-heading{gap:30px}.section-heading>p{max-width:290px}.steps{gap:25px}.about-grid{gap:50px}.screen-label{display:none}.benefit-strip .wrap{gap:15px}.benefit-strip p{display:none}}
@media(max-width:640px){:root{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.nav{height:76px;gap:16px;flex-wrap:wrap;align-content:center;justify-content:space-between}.brand{font-size:17px;letter-spacing:.05em}.brand-mark{width:23px;height:27px;margin-right:7px}nav{gap:14px;font-size:11px}nav a:first-child{display:none}.hero{min-height:auto}.hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#0b221bde,#0b221b65),linear-gradient(0deg,#0b221bdf,transparent)}.hero-inner{padding-top:60px}.eyebrow{font-size:9px;letter-spacing:.13em}h1{font-size:43px;line-height:1.16}.hero-description{font-size:16px;margin-top:25px}.hero-actions{gap:24px;margin-top:28px}.button{padding:13px 17px;gap:22px;font-size:12px}.text-link{font-size:12px;gap:12px}.hero-bottom{margin-top:58px;display:block;padding-bottom:26px}.hero-bottom>p:first-child{display:none}.project-note{text-align:left;font-size:10px}.benefit-strip{padding:18px 0}.benefit-strip .wrap{gap:12px;align-items:start}.benefit-strip span{font-size:10px;gap:5px;line-height:1.5;flex:1}.section{padding:61px 0}.section-heading{display:block;margin-bottom:33px}h2{font-size:32px}.section-heading>p{margin-top:23px;max-width:none;font-size:14px}.steps{grid-template-columns:1fr;gap:28px}.steps article{padding-top:18px}.steps h3{margin:13px 0 10px;font-size:22px}.steps p{max-width:none;font-size:14px}.feature-tabs{gap:0;justify-content:space-between;margin-bottom:25px}.feature-tabs button{font-size:11px;padding-bottom:14px}.feature-tabs button>span{font-size:9px;margin-right:4px}.feature-description h3{font-size:21px}.feature-description p{font-size:13px}.browser-bar{padding:7px 10px;font-size:8px}.screenshot-note{font-size:10px}.full-gallery{margin-top:28px}.full-gallery>summary{font-size:13px}.gallery-grid{grid-template-columns:1fr;gap:28px}.purpose-section{padding:60px 0}.purpose-section h2{font-size:28px;line-height:1.35}.purpose-section p:not(.eyebrow){font-size:14px}.about-grid{grid-template-columns:1fr;gap:45px}.about-grid>div>p:not(.eyebrow){font-size:14px}.footer-top{flex-wrap:wrap}.footer-top p{display:none}.footer-bottom{display:block}.footer-bottom p+p{margin-top:6px}dialog{padding:12px;width:96vw}.viewer-head{font-size:12px}.viewer-head button,.viewer-foot button{font-size:11px;padding:6px 9px}#image-description{font-size:12px}#large-image{max-height:65dvh}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
