@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root{--forest:#0f2d23;--forest2:#163b2c;--leaf:#668f6b;--gold:#e3b458;--ivory:#f6f2e9;--paper:#fffcf6;--coal:#1f2a24;--muted:#67746b;--line:#d8d6c9;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--coal);font-family:Montserrat,Arial,sans-serif;font-size:15px;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:var(--gold);color:var(--forest)}
.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--gold);padding:.6rem 1rem}.skip:focus{left:1rem;top:1rem}
.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid rgba(15,45,35,.1)}.header-inner{max-width:var(--max);height:88px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;flex-shrink:0}.brand-crop{display:block;width:211px;height:58px;background-image:url('/assets/ostara-brand-board.png');background-size:768px 512px;background-position:-549px -30px;background-repeat:no-repeat}.nav{display:flex;align-items:center;gap:32px}.nav a{font-size:12px;font-weight:600;letter-spacing:.01em}.nav a:hover,.nav a[aria-current="page"]{color:#597a56}.nav-cta{display:inline-flex;align-items:center;gap:12px;background:var(--forest);color:white!important;padding:12px 20px;border-radius:50px}.nav-cta:hover{background:#24503c}.menu-button{display:none;background:none;border:0;color:var(--forest);font-size:14px;font-weight:700}.menu-button span{display:block;width:24px;height:2px;margin:5px 0;background:currentColor}
.container{max-width:var(--max);margin:auto;padding-left:32px;padding-right:32px}.section{padding:116px 0}.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;line-height:1.5;color:var(--leaf)}.eyebrow.light{color:#bed2b5}.eyebrow.gold{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.055em;font-weight:600}h1{font-size:clamp(3.6rem,6.8vw,7.2rem)}h2{font-size:clamp(2.7rem,4.9vw,5.5rem)}h3{font-size:clamp(1.5rem,2.6vw,2.8rem)}p{max-width:67ch}.lead{font-size:clamp(1.12rem,1.55vw,1.4rem);line-height:1.65;color:var(--muted)}.light-text{color:#d8e1d4}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;border-radius:50px;padding:12px 25px;font-size:12px;font-weight:700;letter-spacing:.01em;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--forest);color:#fff}.btn-primary:hover{background:#24503c}.btn-light{background:var(--ivory);color:var(--forest)}.btn-outline{border:1px solid currentColor}.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:12px;text-decoration:underline;text-underline-offset:5px}.text-link:hover{color:var(--leaf)}
.hero{min-height:750px;background:var(--ivory);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:750px}.hero-copy{padding:108px 0 90px;position:relative;z-index:1}.hero h1{max-width:850px;margin:22px 0 30px}.hero .lead{max-width:590px}.hero-art{position:relative;background:radial-gradient(circle at 66% 35%,#d9b46a 0,#897b48 9%,#405c36 24%,#173b2c 49%,#0b261d 74%);margin-right:calc((min(100vw,var(--max)) - 100vw)/2);min-height:600px;overflow:hidden}.hero-art:before{content:'';position:absolute;width:460px;height:460px;border:1px solid rgba(255,245,215,.22);border-radius:50%;left:17%;top:17%;transform:rotate(-20deg)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,rgba(255,235,170,.13) 50%,transparent 56%)}.hero-plant{position:absolute;inset:0;display:grid;place-items:center}.hero-plant i{position:absolute;display:block;background:linear-gradient(140deg,#b8b481 0%,#567a4f 43%,#0e3b2a 90%);border:1px solid rgba(245,231,170,.5);border-radius:100% 0 100% 0;transform-origin:bottom center;box-shadow:inset 14px 8px 25px rgba(250,236,181,.18)}.hero-plant i:nth-child(1){width:195px;height:300px;transform:translate(-68px,58px) rotate(-32deg)}.hero-plant i:nth-child(2){width:180px;height:275px;transform:translate(83px,76px) rotate(38deg)}.hero-plant i:nth-child(3){width:155px;height:240px;transform:translate(6px,82px) rotate(2deg)}.hero-orbit{position:absolute;right:8%;bottom:10%;color:#e8e2cb;font-size:10px;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl}
.intro{background:var(--paper)}.editorial-grid{display:grid;grid-template-columns:.4fr .6fr;gap:10%}.intro h2{max-width:880px}.intro p{font-size:17px}.rule{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading h2{margin:14px 0 0}.section-heading p{max-width:390px;margin-bottom:3px}
.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:50px minmax(0,.8fr) minmax(0,1fr);gap:40px;padding:40px 0;border-bottom:1px solid var(--line);align-items:start}.service-item .num{font-size:12px;color:var(--leaf);font-weight:700}.service-item h3{margin:0;font-size:clamp(2rem,3.3vw,3.8rem)}.service-item p{margin:4px 0 14px}.inline-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tag{display:inline-block;border:1px solid currentColor;border-radius:30px;padding:5px 11px;font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.service-detail{font-size:12px;color:var(--muted)}
.projects{background:#ece9dd}.project-showcase{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:570px;border-top:1px solid #c9c9ba}.project-showcase:last-child{border-bottom:1px solid #c9c9ba}.project-showcase:nth-child(odd) .project-visual{order:2}.project-copy{padding:70px 7%;display:flex;flex-direction:column;justify-content:center}.project-copy h3{font-size:clamp(2.8rem,4vw,5rem);margin:12px 0 20px}.project-copy .lead{max-width:440px}.project-visual{min-height:510px;background:#12291f;position:relative;overflow:hidden}.project-visual.mini{background:#aa986e}.project-visual img{width:100%;height:100%;object-fit:cover}.project-visual.mini img{object-position:55% 37%}.project-visual.fdt{display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 72% 17%,#d2ba78,transparent 35%),#123429}.visual-note{position:absolute;bottom:17px;right:24px;color:#e8ede3;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.desktop-frame{width:100%;max-width:580px;background:#111918;border-radius:14px;padding:9px 9px 13px;box-shadow:0 35px 55px rgba(0,0,0,.3)}.desktop-frame img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:5px}.desktop-placeholder{aspect-ratio:16/10;background:#f7f8f8;display:grid;grid-template-columns:80px 1fr;overflow:hidden;border-radius:5px}.desktop-placeholder .side{background:#14283a}.desktop-placeholder .pane{padding:25px;color:#152b3b}.desktop-placeholder b{font-size:17px}.desktop-placeholder .lines{height:60%;margin-top:20px;background:linear-gradient(#e7ebee 14px,transparent 14px) 0 0/100% 35px}
.process{background:var(--paper)}.timeline{border-top:1px solid var(--line);margin-top:50px}.step{display:grid;grid-template-columns:1fr 1fr 2fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.step span{font-size:12px;color:var(--leaf);font-weight:700}.step h3{font-size:2rem;margin:0}.step p{margin:2px 0;color:var(--muted)}
.care-band{background:var(--forest);color:var(--ivory);padding:100px 0;position:relative;overflow:hidden}.care-band:after{content:'';position:absolute;width:530px;height:530px;border-radius:50%;border:1px solid rgba(227,180,88,.25);right:-130px;top:-180px;box-shadow:0 0 0 90px rgba(227,180,88,.035),0 0 0 180px rgba(227,180,88,.025)}.care-band .container{position:relative;z-index:1}.care-band h2{max-width:900px}.care-band p{color:#d0dfd3}.care-prices{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px;border-top:1px solid rgba(255,255,255,.3);padding-top:30px}.care-prices strong{display:block;font-size:2.6rem;line-height:1.2;letter-spacing:-.05em;font-weight:500;margin:12px 0}.care-prices small{font-size:11px;color:#b9cbbd}.care-prices ul{list-style:none;padding:0;margin:18px 0}.care-prices li{padding:4px 0}.care-prices li:before{content:'↗';color:var(--gold);margin-right:12px}
.closing{background:var(--gold);padding:115px 0}.closing h2{max-width:1000px}.closing p{font-size:20px}.closing .btn{margin-top:15px}
.page-hero{padding:94px 0 85px;background:var(--paper)}.page-hero h1{max-width:1000px;margin:20px 0 28px;font-size:clamp(3.8rem,6.1vw,6.7rem)}.page-hero .lead{max-width:720px}.page-hero.dark{background:var(--forest);color:var(--ivory)}.page-hero.dark .lead{color:#d5e2d5}.page-hero.gold-surface{background:#dfb65d}.page-hero.gold-surface .eyebrow{color:var(--forest)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:7%}.body-copy p{font-size:17px}.body-copy h3{margin-top:45px}.stack{display:grid;gap:22px}.feature-row{padding:48px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.feature-row h2{font-size:clamp(2.3rem,3vw,3.5rem)}.feature-row p{font-size:17px}.feature-row ul{padding-left:1.2rem}.feature-row li{margin-bottom:8px}.feature-row:first-child{border-top:1px solid var(--line)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.price-plan{border-top:1px solid var(--forest);padding-top:20px}.price-plan h3{font-size:2rem;margin-bottom:10px}.price-plan strong{display:block;font-size:1.3rem;margin-bottom:18px}.price-plan p{font-size:13px;color:var(--muted)}.note{font-size:11px;color:var(--muted)}
.case-hero{background:var(--forest);color:var(--ivory);padding:75px 0 0;overflow:hidden}.case-hero h1{max-width:1000px;margin:20px 0}.case-hero .lead{color:#d2dfd4;max-width:720px}.case-hero .tag{color:#d6e2d3}.case-hero-image{margin-top:55px;height:clamp(340px,49vw,700px);background:#d5d1bd;overflow:hidden;border-radius:16px 16px 0 0}.case-hero-image img{width:100%;height:100%;object-fit:cover}.case-hero-image.mini img{object-position:50% 35%}.case-hero-image.fdt{display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#b1b774,#6b7351 20%,#1c4434 53%,#0b271e);padding:5%}.case-hero-image.fdt img{object-fit:contain;max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 35px 70px rgba(0,0,0,.3)}.case-meta{display:flex;gap:10%;padding:35px 0;border-bottom:1px solid var(--line)}.case-meta div{font-size:12px}.case-meta strong{display:block;font-size:10px;letter-spacing:.2em;color:var(--leaf);text-transform:uppercase;margin-bottom:7px}.case-section{padding:95px 0;border-bottom:1px solid var(--line)}.case-section h2{font-size:clamp(2.7rem,4.2vw,4.7rem)}.case-section .two-col p{font-size:17px}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:36px}.flow span{padding:12px 18px;border:1px solid var(--forest);border-radius:50px;font-size:12px;font-weight:700}.flow b{color:var(--leaf)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:40px 0}.gallery figure{margin:0}.gallery figure.wide{grid-column:1/-1}.gallery img{width:100%;height:350px;object-fit:cover;object-position:top;background:#dde0d8;border:1px solid var(--line);border-radius:7px}.gallery .wide img{height:560px}.gallery figcaption{font-size:11px;color:var(--muted);margin-top:7px}.case-note{font-size:11px;color:var(--muted);margin:20px 0}
.about-visual{background:var(--forest);min-height:500px;display:grid;place-items:center;overflow:hidden}.about-visual .brand-panel{width:min(548px,100%);height:310px;background-image:url('/assets/ostara-brand-board.png');background-size:1536px 1024px;background-position:0 -60px;background-repeat:no-repeat}.principle{border-left:3px solid var(--gold);padding-left:25px;font-size:clamp(1.4rem,2.5vw,2.6rem);line-height:1.4;margin:40px 0;color:var(--forest)}
.contact-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:8%;padding-top:75px;padding-bottom:115px}.contact-aside h2{font-size:clamp(2.5rem,3.7vw,4rem)}.contact-aside a{font-weight:700;text-decoration:underline;text-underline-offset:5px}.brief-form{background:var(--paper);padding:42px;border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;gap:7px;margin-bottom:20px}.field.full{grid-column:1/-1}.field label,.fieldset-title{font-size:11px;font-weight:700;letter-spacing:.04em}.field input,.field select,.field textarea{width:100%;border:1px solid #c6ccbf;background:#fff;padding:12px 14px;border-radius:3px;color:var(--coal);min-height:48px}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--leaf);outline-offset:2px}.form-help{font-size:11px;color:var(--muted)}.form-status{font-size:12px;min-height:20px}
.site-footer{background:#10261e;color:#dce7d7;padding:70px 0 25px}.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:40px}.footer-brand{width:220px;height:125px;background-image:url('/assets/ostara-brand-board.png');background-size:614px 410px;background-position:0 -24px;background-repeat:no-repeat}.site-footer p{font-size:12px;color:#b0c4b4}.footer-nav{display:grid;align-content:start;gap:10px;font-size:12px}.footer-nav a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);margin-top:55px;padding-top:20px;font-size:10px;color:#9eb2a2}
@media(max-width:1000px){.nav{gap:17px}.hero-grid{grid-template-columns:1fr .82fr}.hero-copy{padding-right:30px}.service-item{grid-template-columns:35px 1fr 1fr;gap:25px}.project-showcase{min-height:490px}.project-visual{min-height:430px}}
@media(max-width:760px){.header-inner{height:72px;padding:0 20px}.brand-crop{width:176px;height:48px;background-size:640px 427px;background-position:-457px -25px}.menu-button{display:block}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--paper);padding:15px 20px 25px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.08);align-items:stretch;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:11px 4px;font-size:14px}.nav-cta{justify-content:center;margin-top:12px}.container{padding-left:22px;padding-right:22px}.section{padding:75px 0}.hero,.hero-grid{min-height:0}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:72px 0 58px}.hero h1{font-size:clamp(3.1rem,11vw,5rem)}.hero-art{min-height:400px;margin:0 -22px}.hero-plant{transform:scale(.7)}.editorial-grid,.two-col,.contact-layout{grid-template-columns:1fr;gap:24px}.section-heading{display:block}.service-item{grid-template-columns:30px 1fr;gap:12px}.service-item>div:last-child{grid-column:2}.service-item h3{font-size:2.3rem}.project-showcase{display:flex;flex-direction:column}.project-showcase:nth-child(odd) .project-visual{order:0}.project-visual{min-height:360px}.project-copy{padding:40px 22px 55px}.project-copy h3{font-size:3rem}.step{grid-template-columns:40px 1fr;gap:12px}.step p{grid-column:2}.care-band{padding:75px 0}.care-prices,.price-grid{grid-template-columns:1fr}.care-prices{gap:15px}.closing{padding:75px 0}.page-hero{padding:65px 0}.page-hero h1{font-size:clamp(3.2rem,10vw,5rem)}.feature-row{grid-template-columns:1fr;gap:8px}.case-hero{padding-top:65px}.case-hero-image{height:360px;margin-top:35px;margin-left:-22px;margin-right:-22px;border-radius:0}.case-meta{flex-wrap:wrap;gap:20px}.case-section{padding:70px 0}.gallery{grid-template-columns:1fr}.gallery figure.wide{grid-column:auto}.gallery img,.gallery .wide img{height:auto;aspect-ratio:16/10}.about-visual{min-height:380px}.brief-form{padding:25px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{gap:15px;flex-direction:column}}
@media(max-width:480px){h2{font-size:2.6rem}.hero-art{min-height:330px}.hero-plant{transform:scale(.55)}.button-row{align-items:stretch}.button-row .btn{width:100%}.project-visual{min-height:270px}.project-copy h3{font-size:2.7rem}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}}

/* Real project captures, shown inside simple device frames. */
.project-visual.mini,.case-hero-image.mini{position:relative;background:radial-gradient(circle at 80% 8%,#f5dc9d,#c4aa71 42%,#506e52 100%)}
.mini-composition{position:absolute;inset:0}
.mini-browser{position:absolute;left:4%;top:15%;width:78%;aspect-ratio:1917/1077;background:#121b17;border:8px solid #121b17;border-radius:12px;overflow:hidden;box-shadow:0 30px 55px rgba(0,0,0,.36)}
.mini-phone{position:absolute;right:3%;bottom:7%;width:22%;aspect-ratio:710/1536;background:#0d1713;border:8px solid #0d1713;border-radius:26px;overflow:hidden;box-shadow:0 25px 45px rgba(0,0,0,.45)}
.mini-composition .mini-browser img,.mini-composition .mini-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.gallery img,.gallery .wide img{height:auto;aspect-ratio:auto;object-fit:contain;max-height:none}
.mobile-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:800px;margin:45px auto 0;align-items:start}
.mobile-gallery figure{margin:0;justify-self:center;max-width:310px;width:100%}
.mobile-gallery figure img{display:block;width:100%;height:auto;border:8px solid #14251c;border-radius:28px;box-shadow:0 20px 40px rgba(15,45,35,.18)}
.mobile-gallery figcaption{font-size:11px;color:var(--muted);margin-top:12px;text-align:center}
@media(max-width:760px){.mini-browser{left:3%;top:17%;width:79%;border-width:5px;border-radius:8px}.mini-phone{right:2%;bottom:9%;width:23%;border-width:5px;border-radius:18px}.case-hero-image.mini{height:340px}.mobile-gallery{gap:14px}}
@media(max-width:520px){.mobile-gallery{grid-template-columns:1fr}.mobile-gallery figure{max-width:290px}.case-hero-image.mini{height:280px}}

/* Crop operating-system and browser chrome from the supplied screenshots. */
.capture{position:relative;display:block;width:100%;overflow:hidden;background:#101a17}
.capture-app{aspect-ratio:1917/992}
.capture-web{aspect-ratio:1855/880}
.capture-phone{aspect-ratio:710/1155}
.capture img,.project-visual .capture img,.case-hero-image .capture img,.gallery .capture img,.mobile-gallery .capture img,.mini-composition .mini-browser .capture img,.mini-composition .mini-phone .capture img{display:block;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:initial;object-position:initial;border:0;border-radius:0;box-shadow:none}
.capture-app img{transform:translateY(-2.69%)}
.capture-web img,.gallery .capture-web img,.case-hero-image .capture-web img,.project-visual .capture-web img,.mini-composition .mini-browser .capture-web img{width:103.34%;transform:translate(-3.23%,-13.09%)}
.capture-phone img{transform:translateY(-12.7%)}
.desktop-frame .capture{border-radius:5px}
.case-hero-image.fdt .capture{max-width:1100px;border-radius:10px;box-shadow:0 35px 70px rgba(0,0,0,.3)}
.gallery .capture{border:1px solid var(--line);border-radius:7px}
.mobile-gallery .capture{border:8px solid #14251c;border-radius:28px;box-shadow:0 20px 40px rgba(15,45,35,.18)}
.mini-browser{aspect-ratio:1855/880}
.mini-phone{aspect-ratio:710/1155}