/* ISBuildWeb visual direction v2 — editorial studio */
:root{--bg:#f4f0e8;--ink:#171512;--muted:#70685f;--line:#d8d0c5;--blue:#ff5a36;--blue2:#ff7b44;--navy:#171512;--panel:#231f1b;--white:#fffdf8;--lime:#c8ff3d;--shadow:0 20px 50px rgba(31,25,19,.12)}
body{background:var(--bg);color:var(--ink)}
.page-glow{display:none}
.shell{width:min(1220px,calc(100% - 48px))}
.topbar{height:82px;background:rgba(244,240,232,.94);border-bottom:1px solid #cfc6ba;backdrop-filter:blur(12px)}
.brand{gap:12px}.brand-mark{width:42px;height:42px;border-radius:3px;background:var(--ink);box-shadow:none;color:var(--lime);font-size:14px}.brand-name{font-size:21px;letter-spacing:-.9px}
.topbar nav{gap:28px;color:#514a43;font-size:12px;text-transform:uppercase;letter-spacing:.7px}.nav-cta{border-radius:3px;background:var(--blue);color:#fff!important;padding:12px 17px}
.hero{min-height:760px;padding:108px 0 110px;grid-template-columns:1.08fr .92fr;gap:76px}
.eyebrow{color:#7b4a3c;letter-spacing:2px}.eyebrow:before{height:3px;width:28px;background:var(--blue)}
.hero h1{font-size:clamp(58px,6.6vw,88px);line-height:.92;letter-spacing:-5.3px}.hero h1 span{background:none;color:var(--blue)}
.hero-lead{font-size:20px;max-width:650px;color:#625a52}.btn{border-radius:3px;min-height:52px;padding:0 22px}.primary{background:var(--blue);box-shadow:none}.primary:hover{background:#e84c2c}.secondary{background:transparent;border:1px solid #9f958a}.hero-proof span{border-radius:2px;background:#ebe4da;border-color:#d6cdc2;color:#5b544d}
.hero-visual{min-height:560px}.browser-card{border-radius:4px;border:1px solid #bdb3a7;box-shadow:12px 12px 0 #171512}.main-browser{transform:rotate(-1deg)}.browser-bar{background:#d9d0c5;border-color:#bfb5a8}.browser-bar i{border-radius:0;background:#8f8579}.browser-bar span{border-radius:2px;background:#f4f0e8;color:#6d645b}.browser-body{background:#efe8dd}.mini-hero{border-radius:2px;background:#171512}.mini-hero small{color:var(--lime)}.mini-cards span{border-radius:2px;border-color:#d3c9bd;background:#fffaf2}
.floating-card{border-radius:2px;border:1px solid #171512;box-shadow:7px 7px 0 rgba(23,21,18,.95)}.floating-card b{color:var(--blue)}.code-card{background:var(--lime)}.code-card small,.code-card span{color:#2e2a24}.metric-card{background:var(--blue);color:white}.metric-card small,.metric-card span,.metric-card b{color:#fff}
.trust-strip{height:82px;background:var(--blue);color:white;gap:32px}.trust-strip i{background:var(--lime);border-radius:0;width:7px;height:7px;transform:rotate(45deg)}
.section{padding:120px 0}.section-heading h2,.why-copy h2{letter-spacing:-3.7px}.split-heading{gap:95px}.section-heading>p,.split-heading>p{color:#6d645c}
.service-grid{gap:0;border:1px solid #cfc5b9}.service-card{border:0;border-right:1px solid #cfc5b9;border-radius:0;box-shadow:none;background:#fbf7f0;min-height:500px;padding:36px}.service-card:last-child{border-right:0}.service-card.featured{background:var(--lime);color:var(--ink)}.service-icon{border-radius:2px;background:#171512;color:var(--lime)}.featured .service-icon{background:var(--blue);color:#fff}.service-label,.featured .service-label{color:#796f65}.service-card p,.featured p{color:#685f56}.service-card ul,.featured ul{color:#4f4942}.service-card h3{font-size:30px}
.work-section{background:#171512}.light-heading .eyebrow{color:#ff9f86}.light-heading p{color:#b7aea3}.project-showcase{border-radius:0;border:1px solid #3e3832;background:#211e1a;padding:58px}.project-tags span{border-radius:2px;color:#d9d0c7}.project-copy h3{color:var(--lime)}.project-copy>p{color:#c4bbb0}.project-points div{border-left:4px solid var(--blue)}.text-link{color:var(--lime)}.app-window{border-radius:3px;background:#f4f0e8;box-shadow:14px 14px 0 #ff5a36;transform:rotate(-1deg)}.app-logo{border-radius:2px;background:#171512;color:var(--lime)}.app-stats div,.app-list>div{border-radius:2px}.next-project a{color:var(--lime)}
.pricing-section{background:#f4f0e8}.pricing-grid{gap:12px}.price-card{border-radius:0;box-shadow:none;background:#fffaf2;border:1px solid #cfc5ba;padding:36px}.price-card.popular{border:3px solid var(--blue);transform:translateY(-12px);background:#fff3ed}.popular-badge{border-radius:2px;background:var(--blue)}.dark-btn{background:#171512;border-color:#171512;color:#fff}.price-card h3{font-size:34px}.price{font-size:31px}
.process-section{background:#e8dfd3}.process-grid{gap:0;background:#171512;border:1px solid #171512;border-radius:0}.process-grid article{background:#f3ece2;border-right:1px solid #171512}.process-grid article:last-child{border-right:0}.process-grid span{color:var(--blue);font-size:12px}.process-grid h3{font-size:25px}
.why-section{gap:95px}.why-grid{border-radius:0;border-color:#c9c0b5}.why-grid>div{background:#fffaf2;border-color:#d2c8bc}.why-grid>div:nth-child(1),.why-grid>div:nth-child(4){background:#171512;color:#fff}.why-grid>div:nth-child(1) span,.why-grid>div:nth-child(4) span{color:#bbb1a7}.why-grid>div:nth-child(1) b,.why-grid>div:nth-child(4) b{color:var(--lime)}
.faq-list{border-color:#bdb4aa}.faq-list details{border-color:#c7beb4}.faq-list summary{font-size:18px}.faq-list summary:after{color:var(--blue)}
.contact-section{background:#ff5a36;color:#171512}.contact-copy .eyebrow{color:#4b241a}.contact-copy .eyebrow:before{background:#171512}.contact-copy>p{color:#4c3028}.contact-points span{border-color:rgba(23,21,18,.3);background:rgba(255,255,255,.13)}.contact-points small{color:#58372f}.contact-form{background:#171512;color:#fff;border-radius:0;border:1px solid #171512;box-shadow:12px 12px 0 var(--lime)}.contact-form label{color:#e8dfd5}.contact-form input,.contact-form select,.contact-form textarea{border-radius:2px;background:#28231f;border-color:#4b433c;color:#fff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8f8479}.contact-form .primary{background:var(--lime);color:#171512}.contact-form .primary:hover{background:#d8ff70}.form-note{color:#9e9388}
footer{background:#171512;color:#d8d0c7;border-top:0}.footer-brand .brand-mark{background:var(--lime);color:#171512}.footer-links a:hover{color:var(--lime)}
@media(max-width:980px){.service-grid{grid-template-columns:1fr;border:1px solid #cfc5b9}.service-card{border-right:0;border-bottom:1px solid #cfc5b9}.service-card:last-child{border-bottom:0}.process-grid{grid-template-columns:1fr 1fr}.process-grid article{border-bottom:1px solid #171512}.hero{padding-top:80px}}
@media(max-width:700px){.shell{width:min(100% - 28px,1220px)}.hero h1{letter-spacing:-3.8px}.topbar{height:72px}.brand-mark{width:38px;height:38px}.section{padding:84px 0}.project-showcase{padding:28px}.price-card.popular{transform:none}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0}.service-card{padding:28px}.contact-form{box-shadow:7px 7px 0 var(--lime)}}