:root{--ink:#10131b;--deep:#070a12;--muted:#5f6676;--line:#dce2ea;--surface:#f7f9fc;--white:#fff;--blue:#b98524;--cyan:#f4c76b;--green:#fff2c7;--coral:#c46b37;--gold:#b98524;--gold-bright:#f4c76b;--champagne:#fff2c7;--espresso:#0b0d12;--bronze:#5f421c;--shadow:0 24px 80px #10131b24}*{box-sizing:border-box}img,svg{max-width:100%}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 18% 12%,#f4c76b38,#0000 28rem),radial-gradient(circle at 88% 18%,#b9852433,#0000 32rem),linear-gradient(#fffaf1 0%,#f7efe0 46%,#fff 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body:before{content:"";pointer-events:none;z-index:-3;background-image:linear-gradient(#b985240f 1px,#0000 1px),linear-gradient(90deg,#b985240f 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 72%);mask-image:linear-gradient(#000 0%,#0000 72%)}a{color:inherit;text-decoration:none}main,.site-header,.footer{z-index:1;position:relative}.scroll-code-bg{pointer-events:none;z-index:-2;position:fixed;inset:0;overflow:hidden}.scroll-code-bg:after{content:"";background:linear-gradient(90deg,#f8fbff14 0%,#ffffff80 36%,#ffffff7a 64%,#f8fbff14 100%),linear-gradient(#fff0,#ffffff94 92%);position:absolute;inset:0}.typed-code-panel{color:#dbeafe;background:#0d1320c7;border:1px solid #b9852447;border-radius:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;position:absolute;overflow:hidden;box-shadow:0 26px 90px #10131b1f}.typed-code-main{opacity:.55;max-width:760px;transform:translate3d(-50%, calc(var(--scroll-code,0px) * -1), 0) rotate(-2deg);width:min(64vw,820px);top:96px;left:48%}.typed-code-accent{opacity:.45;max-width:520px;transform:translate3d(0, calc(var(--scroll-code,0px) * -1.4), 0) rotate(6deg);width:min(42vw,520px);top:44vh;right:-90px}.typed-code-topbar{background:#182235f5;align-items:center;gap:8px;height:38px;padding:0 14px;display:flex}.typed-code-topbar span{border-radius:999px;width:9px;height:9px;display:block}.typed-code-topbar span:first-child{background:var(--coral)}.typed-code-topbar span:nth-child(2){background:#f4bd4f}.typed-code-topbar span:nth-child(3){background:var(--green)}.typed-code-topbar strong{color:#9fb0cb;margin-left:8px;font-size:.74rem}.typed-code-panel pre{color:#dbeafe;gap:5px;max-height:560px;padding:18px;font-size:.78rem;display:grid;overflow:hidden}.typed-code-panel pre span{grid-template-columns:28px 1fr;gap:12px;min-height:17px;display:grid}.typed-code-panel i{color:#9fb0cb8f;text-align:right;font-style:normal}.typed-code-panel code{color:#dbeafe;white-space:pre}.typing-caret{background:var(--cyan);width:8px;height:16px;margin-left:40px;animation:.9s step-end infinite caretBlink;display:block}@keyframes caretBlink{50%{opacity:0}}.code-stream{color:#b98524b3;flex-direction:column;gap:18px;width:min(420px,42vw);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.35;display:flex;position:absolute;top:-20vh}.code-stream span{white-space:nowrap;background:#ffffffe6;border:1px solid #b9852452;border-radius:8px;padding:10px 12px}.code-stream-left{transform:translate3d(0, calc(var(--scroll-code,0px) * -1), 0) rotate(-8deg);left:-70px}.code-stream-right{transform:translate3d(0, var(--scroll-code,0px), 0) rotate(8deg);right:-80px}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#ffffffc7;border-bottom:1px solid #dce2ead6;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,72px);display:flex;position:sticky;top:0;left:0;right:0}.brand,.brand img{display:block}.nav{align-items:center;gap:clamp(16px,3vw,34px);font-size:.94rem;font-weight:700;display:flex}.nav a{color:#303747}.nav a:hover{color:var(--blue)}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:clamp(34px,5vw,80px);min-height:calc(100vh - 82px);padding:clamp(60px,8vw,112px) clamp(20px,5vw,72px) clamp(42px,6vw,82px);display:grid}.hero-copy{align-self:center;max-width:780px}.eyebrow{color:var(--blue);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{max-width:920px;margin-bottom:24px;font-size:clamp(2.65rem,5vw,5rem);line-height:1}h2{max-width:900px;margin-bottom:0;font-size:clamp(2rem,4vw,4.2rem);line-height:1}h3{margin-bottom:14px;font-size:1.35rem;line-height:1.15}.lead{color:var(--muted);max-width:700px;font-size:clamp(1.02rem,1.45vw,1.22rem)}.hero-actions,.cta-section{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:900;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:var(--white);box-shadow:0 14px 36px #10131b3d}.button-secondary{background:var(--white);border:1px solid var(--line);color:var(--ink)}.hero-visual{aspect-ratio:.92;background:linear-gradient(135deg, #b9852424, #f4c76b1f), var(--surface);border:1px solid var(--line);border-radius:8px;align-self:center;min-height:520px;position:relative;overflow:hidden}.hero-visual:before{content:"";opacity:.5;background-color:#0000;background-image:linear-gradient(90deg,#0000 0 48%,#ffffff57 49% 51%,#0000 52%),linear-gradient(0deg,#0000 0 48%,#ffffff47 49% 51%,#0000 52%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.orbit{border:1px solid #b9852438;border-radius:999px;position:absolute}.orbit-one{width:520px;height:520px;top:-120px;right:-160px}.orbit-two{width:420px;height:420px;bottom:-140px;left:-120px}.code-panel{box-shadow:var(--shadow);background:#111827;border:1px solid #ffffff1f;border-radius:8px;width:440px;max-width:86%;position:absolute;top:46%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.panel-top{background:#1e293b;align-items:center;gap:8px;height:42px;padding:0 16px;display:flex}.panel-top span{border-radius:999px;width:10px;height:10px;display:block}.panel-top span:first-child{background:var(--coral)}.panel-top span:nth-child(2){background:#f4bd4f}.panel-top span:nth-child(3){background:var(--green)}pre{color:#dbeafe;margin:0;padding:26px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.8rem,1.2vw,1rem);line-height:1.65;overflow-x:auto}.metric-card{background:var(--white);border:1px solid var(--line);border-radius:8px;width:178px;padding:18px;position:absolute;box-shadow:0 18px 50px #10131b1f}.metric-card strong,.metric-card span{display:block}.metric-card strong{font-size:1.35rem}.metric-card span{color:var(--muted);font-size:.9rem;font-weight:700}.metric-a{bottom:64px;left:30px}.metric-b{top:78px;right:28px}.section{padding:clamp(66px,8vw,112px) clamp(20px,5vw,72px)}.page-hero{min-height:58vh;padding:clamp(82px,10vw,142px) clamp(20px,5vw,72px) clamp(52px,7vw,92px)}.page-hero h1{max-width:980px}.page-hero .lead{margin-bottom:30px}.intro-band{background:radial-gradient(circle at 18% 30%, #f4c76b38, transparent 24rem), linear-gradient(135deg, var(--ink), #162133);color:var(--white);padding-top:clamp(36px,6vw,62px);padding-bottom:clamp(36px,6vw,62px)}.intro-band p{max-width:1040px;margin:0;font-size:clamp(1.45rem,3vw,3rem);font-weight:900;line-height:1.08}.section-heading{margin-bottom:clamp(28px,5vw,54px)}.build-scroll-section{background:radial-gradient(circle at 12% 18%,#f4c76b24,#0000 28rem),radial-gradient(circle at 82% 34%,#b985242e,#0000 34rem),#ffffffc2;padding:clamp(66px,8vw,112px) clamp(20px,5vw,72px)}.build-heading{max-width:980px;margin-bottom:clamp(34px,6vw,72px)}.build-heading p:last-child{color:var(--muted);max-width:760px;font-size:clamp(1.04rem,1.5vw,1.22rem)}.build-scroll-layout{grid-template-columns:minmax(0,.82fr) minmax(360px,1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.build-copy{gap:24px;display:grid}.build-step{opacity:.48;border-left:3px solid #b9852424;min-height:46vh;padding:6px 0 0 24px;transition:border-color .18s,opacity .18s,transform .18s}.build-step.is-active{border-color:var(--blue);opacity:1;transform:translate(4px)}.build-step span{color:var(--blue);text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:900;display:block}.build-step h3{max-width:520px;font-size:clamp(1.45rem,2.4vw,2.2rem)}.build-step p{color:var(--muted);max-width:520px;font-size:1.05rem}.build-preview{position:sticky;top:108px}.preview-browser{box-shadow:var(--shadow);background:#0c1220;border:1px solid #ffffff24;border-radius:8px;overflow:hidden}.preview-topbar{background:#151f32;align-items:center;gap:9px;height:46px;padding:0 16px;display:flex}.preview-topbar span{border-radius:999px;width:10px;height:10px;display:block}.preview-topbar span:first-child{background:var(--coral)}.preview-topbar span:nth-child(2){background:#f4bd4f}.preview-topbar span:nth-child(3){background:var(--green)}.preview-topbar strong{color:#9fb0cb;margin-left:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.preview-site{background-color:#fffaf1;background-image:linear-gradient(90deg,#b9852414 1px,#0000 1px),linear-gradient(#b9852414 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:520px;padding:clamp(18px,3vw,30px)}.preview-nav,.preview-hero-block,.preview-card-row,.preview-content-row,.preview-contact-row{opacity:0;max-height:0;margin-bottom:0;transition:margin .26s,max-height .26s,opacity .26s,transform .26s,width .26s,background .26s;overflow:hidden;transform:translateY(18px)}.preview-nav{align-items:center;gap:12px;display:flex}.preview-nav i{background:var(--ink);border-radius:8px;width:112px;height:30px;margin-right:auto;display:block}.preview-nav b{background:#e6d4ad;border-radius:999px;width:58px;height:10px;display:block}.preview-hero-block{grid-template-columns:1fr .72fr;gap:24px;display:grid}.preview-hero-block em,.preview-hero-block strong,.preview-hero-block p,.preview-content-row strong,.preview-content-row p{background:#ead8b2;border-radius:8px;display:block}.preview-hero-block em{width:42%;height:12px;margin-bottom:16px}.preview-hero-block strong{width:92%;height:30px;margin-bottom:10px}.preview-hero-block strong:nth-child(3){width:72%}.preview-hero-block p{width:80%;height:54px;margin-top:18px}.preview-hero-block aside{background:radial-gradient(circle at 68% 26%,#f4c76b6b,#0000 7rem),linear-gradient(135deg,#b98524,#10131b);border-radius:8px;min-height:178px}.preview-card-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.preview-card-row span{background:#fff;border:1px solid #dce2ea;border-radius:8px;height:98px;box-shadow:0 12px 34px #10131b14}.preview-content-row{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:22px}.preview-content-row strong{width:52%;height:24px;margin-bottom:12px}.preview-content-row p{width:86%;height:12px;margin-bottom:10px}.preview-content-row p:last-child{width:66%}.preview-contact-row{background:#b98524;border-radius:8px;justify-content:space-between;align-items:center;padding:20px;display:flex}.preview-contact-row span{background:#ffffffc2;border-radius:8px;width:54%;height:22px}.preview-contact-row button{background:#fff;border:0;border-radius:8px;width:132px;height:38px}.build-preview.active-0 .preview-nav,.build-preview.active-1 .preview-nav,.build-preview.active-1 .preview-hero-block,.build-preview.active-2 .preview-nav,.build-preview.active-2 .preview-hero-block,.build-preview.active-2 .preview-card-row,.build-preview.active-3 .preview-nav,.build-preview.active-3 .preview-hero-block,.build-preview.active-3 .preview-card-row,.build-preview.active-3 .preview-content-row,.build-preview.active-4 .preview-nav,.build-preview.active-4 .preview-hero-block,.build-preview.active-4 .preview-card-row,.build-preview.active-4 .preview-content-row,.build-preview.active-4 .preview-contact-row{opacity:1;transform:translateY(0)}.build-preview.active-0 .preview-nav,.build-preview.active-1 .preview-nav,.build-preview.active-2 .preview-nav,.build-preview.active-3 .preview-nav,.build-preview.active-4 .preview-nav{max-height:40px;margin-bottom:32px}.build-preview.active-1 .preview-hero-block,.build-preview.active-2 .preview-hero-block,.build-preview.active-3 .preview-hero-block,.build-preview.active-4 .preview-hero-block{max-height:260px;margin-bottom:26px}.build-preview.active-2 .preview-card-row,.build-preview.active-3 .preview-card-row,.build-preview.active-4 .preview-card-row{max-height:120px;margin-bottom:24px}.build-preview.active-3 .preview-content-row,.build-preview.active-4 .preview-content-row{max-height:160px;margin-bottom:24px}.build-preview.active-4 .preview-contact-row{max-height:90px}.build-code-card,.build-status{color:#dbeafe;background:#0d1320eb;border:1px solid #ffffff1f;border-radius:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;position:absolute;box-shadow:0 18px 44px #10131b29}.build-code-card{max-width:min(520px,92%);padding:14px 16px;bottom:22px;left:-34px}.build-code-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.build-status{align-items:center;gap:18px;padding:14px 16px;display:flex;top:82px;right:-24px}.build-status span{color:#9fb0cb;font-size:.72rem;font-weight:900}.build-status strong{color:#fff;font-size:1.4rem}.glass-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc2}.service-grid,.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.service-card{background:#ffffffc7;border:1px solid #dce2eaeb;border-radius:8px;min-height:282px;padding:24px;box-shadow:0 18px 44px #10131b0f}.service-icon{background:var(--ink);color:var(--white);border-radius:8px;justify-content:center;align-items:center;width:42px;height:36px;margin-bottom:28px;font-size:.78rem;font-weight:900;display:inline-flex}.service-card p,.experience-copy p,.project-feature p,.process-card p,.detail-card p,.wide-copy,.contact-panel p,.contact-notes p,.trust-grid p,.footer p{color:var(--muted)}.split-section{background:linear-gradient(135deg,#eef7f5eb,#f5fbffeb),#ffffffbd}.experience-copy{columns:2;column-gap:36px;max-width:1040px;font-size:1.08rem}.stack-list{flex-wrap:wrap;gap:10px;max-width:980px;margin-top:28px;display:flex}.stack-list span{color:#15392a;background:#ffffffdb;border:1px solid #b985244d;border-radius:8px;padding:10px 14px;font-weight:900}.trust-section{background:#f7f9fce0}.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-grid div{border:1px solid var(--line);background:#ffffffd6;border-radius:8px;min-height:172px;padding:24px}.section-link{margin-top:28px}.process-grid,.detail-grid,.principles-grid,.contact-layout{gap:18px;display:grid}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card,.detail-card,.contact-panel,.contact-notes div{background:#ffffffd1;border:1px solid #dce2eae6;border-radius:8px;padding:clamp(22px,3vw,34px);box-shadow:0 22px 60px #10131b12}.process-card span,.detail-card span{color:var(--blue);margin-bottom:22px;font-size:.8rem;font-weight:900;display:block}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card h2{margin-bottom:14px;font-size:clamp(1.45rem,2.5vw,2.4rem)}.about-band{background:radial-gradient(circle at 86% 20%,#ff6b571f,#0000 24rem),#ffffffd1}.wide-copy{max-width:980px;font-size:clamp(1.08rem,1.7vw,1.35rem)}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}.principles-grid div{background:var(--ink);color:var(--white);border-radius:8px;min-height:112px;padding:22px;font-weight:900}.code-workflow{background:#ffffffb8}.workflow-terminal{box-shadow:var(--shadow);color:#dbeafe;background:#0d1320;border:1px solid #ffffff1f;border-radius:8px;gap:12px;padding:clamp(22px,4vw,42px);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:grid}.workflow-terminal span{border-bottom:1px solid #dbeafe1a;padding-bottom:12px}.workflow-terminal span:last-child{border-bottom:0;padding-bottom:0}.contact-layout{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)}.contact-panel h2{margin-bottom:18px}.contact-panel .button{margin-top:18px}.contact-notes{gap:18px;display:grid}.contact-notes strong{margin-bottom:8px;font-size:1.12rem;display:block}.trust-grid strong{margin-bottom:10px;font-size:1.16rem;display:block}.cta-section{background:radial-gradient(circle at 78% 18%, #f4c76b47, transparent 24rem), linear-gradient(135deg, var(--blue), #4b3517);color:var(--white);justify-content:space-between;margin:0;padding:clamp(52px,7vw,92px) clamp(20px,5vw,72px)}.cta-section .eyebrow{color:#fff2c7}.cta-section h2{max-width:820px}.cta-section .button-primary{background:var(--white);color:var(--ink)}.footer{justify-content:space-between;align-items:center;gap:18px;padding:28px clamp(20px,5vw,72px);display:flex}.footer-brand{align-items:center;gap:18px;min-width:0;display:flex}.footer p{margin:0}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px 22px;display:flex}.footer-links a{color:#303747;font-size:.92rem;font-weight:800}.footer-links a:hover{color:var(--gold)}.legal-section{background:#ffffffc7}.legal-content{max-width:940px}.legal-updated{color:var(--gold);margin-bottom:28px;font-weight:900}.legal-block{border-bottom:1px solid #b985242e;padding:26px 0}.legal-block:first-of-type{padding-top:0}.legal-block h2{margin-bottom:12px;font-size:clamp(1.35rem,2vw,2rem)}.legal-block p{color:var(--muted);margin-bottom:0}.legal-block a{color:var(--gold);font-weight:900}.legal-note{background:#fffaf1e6;border:1px solid #b985242e;border-radius:8px;margin:28px 0;padding:24px}@media (max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{justify-self:center;width:100%;max-width:720px;min-height:440px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-copy{columns:1}.trust-grid,.process-grid,.process-grid-large,.principles-grid,.contact-layout,.build-scroll-layout,.detail-grid{grid-template-columns:1fr}.build-preview{order:-1;position:relative;top:0}.build-step{opacity:1;min-height:auto;padding-bottom:18px}.page-hero{min-height:auto}}@media (max-width:720px){.site-header{flex-direction:column;align-items:flex-start;gap:16px;position:static}.nav{flex-wrap:wrap;justify-content:flex-start;gap:10px 16px}.code-stream{opacity:.58;width:360px}.typed-code-main{opacity:.22;width:720px;left:58%}.code-stream-left{left:-230px}.code-stream-right{right:-250px}.hero{min-height:auto;padding-top:40px}.hero-visual{min-height:360px}.metric-card{width:154px}.metric-a{bottom:26px;left:16px}.metric-b{top:28px;right:16px}.service-grid{grid-template-columns:1fr}.footer,.footer-brand{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}.page-hero{padding-top:52px;padding-bottom:44px}.build-scroll-section,.section{padding-left:20px;padding-right:20px}.build-heading{margin-bottom:26px}.build-step{padding-left:18px}.detail-card,.process-card,.contact-panel,.contact-notes div,.trust-grid div,.service-card{padding:22px}}@media (max-width:520px){.site-header{padding:16px 18px}.brand img{width:150px;height:auto}.nav{justify-content:flex-start;font-size:.86rem}h1{font-size:2.32rem}h2{font-size:1.9rem}h3{font-size:1.2rem}.lead{font-size:1rem}.hero-visual{aspect-ratio:.82;min-height:330px}.code-panel{width:360px;max-width:94%}pre{padding:18px;font-size:.72rem}.metric-card{width:140px;padding:14px}.button{width:100%}.preview-site{min-height:360px;padding:18px}.preview-hero-block,.preview-card-row{grid-template-columns:1fr}.preview-card-row span:nth-child(2),.preview-card-row span:nth-child(3){display:none}.build-code-card,.build-status{max-width:calc(100% - 24px);left:12px;right:12px}.build-status{justify-content:space-between;top:64px}.workflow-terminal{font-size:.78rem;overflow-x:auto}.legal-block{padding:22px 0}}@media (max-width:380px){.site-header{padding-left:16px;padding-right:16px}.nav{gap:8px 12px}h1{font-size:2.12rem}h2{font-size:1.72rem}.hero,.section,.build-scroll-section,.cta-section,.page-hero{padding-left:16px;padding-right:16px}.metric-card{width:126px}.metric-card strong{font-size:1.12rem}.metric-card span{font-size:.8rem}.preview-topbar strong{display:none}}