:root{--navy:#173B2D;--gold:#C9A227;--char:#2E2E2E;--stone:#F4F4F1;--cream:#FBFAF7;--white:#fff;--muted:#68717b;--line:#dfe4e7;--shadow:0 20px 60px rgba(23,59,45,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Lato,Arial,sans-serif;color:var(--char);background:#fff;line-height:1.6}h1,h2,h3,h4,.brand-text{font-family:Montserrat,Arial,sans-serif}h1,h2,h3{line-height:1.12;margin:0 0 18px}h1{font-size:clamp(2.75rem,6vw,5.6rem);letter-spacing:-.04em;color:var(--navy)}h1 span{color:var(--gold)}h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.03em;color:var(--navy)}h3{font-size:1.3rem;color:var(--navy)}p{margin:0 0 18px}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:820px}.center{text-align:center}.section-pad{padding:100px 0}.alt-bg{background:var(--stone)}.dark-bg{background:var(--navy);color:#e9edf0}.eyebrow{font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.18em;color:var(--gold);margin-bottom:14px}.gold{color:#e4c34a}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,59,45,.08)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}.brand-mark{width:46px;height:46px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:1rem;letter-spacing:.23em}.brand-text small{font-size:.7rem;letter-spacing:.35em;color:var(--gold);margin-top:4px}.nav{display:flex;align-items:center;gap:28px}.nav a{text-decoration:none;color:var(--navy);font-weight:700;font-size:.95rem}.nav-cta{padding:12px 18px;border:1px solid var(--gold);border-radius:999px}.menu-toggle{display:none;border:0;background:none;font-size:1.6rem;color:var(--navy)}.hero{position:relative;overflow:hidden;padding:105px 0 95px;background:linear-gradient(145deg,#fff 30%,#f8f4e7 100%)}.hero:after{content:"";position:absolute;right:-18%;top:-22%;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.16),transparent 66%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.lede{font-size:1.2rem;color:#4d5964;max-width:710px}.hero-actions{display:flex;gap:14px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;border-radius:999px;padding:15px 24px;font:700 .95rem Montserrat,sans-serif;cursor:pointer}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#24543f}.btn-secondary{border:1px solid #cbd3d9;color:var(--navy);background:#fff}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#596571;font-size:.9rem}.trust-row span:before{content:"•";color:var(--gold);margin-right:7px}.hero-art{min-height:520px;position:relative}.main-card{position:absolute;inset:40px 20px 30px 50px;background:#fff;border-radius:28px;box-shadow:var(--shadow);padding:28px;z-index:2}.mini-kicker{font:700 .7rem Montserrat,sans-serif;letter-spacing:.18em;color:var(--gold);margin-bottom:20px}.mock-window{border-radius:18px;background:#f7f8fa;border:1px solid #e6ebee;padding:16px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#ccd4da}.mock-nav{width:55%;height:10px;background:#dfe5e9;border-radius:10px;margin:15px 0}.mock-hero{height:170px;border-radius:15px;background:linear-gradient(135deg,var(--navy),#315c49);padding:28px}.mock-hero span{display:block;height:10px;background:#fff;border-radius:9px;margin:10px 0;opacity:.9}.mock-hero span:nth-child(1){width:70%}.mock-hero span:nth-child(2){width:48%}.mock-hero span:nth-child(3){width:32%;background:var(--gold)}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.mock-grid b{height:70px;background:#e8ecef;border-radius:10px}.main-card p{font:500 1.25rem Montserrat,sans-serif;color:var(--navy);margin:22px 0 0}.main-card p strong{color:var(--gold)}.floating-card{position:absolute;background:var(--navy);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 15px 30px rgba(23,59,45,.2);font:600 .82rem Montserrat,sans-serif;z-index:3}.fc-one{left:0;bottom:85px}.fc-two{right:0;top:90px;background:var(--gold);color:var(--navy)}.orb{position:absolute;border-radius:50%}.orb-one{width:180px;height:180px;background:rgba(201,162,39,.16);right:0;bottom:0}.orb-two{width:120px;height:120px;background:rgba(23,59,45,.08);left:10px;top:10px}.purpose p:not(.eyebrow){font-size:1.2rem;color:#5a6670}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-head>div{max-width:660px}.section-head>p{max-width:420px;color:#65717b}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;border:1px solid #e5e9ec;border-radius:20px;padding:28px;min-height:260px;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card>span{font:700 .8rem Montserrat,sans-serif;color:var(--gold);letter-spacing:.12em}.service-card h3{margin-top:40px}.service-card p{color:#626d76}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:12px}.chips span{padding:13px 16px;border-radius:999px;background:var(--stone);border:1px solid #e1e6e8;font-weight:700;color:var(--navy)}.light h2{color:#fff}.light>p{color:#cbd6df}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{background:#fff;border-radius:24px;overflow:hidden;color:var(--char)}.project-visual{height:320px;padding:34px;display:flex;align-items:center;justify-content:center}.okc-visual{background:linear-gradient(135deg,#f4efe5,#8d6ca5)}.jb-visual{background:linear-gradient(135deg,#e6eff7,#7aa1bd)}.screen{width:90%;height:85%;background:#fff;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.18);padding:17px;transform:perspective(800px) rotateX(2deg) rotateY(-3deg)}.screen-top{font:800 .85rem Montserrat,sans-serif;color:var(--navy);padding-bottom:12px;border-bottom:1px solid #e5e8eb}.screen-lines i{display:block;height:9px;background:#dfe5e8;border-radius:8px;margin:10px 0}.screen-lines i:nth-child(1){width:70%;background:var(--gold)}.screen-lines i:nth-child(2){width:90%}.screen-lines i:nth-child(3){width:58%}.screen-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.screen-tiles b{height:70px;background:#eef1f3;border-radius:8px}.project-copy{padding:30px}.project-type{font:700 .7rem Montserrat,sans-serif;letter-spacing:.13em;color:var(--gold)}.project-copy a{color:var(--navy);font-weight:700;text-decoration:none}.about-split{grid-template-columns:.7fr 1.3fr}.brand-story{height:430px;border-radius:26px;background:linear-gradient(145deg,var(--navy),#2a5442);display:grid;place-items:center}.story-mark{width:210px;height:210px;border:2px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;color:#fff;font:800 8rem Montserrat,sans-serif;position:relative}.story-mark:after{content:"";position:absolute;width:95px;height:70px;border-left:5px solid var(--gold);border-bottom:5px solid var(--gold);transform:rotate(-45deg);bottom:-22px}.statement{font:700 1.15rem Montserrat,sans-serif;color:var(--navy)}.process-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:48px}.step{background:#fff;border-radius:18px;padding:24px;border:1px solid #e2e6e8}.step b{color:var(--gold);font-family:Montserrat,sans-serif}.step h3{margin-top:28px}.step p{color:#66717a;font-size:.95rem}.contact{background:linear-gradient(145deg,#fff,#f6f2e4)}.contact-card{background:var(--navy);color:#fff;border-radius:28px;padding:50px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;box-shadow:var(--shadow)}.contact-copy h2{color:#fff}.contact-copy p{color:#d4dde4}.contact-form{display:grid;gap:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{font-size:.85rem;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:6px;padding:13px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:#fff;color:#222;font:400 1rem Lato,sans-serif}.contact-form .btn{justify-self:start;background:var(--gold);color:var(--navy);margin-top:4px}.hidden{position:absolute;left:-9999px}.footer{background:#10281f;color:#b9c5ce;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:50px}.footer-brand strong{color:#fff}.footer h4{color:#fff;margin:0 0 14px}.footer a{color:#c6d0d7;text-decoration:none;display:block;margin:6px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:35px;font-size:.85rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}@media(max-width:900px){.nav{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;background:#fff;padding:24px;border-bottom:1px solid #e5e9ec}.nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.split,.contact-card{grid-template-columns:1fr}.hero-art{min-height:440px}.service-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.process-row{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column}.about-split{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:600px){.section-pad{padding:75px 0}.container{width:min(100% - 28px,1180px)}.hero{padding-top:72px}.hero-art{min-height:390px}.main-card{inset:25px 5px 20px 18px;padding:20px}.mock-hero{height:135px}.service-grid,.process-row,.field-row,.footer-grid{grid-template-columns:1fr}.contact-card{padding:28px;gap:32px}.project-visual{height:250px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.trust-row{gap:8px}.hero-actions{flex-direction:column;align-items:flex-start}}

/* Portfolio proof + pricing */
.project-shot{height:320px;padding:0;background:#0b2a4a;overflow:hidden}
.project-shot img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transition:transform .45s ease}
.project-card:hover .project-shot img{transform:scale(1.025)}
.brand-promise{margin-top:42px;padding:30px 36px;border:1px solid rgba(255,255,255,.15);border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(255,255,255,.06)}
.brand-promise p{margin:0;color:#cbd6df;font:500 1.15rem Montserrat,sans-serif}
.brand-promise strong{color:#e4c34a;font:700 clamp(1.15rem,2vw,1.5rem) Montserrat,sans-serif;text-align:right}
.pricing{background:#fff}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.price-card{position:relative;border:1px solid #e1e6e8;border-radius:22px;padding:32px;background:#fff;display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(23,59,45,.05)}
.price-card.featured{border:2px solid var(--gold);box-shadow:0 18px 45px rgba(23,59,45,.12);transform:translateY(-6px)}
.popular{position:absolute;top:-14px;right:24px;background:var(--gold);color:var(--navy);border-radius:999px;padding:7px 12px;font:800 .65rem Montserrat,sans-serif;letter-spacing:.1em}
.price-name{font:800 .75rem Montserrat,sans-serif;letter-spacing:.16em;color:var(--gold);margin-bottom:10px}
.price-card h3{font-size:1.45rem;margin-bottom:22px}
.price{display:flex;flex-direction:column;gap:2px;margin-bottom:18px}
.price span{font-size:.82rem;color:#6a747c}
.price strong{font:800 clamp(2rem,3.2vw,2.8rem) Montserrat,sans-serif;color:var(--navy);line-height:1.05}
.price-intro{color:#606b74;min-height:76px}
.price-card ul{list-style:none;padding:0;margin:8px 0 28px;border-top:1px solid #edf0f2}
.price-card li{padding:11px 0 11px 24px;border-bottom:1px solid #edf0f2;color:#4f5a63;position:relative}
.price-card li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:800}
.price-link{margin-top:auto;text-decoration:none;color:var(--navy);font:700 .9rem Montserrat,sans-serif}
.care-strip{margin-top:34px;border-radius:24px;background:var(--navy);color:#d7e0e7;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:42px}
.care-strip h3{color:#fff;font-size:1.55rem;margin-bottom:8px}.care-strip p{margin-bottom:0;max-width:650px}.care-price{display:flex;align-items:center;gap:18px;white-space:nowrap}.care-price>span{font-size:.8rem}.care-price strong{font:800 2rem Montserrat,sans-serif;color:#fff}.care-price small{font-size:.8rem;color:#cbd6df}.care-price .btn-secondary{border-color:var(--gold);background:transparent;color:#fff}
.pricing-note{text-align:center;color:#737d85;font-size:.85rem;margin:22px auto 0;max-width:760px}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.brand-promise,.care-strip{flex-direction:column;align-items:flex-start}.brand-promise strong{text-align:left}.care-price{flex-wrap:wrap}}
@media(max-width:600px){.project-shot{height:230px}.care-strip{padding:28px}.care-price{align-items:flex-start;flex-direction:column}.price-intro{min-height:auto}}

/* Founder portrait */
.brand-story.founder-photo{overflow:hidden;background:var(--navy);padding:0;box-shadow:var(--shadow)}
.brand-story.founder-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 38%}
@media(max-width:900px){.brand-story.founder-photo{height:min(560px,82vw)}}

/* Final launch refinements */
section[id]{scroll-margin-top:96px}
.client-proof{padding:24px}.client-browser{border:1px solid #dfe5df;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(23,59,45,.12)}.browser-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f3f4ef;border-bottom:1px solid #e2e6df}.browser-bar span{width:7px;height:7px;border-radius:50%;background:#c9cec7}.browser-bar small{margin-left:8px;color:#748078;font:600 .62rem Montserrat,sans-serif}.client-browser img{display:block;width:100%;height:250px;object-fit:cover;object-position:top}.project-status{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f4ead0;color:#6d5510;font:800 .66rem Montserrat,sans-serif;letter-spacing:.12em;margin-bottom:12px}.project-progress{display:inline-block;color:var(--navy);font:700 .88rem Montserrat,sans-serif;border-top:1px solid #e8ebe7;padding-top:14px;margin-top:2px}.founder-caption{padding:15px 8px 0}.founder-caption strong,.founder-caption span{display:block}.founder-caption strong{font:700 1rem Montserrat,sans-serif;color:var(--navy)}.founder-caption span{font:.76rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);margin-top:3px}
@media(max-width:600px){.client-browser img{height:205px}.client-proof{padding:16px}}

/* Official Rootory Digital brand asset */
.brand-logo { display:block; width:220px; height:auto; object-fit:contain; }
.footer-logo { width:190px; filter:none; }
@media (max-width: 700px) { .brand-logo { width:180px; } .footer-logo { width:170px; } }

/* Launch polish: approved brand lockup, footer contrast, contact details */
.brand-logo{width:205px;max-height:66px;object-fit:contain;object-position:left center}
.footer-brand{display:inline-flex;margin-bottom:14px}
.footer-logo{width:220px;max-height:118px;object-fit:contain;object-position:left center}
.direct-contact{margin-top:24px}.direct-contact a{color:#fff;font-weight:700;text-decoration:none}.direct-contact a:hover{text-decoration:underline}.direct-contact span{color:#d4dde4}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid rgba(201,162,39,.35);border-color:var(--gold)}
.nav a:focus-visible,.btn:focus-visible,.price-link:focus-visible,.footer a:focus-visible{outline:3px solid rgba(201,162,39,.45);outline-offset:4px;border-radius:6px}
@media(max-width:700px){.brand-logo{width:178px}.footer-logo{width:205px}}

section[id]{scroll-margin-top:100px}