/* Dimensional surfaces keep content in the normal, readable document plane. */
:root{--paper:#eef0f4;--ink:#171d2b;--muted:#4e586a;--line:#d3d8e1;--blue:#2547d9}
body{background:radial-gradient(ellipse at 5% 0%,#fff9ed 0%,transparent 38%),radial-gradient(ellipse at 100% 15%,#e5edf9 0%,transparent 40%),#eef0f4;background-attachment:scroll;color:var(--ink)}
.header{border-bottom-color:#cbd2df91;padding-block:22px}.brand{letter-spacing:-.025em}.brand span{letter-spacing:0}nav a{transition:color .18s}nav a:hover{color:var(--blue)}
.proposal-scene{position:relative;isolation:isolate;margin:32px 0 28px}.ambient{position:absolute;z-index:-2;inset:-28px 0;overflow:hidden;border-radius:60px;pointer-events:none}.ambient i{position:absolute;display:block;border-radius:50%;filter:blur(24px)}.orb-blue{width:49%;height:90%;left:38%;top:10%;background:radial-gradient(ellipse at 40% 30%,#78cff5 0%,#64b1e7 28%,#a4c7ef 52%,transparent 72%);transform:rotate(-24deg)}.orb-gold{width:35%;height:92%;right:0;top:13%;background:radial-gradient(ellipse at 35% 40%,#d1ae69 0%,#e9c98f 34%,#f5e6ce 53%,transparent 74%);transform:rotate(20deg)}
.proposal-scene::after{content:"";position:absolute;z-index:-1;inset:9px 8px -7px;border:1px solid #fff9;border-radius:26px;background:linear-gradient(140deg,#fdfefeac,#cbd3e06b);box-shadow:0 18px 30px -20px #44516c70;transform:rotate(-.45deg);pointer-events:none}
.proposal{position:relative;grid-template-columns:1.25fr 1fr;gap:40px;margin:0;padding:30px;border:1px solid #fffffff2;border-bottom-color:#a7b2c678;border-radius:24px;background:linear-gradient(120deg,#ffffffea 0%,#f9fbffcc 47%,#f8faff96 100%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 5px #a6b6ca2b,0 2px 3px #7889a32b,0 20px 38px -22px #34476382;isolation:isolate}
.hero-copy{min-width:0}.eyebrow{color:#495f95;font-size:11px;letter-spacing:.09em}.proposal h1{font-size:clamp(36px,4.4vw,54px);letter-spacing:-.055em;line-height:1.08;text-shadow:0 1px 0 #fff}.intro{font-size:18px;line-height:1.5;max-width:39ch}.byline{font-size:13px;color:#505e70}
.price-card{min-width:0;border:1px solid #fff;border-right-color:#b4becc90;border-bottom-color:#a5b1c58c;border-radius:16px;background:linear-gradient(135deg,#ffffffed,#f9fbffe6 56%,#eef2f8e0);box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #b6c3d340,6px 8px 17px -13px #3a4d6caa,0 18px 35px -25px #3f526e66;padding:24px}.price{font-size:44px;text-shadow:0 1px 0 #fff}.price-card .trust-note{color:#39465b!important;border-top:1px solid #aebcce70;padding-top:11px;margin-top:12px;font-size:12px!important;line-height:1.45}.price-note{font-size:12px!important}.primary{border:1px solid #2344d1;background:linear-gradient(180deg,#3e5cf0 0%,#2547d9 55%,#2340c2 100%);box-shadow:inset 0 1px 1px #b7c7ff85,inset 0 -2px 1px #112a9d35,0 4px 7px -4px #14329b70;transition:box-shadow .18s,transform .18s}.primary:hover{background:linear-gradient(180deg,#3556e8,#1c38bd);box-shadow:inset 0 1px 1px #b7c7ff85,0 7px 12px -7px #14329ba0;transform:translateY(-1px)}.primary:active{transform:translateY(1px)}
.scope-section{border-top:0;padding-top:14px;padding-bottom:24px}.scope-grid{gap:24px}.scope-grid strong{font-size:16px}.scope-grid p{font-size:15px}.works-section{padding-top:26px}.section-heading>span{color:#536179}.project{position:relative;border:1px solid #fffffff0;border-bottom-color:#bac5d699;border-right-color:#c8d2e2;border-radius:14px;background:linear-gradient(130deg,#ffffffdf,#f8fbffd9 65%,#eaf1fbd6);box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #b4c2d329,0 8px 16px -13px #4657758c;transition:border-color .18s,box-shadow .18s}.project:hover{border-color:#acbee5;box-shadow:inset 0 1px 1px #fff,0 10px 20px -14px #354e7a99}.project details{border-top-color:#c2cbd980}.project h3{font-size:21px}.project h3 a:hover{color:var(--blue)}.site-preview{background:#f7f8fa;border-color:#fff;border-radius:7px;box-shadow:0 1px 3px #33415530;min-height:0}.project-body>p:last-child{color:#465267}.project-category{color:#56647a}.more-section{border-color:#c7cfdd}.more-section>details{border-color:#c7cfdd}.contact-section{padding-top:24px}.footer{border-color:#c7cfdd}input,select{background:#ffffffd9;border-color:#b8c5d8}.brief summary{color:#4e5e77}
@media(max-width:800px){.proposal{gap:24px;padding:24px;grid-template-columns:1.1fr 1fr}.proposal h1{font-size:38px}.intro{font-size:17px}.price-card{padding:18px}.price{font-size:36px}.proposal .button{font-size:14px;padding-inline:12px}}
@media(max-width:560px){.header{padding-block:17px}.proposal-scene{margin:24px 0 22px}.proposal{grid-template-columns:1fr;gap:20px;padding:22px 18px;border-radius:20px;background:linear-gradient(125deg,#ffffffed,#f7faffcf 60%,#edf3fad6)}.proposal-scene::after{inset:7px 5px -5px;border-radius:22px}.ambient{inset:-24px 0;border-radius:40px}.orb-blue{left:19%;top:7%;width:82%;height:68%}.orb-gold{width:76%;height:68%;top:30%;right:0}.proposal h1{font-size:36px;line-height:1.08}.eyebrow{font-size:10px;margin-bottom:10px}.intro{font-size:16px;margin-top:14px}.intro br{display:none}.byline{font-size:12px;margin-top:10px}.price-card{padding:18px;border-radius:13px}.price{font-size:38px}.price span{font-size:14px}.price-label{font-size:14px}.price-card>p:not(.price):not(.price-label){font-size:13px}.price-card .button{font-size:14px;gap:8px;padding-inline:10px}.price-card .trust-note{font-size:12px!important;padding-top:9px;margin-top:10px}.scope-section{padding-top:10px;padding-bottom:22px}.scope-grid{gap:12px}.scope-grid p{font-size:14px}.project{padding:14px;gap:10px 12px}.project h3{font-size:20px}.project-body>p:last-child{font-size:14px}.contact-section p{font-size:14px}.contact-section .button{font-size:15px}}
@media(max-width:359px){.proposal{padding:20px 14px}.proposal h1{font-size:32px}.intro{font-size:16px}.price-card{padding:15px}.price{font-size:35px}.proposal .button{font-size:13px;gap:6px}.price-note{font-size:12px!important}.project{grid-template-columns:82px minmax(0,1fr)}.project h3{font-size:18px}}
@supports not (backdrop-filter:blur(1px)){.proposal{background:linear-gradient(120deg,#fcfdff,#edf3fb)}.price-card{background:#fbfcff}}
@media(prefers-reduced-motion:reduce){.primary,nav a,.project{transition:none}.primary:hover,.primary:active{transform:none}}

.project-feature{grid-column:1/-1}
@media(min-width:801px){.project-feature{grid-template-columns:200px minmax(0,1fr)}}

/* A quiet drafting layer and a short, semantic customer journey. */
body{position:relative;isolation:isolate;background-color:#eef1f6}
body::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#687da30b 1px,transparent 1px),linear-gradient(90deg,#687da30b 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(#000, #0009 65%,transparent)}
body::after{content:"";position:absolute;z-index:-1;inset:95px 0 0;pointer-events:none;background:url("assets/blueprint.svg") center top/1600px 1050px no-repeat;opacity:.55}
.proposal::before{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid #7089bb18;border-radius:15px}
.proposal{gap:32px}
.hero-copy .intro{max-width:31ch;margin-bottom:0}
.client-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:22px 0 14px;gap:19px}
.client-path li{position:relative;min-width:0}
.client-path li:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:7px;font-size:19px;color:#5979b1}
.diagram-icon{display:block;width:33px;height:33px;color:#345ca7;margin-bottom:9px}
.client-path strong{display:block;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:-.025em;color:#233956}
.client-path span{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:#53627a}
.hero-copy .byline{margin-top:14px}
.scope-grid p{position:relative;padding:3px 0 3px 47px}
.scope-icon{position:absolute;width:32px;height:32px;left:0;top:4px;color:#345ca7}
.scope-section{position:relative}
.scope-section::before{content:"";position:absolute;left:15px;right:15px;top:72px;border-top:1px dashed #6986b840;z-index:-1}
.scope-grid p{background:linear-gradient(90deg,#eef1f6 80%,#eef1f600)}
.section-heading h2::before,.scope-section h2::before{content:"";display:inline-block;width:7px;height:7px;border:1px solid #466aa7;margin-right:10px;vertical-align:middle;box-shadow:3px 3px 0 #b4c7e84d}
@media(max-width:800px) and (min-width:561px){.proposal{grid-template-columns:1.1fr 1fr;gap:22px}.client-path{gap:11px}.client-path strong{font-size:12px}.client-path span{font-size:11px}.client-path li:not(:last-child)::after{right:-9px;font-size:15px}.scope-grid p{padding-left:38px}}
@media(max-width:560px){body::after{background-size:1100px 722px;opacity:.25}.proposal{gap:18px}.client-path{gap:16px;margin:18px 0 12px}.diagram-icon{width:29px;height:29px;margin-bottom:7px}.client-path strong{font-size:13px}.client-path span{font-size:11px}.client-path li:not(:last-child)::after{right:-11px;top:4px;font-size:17px}.scope-grid p{padding-left:43px;padding-block:4px;background:none}.scope-section::before{left:15px;right:auto;top:69px;bottom:37px;border-top:0;border-left:1px dashed #6986b840}.scope-icon{background:#eef1f6;top:5px}.proposal::before{inset:9px;border-radius:12px}}
@media(max-width:359px){.client-path{gap:12px}.client-path strong{font-size:12px}.client-path span{font-size:11px}.client-path li:not(:last-child)::after{right:-10px}.hero-copy .intro{font-size:16px}}