.hero{align-items:end;gap:var(--space-lg) var(--space-md);min-height:100dvh;padding:calc(var(--space-lg) + 4rem) var(--gutter) var(--space-lg);max-width:var(--max-width);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) 380px;margin-inline:auto;display:grid;position:relative;overflow:clip}.hero-bg{z-index:-1;background:radial-gradient(55% 45% at 70% 25%,#ff4e2f29,#0000 62%),radial-gradient(40% 40% at 10% 90%,#ff4e2f0f,#0000 70%),linear-gradient(#0a0a0b 0%,#0e0e10 100%);position:absolute;inset:0}.hero-grid-lines{z-index:-1;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 60% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 60% 40%,#000 30%,#0000 75%)}.hero-copy{grid-column:1}.hero-eyebrow{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-muted);margin-bottom:var(--space-md);display:inline-flex}.live-dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px;position:relative}.live-dot:after{content:"";border:1px solid var(--color-accent);animation:live-ping 2s var(--ease-out-quart) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes live-ping{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.hero-hud{top:calc(var(--space-lg) + 3.5rem);right:var(--gutter);gap:var(--space-xs);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-text-dim);font-variant-numeric:tabular-nums;display:flex;position:absolute}.hero-title{letter-spacing:-.035em;font-size:clamp(3rem,.8rem + 6.4vw,8.25rem);line-height:.98}.hero-title .line{padding-bottom:.06em;display:block;overflow:clip}.hero-title .line>span{display:inline-block}.hero-sub{max-width:46ch;margin-top:var(--space-md);font-size:var(--text-lg);color:var(--color-text-muted)}.hero-sub strong{color:var(--color-text);font-weight:500}.hero-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.hero-proof{gap:var(--space-xs) var(--space-md);margin-top:var(--space-lg);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-dim);flex-wrap:wrap;display:flex}.hero-proof li{align-items:center;gap:.5rem;display:flex}.hero-proof li:before{content:"";background:var(--color-text-dim);border-radius:50%;width:4px;height:4px}.blueprint{width:100%;max-width:380px;padding:var(--space-md);box-shadow:inset 0 0 0 1px var(--color-border), 0 30px 80px -30px #ff4e2f59, 0 20px 40px -20px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#1a1a1deb,#131315eb);border-radius:16px;grid-area:1/2/span 2;align-self:end;margin-bottom:104px;rotate:2deg}.blueprint-head{font-size:var(--text-xs);color:var(--color-text-dim);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;display:flex}.blueprint-quote{margin-top:var(--space-sm);font-family:var(--font-display);font-size:var(--text-lg);line-height:1.3}.blueprint-quote:before{content:"“";color:var(--color-accent)}.blueprint-quote:after{content:"”";color:var(--color-accent)}.blueprint-row{justify-content:space-between;align-items:baseline;gap:var(--space-sm);box-shadow:inset 0 1px 0 var(--color-border);font-size:var(--text-sm);margin-top:.75rem;padding-top:.75rem;display:flex}.blueprint-row dt{color:var(--color-text-dim)}.blueprint-row dd{text-align:right;font-weight:500}.blueprint-row .price{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent)}.blueprint-tag{margin-top:var(--space-sm);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.04em;align-items:center;gap:.4rem;padding:.3rem .7rem;display:inline-flex}@media (max-width:1100px){.hero{grid-template-rows:auto;grid-template-columns:1fr}.blueprint{grid-area:auto/1;justify-self:start;margin-bottom:0;rotate:0deg}.hero-hud{display:none}}@media (max-width:640px){.hero{min-height:auto;padding-top:7rem}.hero-actions .btn{width:100%}}.problem-list{box-shadow:0 1px 0 var(--color-border)}.problem-row{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-sm);box-shadow:inset 0 1px 0 var(--color-border);border-radius:var(--radius-md);transition:background-color var(--duration-normal) var(--ease-out-expo);grid-template-columns:3rem minmax(0,1.3fr) minmax(0,1.1fr) 44px;display:grid}.problem-row:hover,.problem-row:focus-visible{background:var(--color-bg-raised)}.problem-index{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-dim);letter-spacing:.1em}.problem-quote{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-muted);transition:color var(--duration-normal);line-height:1.2}.problem-row:hover .problem-quote{color:var(--color-text)}.problem-service strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;display:block}.problem-service span{font-size:var(--text-sm);color:var(--color-text-muted)}.problem-price{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.problem-price b{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);font-weight:600;display:block}.round-arrow{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--color-border);transition:transform var(--duration-normal) var(--ease-out-expo), background-color var(--duration-fast), color var(--duration-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.round-arrow svg{width:18px;height:18px}.problem-row:hover .round-arrow{background:var(--color-accent);color:var(--color-on-accent);box-shadow:none;transform:rotate(45deg)}@media (max-width:900px){.problem-row{gap:var(--space-xs) var(--space-sm);padding:var(--space-md) 0;grid-template-columns:1fr}.problem-index{display:none}.problem-quote{font-size:var(--text-lg);grid-column:1/-1}.problem-price{text-align:right}.round-arrow{display:none}}.work-grid{gap:var(--gutter);grid-template-columns:repeat(12,1fr);display:grid}.work-card{border-radius:var(--radius-md);background:var(--color-surface);min-height:320px;display:block;position:relative;overflow:clip}.work-card[data-span="8"]{grid-column:span 8}.work-card[data-span="7"]{grid-column:span 7}.work-card[data-span="5"]{grid-column:span 5}.work-card[data-span="4"]{grid-column:span 4}.work-card img{object-fit:cover;filter:grayscale(.5)brightness(.72);width:100%;height:100%;transition:filter var(--duration-normal) var(--ease-out-quart);position:absolute;inset:0;scale:1.08}.work-card:hover img{filter:grayscale(0)brightness(.88)}.work-overlay{justify-content:space-between;align-items:flex-end;gap:var(--space-sm);padding:var(--space-md);background:linear-gradient(#0000 40%,#000000b3);display:flex;position:absolute;inset:0}.work-title{font-size:var(--text-lg);font-weight:500}.work-tags{gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;margin-top:.4rem;display:flex}.work-year{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.work-card .round-arrow{top:var(--space-sm);right:var(--space-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#0a0a0b80;position:absolute;transform:scale(.85)rotate(-40deg)}.work-card:hover .round-arrow{opacity:1;transform:none}@media (hover:none){.work-card .round-arrow{opacity:1;transform:none}}.metric-card{justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:radial-gradient(80% 60% at 100% 0%, #ff4e2f24, transparent 60%), var(--color-bg-raised);box-shadow:inset 0 0 0 1px var(--color-border);flex-direction:column;display:flex}.metric-value{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-accent);font-size:clamp(3rem,2rem + 4vw,6rem);font-weight:600;line-height:1}.metric-label{margin-top:var(--space-xs);color:var(--color-text-muted);max-width:28ch}.metric-flow{font-size:var(--text-sm);gap:.35rem;display:grid}.metric-flow span{color:var(--color-text-dim)}.metric-flow b{font-weight:500}.cta-card{justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--color-accent);color:var(--color-on-accent);flex-direction:column;display:flex}.cta-card h3{font-size:var(--text-2xl);max-width:14ch}.cta-card .round-arrow{opacity:1;background:0 0;position:static;transform:none;box-shadow:inset 0 0 0 1px #0a0a0b66}.cta-card:hover .round-arrow{background:var(--color-on-accent);color:var(--color-accent);transform:rotate(45deg)}@media (max-width:900px){.work-card[data-span]{grid-column:span 12;min-height:260px}}.process{background:var(--color-bg-raised);overflow:clip}.process-inner{padding-block:var(--space-section)}.process-head{padding-inline:var(--gutter);max-width:var(--max-width);margin:0 auto var(--space-lg)}.process-track{gap:var(--gutter);padding-inline:var(--gutter);width:max-content;display:flex}.process-step{width:min(72vw,520px);min-height:380px;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);flex-direction:column;flex:none;justify-content:space-between;display:flex}.process-step:last-child{background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-accent)}.process-num{font-family:var(--font-display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px var(--color-text-dim);font-size:clamp(5rem,3rem + 6vw,9rem);font-weight:600;line-height:.85}.process-step h3{font-size:var(--text-2xl)}.process-step p{margin-top:var(--space-xs);color:var(--color-text-muted);max-width:34ch}@media (max-width:899px){.process-track{flex-direction:column;width:auto}.process-step{gap:var(--space-md);width:auto;min-height:0}}.pricing-grid{gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.price-col{gap:var(--space-sm);padding-top:var(--space-sm);box-shadow:inset 0 1px 0 var(--color-border);transition:box-shadow var(--duration-normal) var(--ease-out-expo);flex-direction:column;display:flex}.price-col:hover{box-shadow:inset 0 2px 0 var(--color-accent)}.price-name{font-size:var(--text-lg)}.price-tagline{font-size:var(--text-sm);color:var(--color-text-muted);min-height:3em}.price-from{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim)}.price-amount{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.03em;font-weight:600;line-height:1}.price-note{font-size:var(--text-xs);color:var(--color-text-dim);min-height:3.2em}.price-includes{margin-block:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted);gap:.55rem;display:grid}.price-includes li{grid-template-columns:18px 1fr;gap:.5rem;display:grid}.price-includes svg{width:16px;height:16px;color:var(--color-accent);margin-top:.2em}.price-time{font-size:var(--text-sm)}.price-time span{color:var(--color-text-dim)}.price-col .btn{margin-top:auto}.pricing-notes{gap:var(--space-xs);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.guarantee-band{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md);background:radial-gradient(60% 120% at 0% 50%, #ff4e2f24, transparent 70%), var(--color-bg-raised);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:16px;grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);display:grid}.guarantee-title{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.15}.guarantee-list{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.guarantee-list li{gap:.25rem;display:grid}.guarantee-value{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.03em;color:var(--color-accent);font-weight:600;line-height:1}.guarantee-label{font-weight:600}.guarantee-detail{font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width:900px){.guarantee-band{grid-template-columns:1fr}.guarantee-list{gap:var(--space-sm);grid-template-columns:1fr}}@media (max-width:1100px){.pricing-grid{row-gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr}}.about{gap:var(--space-lg);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.about-statement{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;line-height:1.2}.about-bio{margin-top:var(--space-md);color:var(--color-text-muted);max-width:52ch}.about-person{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);display:flex}.monogram{background:var(--color-accent);width:56px;height:56px;color:var(--color-on-accent);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.4rem;font-weight:700;display:grid}.about-person p{font-size:var(--text-sm);color:var(--color-text-muted)}.about-person strong{color:var(--color-text);font-size:var(--text-base);display:block}.stat-row{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.stat{padding-top:var(--space-xs);box-shadow:inset 0 1px 0 var(--color-border)}.stat-value{font-family:var(--font-display);font-size:var(--text-xl)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.skill-list{margin-block:var(--space-lg);flex-wrap:wrap;gap:.6rem;display:flex}@media (max-width:900px){.about{grid-template-columns:1fr}}.faq{gap:var(--space-lg);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.faq-list{box-shadow:0 1px 0 var(--color-border)}.faq-item{box-shadow:inset 0 1px 0 var(--color-border)}.faq-item summary{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;font-family:var(--font-display);font-size:var(--text-lg);cursor:pointer;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{width:22px;height:22px;color:var(--color-text-dim);transition:transform var(--duration-normal) var(--ease-out-expo), color var(--duration-fast);flex:0 0 22px}.faq-item[open] summary svg{color:var(--color-accent);transform:rotate(45deg)}.faq-item summary:hover svg{color:var(--color-text)}.faq-item p{padding-bottom:var(--space-md);color:var(--color-text-muted);max-width:60ch}@media (max-width:900px){.faq{grid-template-columns:1fr}}.final-cta{background:var(--color-bg-raised)}.final-cta-inner{max-width:var(--max-width);padding:var(--space-section) var(--gutter) var(--space-lg);margin-inline:auto}.final-title{font-size:var(--text-section);max-width:18ch}.final-actions{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.contact-link{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-xl);display:inline-flex}.contact-link svg{width:24px;height:24px}.metric-title{margin-top:.5rem}.process-title{margin-top:var(--space-sm)}.problem-examples{font-size:var(--text-xs);color:var(--color-text-dim);margin-top:.5rem;line-height:1.6}.problem-row:hover .problem-examples{color:var(--color-text-muted)}.marquee{padding-block:var(--space-md);box-shadow:inset 0 1px 0 var(--color-border), inset 0 -1px 0 var(--color-border);position:relative;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.marquee-track{width:max-content;animation:48s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-list{flex-shrink:0;display:flex}.marquee-list li{align-items:center;gap:var(--space-md);padding-right:var(--space-md);font-family:var(--font-display);font-size:var(--text-xl);white-space:nowrap;color:var(--color-text-muted);display:flex}.marquee-list li:after{content:"";background:var(--color-accent);border-radius:50%;width:8px;height:8px}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{flex-wrap:wrap;width:auto;animation:none}.marquee-list[aria-hidden=true]{display:none}.marquee-list{row-gap:var(--space-xs);padding-inline:var(--gutter);flex-wrap:wrap}}.experience{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);box-shadow:inset 0 1px 0 var(--color-border);grid-template-columns:minmax(0,.6fr) minmax(0,2fr);display:grid}.experience-title{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim)}.experience-list{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.experience-item{grid-template-rows:40px auto auto;align-content:start;gap:.35rem;display:grid}.experience-item .experience-logo{align-self:center;margin-bottom:0}.experience-logo{filter:brightness(0)invert();opacity:.72;width:auto;height:28px;transition:filter var(--duration-normal) var(--ease-out-quart), opacity var(--duration-normal);margin-bottom:.4rem}.experience-item:hover .experience-logo{filter:none;opacity:1}.experience-role{flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:500;display:flex}.experience-now{border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--text-xs);align-items:center;gap:.35rem;padding:.1rem .55rem;font-weight:500;display:inline-flex}.experience-now:before{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px}.experience-unit{font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width:900px){.experience{grid-template-columns:1fr}.experience-list{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.experience-list{grid-template-columns:1fr}}.experience-logo[src*=hsbc]{height:34px}
