:root{color:#171613;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f6ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea{border-radius:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #0f766e61}.app-shell{background:linear-gradient(#f8f6edf2,#fffffffa 42%),#f8f6ed;min-height:100vh}.site-header{z-index:20;clip-path:inset(0 -100vmax);background:#fffefa;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 36px);margin:0 auto;padding:18px 0;display:flex;position:sticky;top:0;box-shadow:0 0 0 100vmax #fffefa,0 1px #e4ddca}.brand{color:#fff;background:#111;border:1px solid #111;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;text-decoration:none;display:inline-grid}.text-brand{background:#111;border-color:#111;position:relative;overflow:hidden}.text-brand:after{content:"";background:#0f766e;height:24px;position:absolute;inset:auto -10px -16px 8px;transform:rotate(-12deg)}.text-brand{isolation:isolate}.text-brand:before{content:"";background:#e15a3a;width:6px;height:6px;position:absolute;inset:7px 7px auto auto}.text-brand{letter-spacing:0;font-size:15px}.text-brand span{z-index:1;position:relative}.portrait-brand{background:#f8f6ed;border-color:#d8d2bf;overflow:hidden}.portrait-brand img{object-fit:cover;width:100%;height:100%}.site-header nav{align-items:center;gap:24px;display:flex}.site-header nav a{color:#1d1d1b;font-size:14px;font-weight:700;text-decoration:none}.header-hire{min-height:40px;padding:0 14px}main{width:min(1180px,100% - 36px);margin:0 auto}.hero-section{grid-template-columns:minmax(0,.96fr) minmax(420px,.94fr);align-items:stretch;gap:56px;min-height:calc(100vh - 80px);padding:54px 0 74px;display:grid}.availability,.section-label{color:#0f766e;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:800}.hero-copy h1{color:#111;letter-spacing:0;margin:0;font-size:clamp(58px,8.8vw,128px);line-height:.88}.hero-copy h2,.section h2,.cms-strip h2,.contact-section h2,.admin-content h2{color:#161614;letter-spacing:0;margin:0;font-size:clamp(34px,5vw,72px);line-height:.96}.hero-copy h2{max-width:620px;margin-top:24px}.hero-summary{color:#55524a;max-width:620px;margin:24px 0 0;font-size:20px;line-height:1.55}.hero-actions,.contact-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{color:#151512;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:#111}.button.hire-button{color:#fff;background:#0f766e}.button.secondary{background:#fff;border-color:#d6d1bf}.button.whatsapp{color:#fff;background:#0f766e}.button.danger{color:#a53b24;background:#fff3ef;border-color:#ead0c9}.hero-product{min-height:520px;position:relative}.hero-proof-panel{color:#fff;background:linear-gradient(135deg,#0f766e57,#0000 34%),radial-gradient(circle at 74% 18%,#e15a3a61,#0000 24%),linear-gradient(#11161c,#102f38);border:1px solid #20394a;grid-template-rows:auto minmax(220px,1fr) auto auto auto;gap:18px;min-height:560px;padding:clamp(22px,4vw,38px);display:grid;overflow:hidden;box-shadow:0 28px 90px #1c1c1829}.proof-header{color:#c8efe8;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:12px;font-weight:900;display:flex}.proof-header strong{color:#fffefa;text-align:right;text-transform:none;font-size:14px}.proof-map{background-color:#0000;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff29;min-height:250px;position:relative}.proof-map:before{content:"";border:2px solid #c8efe85c;position:absolute;inset:16%;transform:skew(-13deg)rotate(-4deg)}.proof-orbit{border:1px solid #ffffff42;border-radius:999px;position:absolute;inset:20% 24%;transform:rotate(22deg)}.proof-node{z-index:2;color:#12110f;text-transform:uppercase;background:#fffefa;border:1px solid #ffffff38;place-items:center;min-width:92px;min-height:48px;font-size:13px;font-weight:900;display:grid;position:absolute}.node-edge{top:28px;left:28px}.node-product{color:#fff;background:#0f766e;top:42%;left:50%;transform:translate(-50%,-50%)}.node-growth{color:#fff;background:#e15a3a;bottom:28px;right:28px}.proof-line{z-index:1;transform-origin:0;background:#c8efe894;height:2px;position:absolute}.line-one{width:44%;top:86px;left:110px;transform:rotate(20deg)}.line-two{width:38%;bottom:86px;right:98px;transform:rotate(20deg)}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.proof-grid div,.proof-stack,.proof-strips span{background:#ffffff12;border:1px solid #ffffff2e}.proof-grid div{min-height:98px;padding:16px}.proof-grid .wide{grid-column:1/-1;justify-content:space-between;align-items:end;gap:18px;display:flex}.proof-grid span{color:#fffefa;font-size:48px;font-weight:900;line-height:.9;display:block}.proof-grid p,.proof-stack p{color:#c8efe8;text-transform:uppercase;margin:10px 0 0;font-size:13px;font-weight:900}.proof-stack{padding:18px}.proof-stack small{color:#8bd8d0;text-transform:uppercase;font-weight:900}.proof-stack p{color:#fffefa;text-transform:none;font-size:15px;line-height:1.45}.proof-strips{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.proof-strips span{color:#fffefa;text-align:center;text-transform:uppercase;place-items:center;min-height:48px;padding:10px;font-size:12px;font-weight:900;display:grid}.hero-portrait{display:block}.portrait-panel{background:#fffefa;border:1px solid #d8d2bf;align-self:center;overflow:hidden;box-shadow:0 24px 80px #1c1c1814}.portrait-panel img{aspect-ratio:.94;object-fit:cover;width:100%;display:block}.portrait-panel div{padding:20px}.portrait-panel strong,.portrait-panel span{display:block}.portrait-panel strong{color:#12110f;font-size:28px}.portrait-panel span{color:#0f766e;margin-top:7px;font-weight:800}.desktop-preview,.phone-preview,.project-mockup,.design-visual,.cms-panel,.resume-group,.editor-card{background:#fffefa;border:1px solid #d8d2bf;box-shadow:0 24px 80px #1c1c1814}.desktop-preview{width:min(100%,640px);position:absolute;inset:20px 0 auto auto;overflow:hidden}.preview-topbar,.mock-nav{border-bottom:1px solid #e7e0cb;align-items:center;gap:8px;height:48px;padding:0 18px;display:flex}.preview-topbar span,.mock-nav span{opacity:.22;background:#111;border-radius:50%;width:9px;height:9px}.preview-grid{grid-template-columns:.72fr 1fr;gap:16px;padding:18px;display:grid}.metric-card{color:#fff;min-height:144px;padding:18px}.metric-card strong{font-size:56px;line-height:1;display:block}.metric-card span{text-transform:uppercase;margin-top:8px;font-size:13px;font-weight:800;display:block}.metric-card.teal{background:#0f766e}.metric-card.coral{background:#e15a3a}.project-wireframe{border:1px solid #e5deca;grid-column:1/-1;gap:12px;padding:18px;display:grid}.project-wireframe span{background:#ebe5d4;height:28px}.gallery-wireframe{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.gallery-wireframe i{aspect-ratio:1;display:block}.phone-preview{background:#111;width:156px;min-height:286px;padding:14px;position:absolute;bottom:6px;right:32px}.phone-preview div{background:#0f766e;height:116px}.phone-preview span{background:#ffffffb8;height:18px;margin-top:12px;display:block}.section{padding:90px 0 34px}.band-dark,.band-dark-grid{clip-path:inset(0 -100vmax);background:#111;box-shadow:0 0 0 100vmax #111}.band-dark{padding-top:96px;padding-bottom:44px}.band-dark-grid{padding:0 0 96px}.band-dark h2,.band-dark p:last-child,.contact-section.band-dark h2{color:#fffefa}.band-dark .section-label{color:#65d7c8}.band-light{clip-path:inset(0 -100vmax);background:#fffefa;padding-bottom:96px;box-shadow:0 0 0 100vmax #fffefa}.split{grid-template-columns:1fr .72fr;align-items:end;gap:40px;display:grid}.split p:last-child,.cms-strip p,.contact-section p{color:#5c574c;font-size:18px;line-height:1.6}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-card,.design-card{background:#fffefa;border:1px solid #ded8c4;overflow:hidden}.project-mockup{min-height:292px;box-shadow:none;border-width:0 0 1px}.project-media{background:#111}.project-media img,.project-media video,.design-visual img,.design-visual video,.media-preview img,.media-preview video{object-fit:cover;width:100%;height:100%;display:block}.mock-main{grid-template-columns:84px 1fr;min-height:244px;display:grid}.mock-sidebar{background:#f4efdf;border-right:1px solid #e7e0cb;align-content:start;gap:12px;padding:18px;display:grid}.mock-sidebar i,.mock-list i{background:#d8cfb7;height:18px;display:block}.mock-content{padding:22px}.mock-content strong{color:var(--project-accent);font-size:23px;display:block}.mock-chart{align-items:end;gap:12px;height:98px;margin-top:22px;display:flex}.mock-chart span{background:var(--project-accent);flex:1;display:block}.mock-chart span:first-child{opacity:.45;height:52%}.mock-chart span:nth-child(2){opacity:.72;height:78%}.mock-chart span:nth-child(3){height:100%}.mock-list{gap:10px;margin-top:18px;display:grid}.project-body,.design-card div:last-child{padding:24px}.project-body p,.design-card p{color:#0f766e;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.project-body h3,.design-card h3,.resume-group h3{color:#181714;letter-spacing:0;margin:0;font-size:25px}.project-body span,.design-card span{color:#58554d;margin-top:14px;line-height:1.55;display:block}.project-body small{color:#8a7a2f;margin-top:18px;font-weight:800;display:block}.project-body a{color:#111;align-items:center;gap:6px;margin-top:20px;font-weight:800;text-decoration:none;display:inline-flex}.resume-section{grid-template-columns:.42fr 1fr;align-items:start;gap:38px;display:grid}.resume-heading{position:sticky;top:100px}.resume-heading .button{margin-top:28px}.resume-board{gap:16px;display:grid}.resume-group{padding:24px}.resume-group article{border-top:1px solid #e7e0cb;padding:20px 0}.resume-group article:first-of-type{margin-top:16px}.resume-group strong,.resume-group small{display:block}.resume-group strong{color:#141412;font-size:18px}.resume-group small{color:#8a7a2f;margin-top:6px;font-weight:800}.resume-group p{color:#5a564e;margin:10px 0 0;line-height:1.55}.skills-section{border-top:2px solid #111;margin-top:28px;padding-top:30px}.skills-section>h3{color:#111;margin:0 0 18px;font-size:clamp(28px,4vw,44px);line-height:1}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.skill-group{background:#eef8f5;border:1px solid #d8d2bf;padding:20px}.skill-group:nth-child(2n){background:#f7f0e8}.skill-group h4{color:#0f766e;margin:0 0 14px;font-size:19px}.skill-group article{border-top:1px solid #1111111f;padding:14px 0}.skill-group strong,.skill-group small{display:block}.skill-group strong{color:#111}.skill-group small{color:#8a7a2f;margin-top:5px;font-weight:800}.skill-group p{color:#4d4b45;margin:8px 0 0;line-height:1.48}.design-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.design-card{min-width:0}.design-visual{min-height:210px;box-shadow:none;color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--asset-accent), #fff 20%), var(--asset-accent)), var(--asset-accent);place-items:center;display:grid}.design-visual span{color:#fff;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.cms-strip,.contact-section{grid-template-columns:1fr .72fr;align-items:center;gap:48px;padding:110px 0;display:grid}.cms-panel{gap:12px;padding:28px;display:grid}.cms-row{color:#201f1b;border:1px solid #e6dfcb;align-items:center;gap:12px;padding:14px;font-weight:800;display:flex}.contact-section{border-top:1px solid #ded8c4}.contact-centered{text-align:center;grid-template-columns:1fr;justify-items:center}.contact-centered h2{max-width:940px}.contact-centered .contact-actions{justify-content:center}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080794;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hire-modal,.admin-gate section{background:#fffefa;border:1px solid #d8d2bf;width:min(560px,100%);padding:34px;position:relative;box-shadow:0 28px 90px #0000003d}.hire-modal h2,.admin-gate h1{color:#111;margin:0;font-size:clamp(38px,6vw,62px);line-height:.96}.hire-modal p:not(.section-label),.admin-gate p:not(.section-label){color:#5b554c;font-size:18px;line-height:1.55}.modal-actions,.admin-gate form{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.modal-close{cursor:pointer;background:#fff;border:1px solid #d8d2bf;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:16px;right:16px}.admin-gate{place-items:center;min-height:100vh;display:grid}.admin-gate input{min-width:220px;min-height:44px;font:inherit;border:1px solid #d8d2bf;padding:0 12px}.gate-error{color:#a53b24;margin:12px 0;font-weight:800;display:block}.floating-contact{z-index:30;gap:10px;display:grid;position:fixed;bottom:22px;right:22px}.floating-contact a{color:#111;background:#fff;border:1px solid #111;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 12px 30px #14141224}.floating-contact a:last-child{color:#fff;background:#0f766e}.admin-shell{grid-template-columns:300px 1fr;gap:24px;width:min(1320px,100% - 28px);padding:24px 0;display:grid}.admin-sidebar{background:#fffefa;border:1px solid #d8d2bf;align-self:start;gap:22px;padding:22px;display:grid;position:sticky;top:24px}.admin-sidebar h1{color:#111;margin:0;font-size:28px;line-height:1}.admin-sidebar p{color:#5f5a50;margin:8px 0 0}.admin-sidebar nav,.editor-list{gap:12px;display:grid}.admin-sidebar nav button{color:#26231d;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0d9c6;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:800;display:flex}.admin-sidebar nav button.active{color:#fff;background:#111;border-color:#111}.admin-content{min-width:0}.admin-topbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:8px;display:grid}.field.wide{grid-column:1/-1}.field span{color:#3d382f;text-transform:uppercase;font-size:12px;font-weight:900}.field input,.field textarea{box-sizing:border-box;color:#171613;width:100%;font:inherit;background:#fffefa;border:1px solid #d8d2bf;padding:12px 13px;font-size:15px;line-height:1.45}.field textarea{resize:vertical}.editor-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.editor-card .button{justify-self:start}.upload-placeholder,.save-note{color:#70695d;border:1px dashed #cfc6ad;align-items:center;gap:10px;padding:13px;font-size:14px;font-weight:800;display:flex}.upload-placeholder.wide{grid-column:1/-1}.portrait-uploader,.media-uploader{background:#fffefa;border:1px solid #d8d2bf;grid-column:1/-1;gap:14px;padding:16px;display:grid}.portrait-uploader>div:first-child span{color:#3d382f;text-transform:uppercase;font-size:12px;font-weight:900}.portrait-uploader p{color:#70695d;margin:6px 0 0}.portrait-upload-grid{grid-template-columns:minmax(180px,280px) 1fr;gap:16px;display:grid}.portrait-crop-preview{aspect-ratio:6/7;background:#111;border:1px solid #d8d2bf;overflow:hidden}.portrait-crop-preview img{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.crop-controls{align-content:start;gap:12px;display:grid}.file-button{color:#151512;cursor:pointer;background:#fff;border:1px solid #d6d1bf;justify-content:center;align-items:center;gap:9px;min-height:44px;font-size:14px;font-weight:800;display:inline-flex}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.range-field{gap:7px;display:grid}.range-field span{color:#3d382f;text-transform:uppercase;font-size:12px;font-weight:900}.range-field input{width:100%}.upload-status{color:#0f766e;margin:0;font-size:14px;font-weight:800}.upload-status.error{color:#a53b24}.media-preview{color:#70695d;background:#f5f0e2;border:1px solid #d8d2bf;place-items:center;min-height:180px;font-size:14px;font-weight:800;display:grid;overflow:hidden}.save-note{color:#0f766e;background:#eef8f5;border-style:solid}@media (width<=980px){.site-header{align-items:center}.site-header nav{display:none}.hero-section,.split,.resume-section,.cms-strip,.contact-section,.admin-shell{grid-template-columns:1fr}.hero-section{gap:28px;min-height:auto;padding-top:32px}.hero-product,.hero-proof-panel{min-height:auto}.hero-portrait,.project-grid,.design-gallery,.editor-grid,.skills-grid,.portrait-upload-grid,.editor-card{grid-template-columns:1fr}.resume-heading,.admin-sidebar{position:static}.admin-topbar{flex-direction:column;align-items:flex-start}}@media (width<=640px){main,.site-header,.admin-shell{width:min(100% - 24px,1180px)}.hero-copy h1{font-size:54px}.hero-copy h2,.section h2,.cms-strip h2,.contact-section h2,.admin-content h2{font-size:34px}.preview-grid{grid-template-columns:1fr}.proof-map{min-height:220px}.proof-header{flex-direction:column;align-items:flex-start;gap:6px}.proof-header strong{text-align:left}.proof-strips{grid-template-columns:1fr}.gallery-wireframe{grid-template-columns:repeat(2,1fr)}.phone-preview{display:none}.section,.cms-strip,.contact-section{padding:64px 0 28px}.band-dark-grid,.band-light{padding-bottom:64px}.proof-grid{grid-template-columns:1fr}.proof-grid .wide{flex-direction:column;align-items:start}}