/* Revive referral page: mobile-first, actual brand mark and public portfolio. Frontend Design skill: one visual signature, useful interactions, readable hierarchy. */
:root{--navy:#071c36;--navy-soft:#102b4b;--blue:#0074ee;--cyan:#8bdcff;--green:#3bb449;--white:#fff;--paper:#f0f5fa;--ink:#0c2440;--muted:#526880;--line:#d2dfeb;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px;overflow-x:clip}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.6 var(--body);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}button:disabled{cursor:wait}.wrap{width:calc(100% - 40px);max-width:1200px;margin:auto}.opening{background:var(--navy);color:var(--white);overflow:clip}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:160px;line-height:0}.brand img{width:100%;height:auto}.nav-contact{font-weight:600;font-size:14px;border-bottom:1px solid var(--cyan);padding:8px 0}.hero{padding-top:22px}.hero h1{font:700 clamp(64px,16.5vw,88px)/.91 var(--display);letter-spacing:-1.2px;margin:0;max-width:500px;overflow-wrap:break-word}.intro{font-size:17px;line-height:1.65;max-width:390px;margin:25px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:16px 22px;font-size:15px;font-weight:700;border-radius:5px;transition:background .18s,transform .18s}.primary{background:var(--blue);color:var(--white);width:100%;max-width:350px;box-shadow:0 7px 0 var(--navy-soft)}.button:hover{transform:translateY(-2px)}.hero-secondary{display:block;margin-top:19px;font-size:13px;width:max-content;border-bottom:1px solid var(--cyan)}.hero-work{margin-top:42px}.work-stack{height:290px;position:relative;margin:0 -20px;isolation:isolate}.work-shot{position:absolute;width:55%;height:236px;object-fit:cover;object-position:top;border-radius:7px;box-shadow:0 18px 38px #0006;border:1px solid #ffffff20}.shot-one{left:-7%;top:30px;transform:rotate(-9deg);z-index:1}.shot-two{left:23%;top:0;z-index:3;transform:rotate(-2deg)}.shot-three{right:-14%;top:36px;transform:rotate(10deg);z-index:2}.work-caption{display:block;font-size:12px;color:var(--cyan);padding-bottom:24px;text-align:center}.hero-base{padding:20px 0 26px;border-top:1px solid #ffffff26}.hero-base p{margin:0;color:#c1d0e1;font-size:12px}.hero-base strong{display:block;font-size:19px;margin-top:5px;letter-spacing:-.3px}.section{padding:58px 0}.section-heading{margin-bottom:28px}h2{font:600 43px/1.04 var(--display);letter-spacing:-.5px;margin:0;overflow-wrap:break-word}h3{margin:0;font-weight:600}.section-heading>p{color:var(--muted);line-height:1.7;font-size:16px;max-width:380px;margin:18px 0 0}.problem-layout{display:grid;gap:22px}.problem-choices{display:grid;gap:9px}.problem{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px;padding:17px 16px;min-height:60px;text-align:left;font-size:16px;font-weight:500;display:flex;align-items:center;gap:12px}.problem>b{font-weight:400;font-size:19px;margin-left:auto}.problem.active{background:var(--blue);border-color:var(--blue);color:var(--white)}.problem:hover:not(.active){background:var(--paper)}.recommendation{border-left:3px solid var(--blue);padding:4px 0 4px 19px}.small-label{font-size:13px;color:var(--muted)}.recommendation h3{font:600 32px/1.12 var(--display);margin:9px 0 13px}.recommendation>p{font-size:15px;line-height:1.75;margin:0;color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tags span{font-size:12px;line-height:1.5;background:var(--paper);padding:6px 9px;border-radius:4px}.text-link{display:inline-flex;align-items:center;gap:30px;color:var(--blue);font-weight:700;font-size:15px;min-height:44px}.text-link span{font-size:23px}.recommendation>small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.services{background:var(--paper)}.service-list{border-top:1px solid var(--line)}.service-list details{border-bottom:1px solid var(--line)}.service-list summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;gap:15px}.service-list summary::-webkit-details-marker{display:none}.service-list summary>span:first-child{min-width:0}.service-list summary strong{font-size:19px;line-height:1.25;letter-spacing:-.5px;display:block}.service-list summary small{display:block;font-size:13px;line-height:1.55;color:var(--muted);margin-top:7px;max-width:260px}.service-plus{font-size:25px;line-height:1;margin-left:auto;color:var(--blue);flex-shrink:0;width:30px;height:40px;display:grid;place-items:center;transition:transform .2s}.service-list details[open] .service-plus{transform:rotate(45deg)}.service-list details[open] summary strong{color:var(--blue)}.service-body{display:grid;gap:15px;padding:0 0 25px;font-size:15px;color:var(--muted);line-height:1.75}.service-body p{margin:0 0 10px}.service-body h3{font-size:15px;color:var(--ink);margin-bottom:8px}.service-body ul{padding-left:20px;margin:14px 0 0}.service-body small{font-size:12px;display:block;margin-top:10px}.scope-note{font-size:12px;color:var(--muted);margin-top:20px}.portfolio{background:var(--navy);color:var(--white)}.portfolio .section-heading>p{color:#bdd0e5}.work-grid{display:grid;grid-auto-flow:column;grid-auto-columns:87%;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:var(--cyan) var(--navy);margin-right:-20px;padding-right:20px}.project{display:block;scroll-snap-align:start}.project-image{height:300px;overflow:hidden;border-radius:7px;background:var(--navy-soft)}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.project:hover img{transform:scale(1.025)}.project-name h3{font-size:17px;line-height:1.4;margin:15px 0 5px;letter-spacing:-.2px}.project-name span{font-size:13px;color:var(--cyan)}.portfolio-note{font-size:12px;color:#bdd0e5;margin:15px 0 0}.steps{display:grid;gap:24px}.steps article{padding-top:22px;border-top:1px solid var(--line)}.steps article>span{font-size:13px;color:var(--blue)}.steps h3{font-size:21px;letter-spacing:-.5px;line-height:1.3;margin-top:10px}.steps p{font-size:15px;color:var(--muted);line-height:1.8;margin:12px 0 0}.closing{background:var(--blue);color:var(--white)}.closing-inner{padding-top:50px;padding-bottom:50px}.referral-note{font-size:13px;line-height:1.6;margin:0 0 18px;color:#d9edff}.closing h2{font-size:52px;line-height:.98}.closing p:not(.referral-note){font-size:16px;line-height:1.7;max-width:300px;margin:22px 0}.light{color:var(--ink);background:var(--white);width:100%;max-width:350px}.phone{display:block;font-size:13px;margin-top:23px;text-decoration:underline;text-underline-offset:5px;line-height:1.7}footer{background:var(--navy);color:var(--white);padding:35px 0 100px}.footer-inner{display:flex;gap:25px;flex-wrap:wrap;align-items:center}.footer-inner>p{color:#bdd0e5;font-size:13px;margin:0}.footer-inner>div{display:flex;justify-content:space-between;width:100%;font-size:13px;border-top:1px solid #ffffff26;padding-top:15px}.share{background:none;border:0;color:var(--cyan);padding:10px 0;font-size:13px}#share-status{width:100%}#share-status:empty{display:none}.mobile-action{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:10px 20px max(10px,env(safe-area-inset-bottom));background:#071c36f5;backdrop-filter:blur(12px);border-top:1px solid #ffffff26;transform:translateY(110%);transition:transform .2s}.mobile-action.visible{transform:translateY(0)}.mobile-action>a{display:block;padding:13px;text-align:center;color:var(--white);background:var(--blue);border-radius:5px;font-size:14px;font-weight:700}.skip{position:fixed;top:-100px;background:var(--white);color:var(--ink);padding:15px;z-index:20}.skip:focus{top:5px}@media(min-width:700px){.wrap{width:calc(100% - 80px)}.nav{height:110px}.brand{width:197px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-top:38px;padding-bottom:45px}.hero h1{font-size:90px}.hero-work{margin:0}.work-stack{height:440px;margin:0 -30px}.work-shot{height:350px;width:63%}.shot-one{left:-10%;top:60px}.shot-two{left:20%;top:15px}.shot-three{right:-25%;top:85px}.work-caption{position:relative;padding:15px 0 0}.hero-base{display:flex;justify-content:space-between;align-items:center;padding:25px 0}.hero-base p{font-size:14px}.hero-base strong{font-size:23px;margin:0}.section{padding:80px 0}.section-heading{display:flex;gap:45px;justify-content:space-between;align-items:flex-end;margin-bottom:40px}h2{font-size:58px}.section-heading>p{max-width:330px;font-size:16px;margin:0}.problem-layout{grid-template-columns:1fr 1fr;gap:50px}.problem{padding:19px;font-size:18px}.recommendation{padding-left:25px}.recommendation h3{font-size:38px}.service-list summary{padding:27px 0}.service-list summary>span:first-child{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;flex:1}.service-list summary strong{font-size:24px}.service-list summary small{font-size:14px;max-width:none;margin:0}.service-body{grid-template-columns:1fr 1fr;gap:60px;padding-bottom:30px;padding-right:70px}.work-grid{grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin:0;padding:0;gap:24px}.project-image{height:300px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.closing-inner{padding:70px 0}.closing h2{font-size:76px}.closing p:not(.referral-note){max-width:none}.closing .light{width:auto;min-width:280px}.closing .phone{display:inline-block;margin-left:25px}footer{padding:35px 0}.footer-inner{justify-content:space-between}.footer-inner>div{width:auto;border:0;gap:30px;padding:0}.mobile-action{display:none}}@media(min-width:1100px){.hero{gap:80px;padding-top:40px;padding-bottom:55px}.hero h1{font-size:112px}.intro{font-size:19px;max-width:440px}.work-stack{height:470px}.work-shot{height:400px;width:59%}.shot-one{left:-8%;top:40px}.shot-two{left:22%;top:0}.shot-three{right:-14%;top:75px}.work-caption{margin-top:5px}.project-image{height:360px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.opening,.portfolio,.closing,footer{background:var(--white);color:var(--ink)}.nav,.hero-work,.mobile-action,.button,.hero-secondary,.phone,.share{display:none}.wrap{width:100%}.hero{display:block;padding:10px 0}.hero h1{font-size:40px}.section{padding:20px 0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr)}.project-image{height:120px}.project-name h3{font-size:12px}h2{font-size:30px}.service-list summary{padding:10px 0}.closing-inner{padding:15px 0}.closing h2{font-size:32px}footer{padding:10px 0}.service-list details{break-inside:avoid}}

/* Service catalog is the primary referral content. */
.hero-work,.hero-base{display:none}.hero{padding-bottom:32px}.hero h1{font-size:clamp(58px,15vw,84px)}.use-case{border-left:3px solid var(--blue);padding-left:18px}.services .section-heading>p{max-width:410px}.service-list summary small{max-width:100%}@media(min-width:700px){.hero-work{display:block}.hero h1{font-size:90px}.hero{padding-bottom:45px}}