:root{color-scheme:dark;--bg:#141819;--surface:#191e20;--panel:#1b2022;--panel-raised:#232b2c;--ink:#f4f5f5;--muted:#c3c8c6;--dim:#89918f;--accent:#45b75e;--accent-light:#65d47a;--border:#d3e5db18;--font:"Manrope Variable", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:radial-gradient(62% 95% at 4% -10%,#223c3038,#0000 70%),radial-gradient(56% 72% at 96% 100%,#305d3e1a,#0000 70%),repeating-radial-gradient(at 84% 64%,#0000 0 90px,#ebffef04 91px 92px,#0000 93px 165px),#141819;margin:0;overflow-x:hidden}body:before{content:"";z-index:0;opacity:.4;pointer-events:none;background-image:linear-gradient(135deg,#0000 0 48%,#c1e4c505 49%,#0000 51% 100%);background-size:6px 6px;position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #81ef99}button[disabled]{cursor:not-allowed;opacity:.5}img,svg{max-width:100%}[hidden]{display:none!important}.skip-link{z-index:100;color:#fff;background:#273b2d;padding:10px 16px;position:absolute;top:-200px;left:10px}.skip-link:focus{top:10px}.ambient{pointer-events:none;z-index:0;opacity:.33;position:fixed}.ambient-one{border:1px solid #6cab7914;border-radius:44%;width:32vw;height:29vw;top:7px;right:13%;transform:rotate(26deg)}.ambient-two{border:1px solid #6cab7917;border-radius:50%;width:33vw;height:30vw;bottom:0;left:15%}.scene{z-index:1;isolation:isolate;align-items:center;width:min(1460px,100vw - 146px);height:min(780px,100svh - 135px);min-height:605px;margin:clamp(35px,7vh,74px) auto 0;display:flex;position:relative}.float-nav{z-index:15;background:linear-gradient(110deg,#2f3535fa,#0d1111fb);border:1px solid #dfece124;border-radius:52px;flex-direction:column;align-items:center;width:97px;padding:9px 0 19px;display:flex;position:absolute;top:111px;left:-57px;box-shadow:0 20px 45px #0008}.nav-bars{color:#f4f5f3;justify-content:center;align-items:center;width:100%;height:74px;display:flex}.nav-links{flex-direction:column;align-items:stretch;width:100%;display:flex}.nav-link{color:#c5ccca;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #d6f1d70d;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:73px;padding:9px 4px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:500;line-height:1.25;transition:color .2s,background-color .2s;display:flex}.nav-link svg{flex:none}.nav-link.is-active,.nav-link[aria-selected=true],.nav-link:hover{color:var(--accent)}.nav-link:hover{background:#356a4814}.nav-link[aria-selected=true]{background:#3a7a4317}.nav-bottom{color:#dce6de;justify-content:center;align-items:center;width:100%;padding-top:20px;display:flex}.identity-card{transform-origin:50%;isolation:isolate;background:#232829;border-radius:39px;flex:0 0 38.5%;align-self:stretch;min-width:0;position:relative;overflow:hidden;transform:rotate(-1.4deg);box-shadow:0 28px 54px #0006}.portrait-photo,.photo-pending{width:100%;height:100%;display:block;position:absolute;inset:0}.portrait-photo{object-fit:cover;object-position:50% 35%;filter:grayscale()contrast(1.12)brightness(.81)}.photo-pending{color:#e0f5e4;text-align:center;background:radial-gradient(circle at 45% 30%,#435146 0%,#222e29 40%,#191e20 100%);place-content:center;justify-items:center;display:grid}.photo-pending span{letter-spacing:-.1em;font-size:clamp(80px,9vw,145px);font-weight:800;line-height:1}.photo-pending small{opacity:.75;max-width:200px;margin-top:24px;font-size:12px}.portrait-vignette{z-index:1;pointer-events:none;background:linear-gradient(#0000 34%,#07090aba 78%,#05090bfc);position:absolute;inset:0}.identity-content{z-index:2;text-align:center;position:absolute;bottom:111px;left:17px;right:17px;transform:rotate(1.4deg)}.identity-content h1{color:#f3f3f3;letter-spacing:-.027em;text-wrap:balance;margin:0 0 2px;font-size:clamp(29px,3vw,37px);font-weight:780;line-height:1.16}.identity-role{color:#dfe3e1;margin:0;font-size:clamp(15px,1.56vw,21px);font-weight:580;line-height:1.5}.typing-cursor{vertical-align:middle;background:#e1e6e4;width:17px;height:2px;margin-inline-start:8px;display:inline-block}.identity-caption{color:#c7ccc9;max-width:260px;margin:17px auto 0;font-size:11px;display:block}.social-list{justify-content:center;gap:14px;margin-top:20px;display:flex}.social-list a{font-size:13px;text-decoration:none}.identity-actions{z-index:3;transform-origin:bottom;background:#050b0deb;border-top:1px solid #dbeedf14;grid-template-columns:repeat(2,minmax(0,1fr));height:81px;display:grid;position:absolute;bottom:0;left:0;right:0;transform:rotate(1.4deg)scale(1.035)}.identity-actions button{border:0;color:#f0f1f1;text-transform:uppercase;background:0 0;border-inline-end:1px solid #dbeedf12;justify-content:center;align-items:center;gap:9px;font-size:clamp(10px,1.14vw,14px);font-weight:780;line-height:1.2;transition:color .2s,background-color .2s;display:flex}.identity-actions button:hover{color:#70e18e;background:#15231a}.identity-actions button:last-child{border:0}.identity-actions svg{flex:none}.content-card{z-index:2;scrollbar-width:thin;scrollbar-color:#747b77 #1c2223;background:linear-gradient(125deg,#161b1d,#1c2223);border:1px solid #dbece018;border-radius:37px;flex:auto;align-self:center;min-width:0;height:95%;position:relative;overflow:hidden auto;box-shadow:0 24px 55px #00000038}.content-card::-webkit-scrollbar{width:7px}.content-card::-webkit-scrollbar-thumb{background:#6c726f;border-radius:10px}.panel-section{min-height:100%}.section-heading{border-bottom:1px solid var(--border);letter-spacing:-.03em;align-items:center;gap:0;margin:0;padding:25px 29px 27px;font-size:clamp(22px,2vw,26px);font-weight:800;line-height:1.2;display:flex;position:relative}.section-heading .initial{min-width:31px;height:33px;color:var(--accent);background:#3d894833;border-radius:50%;flex:none;place-items:center;margin-inline-end:-1px;font-weight:800;display:inline-grid}.section-heading-secondary{border-top:0;margin-top:0}.about-grid{border-bottom:1px solid var(--border);grid-template-columns:49% 51%;min-height:345px;display:grid}.about-copy{padding:33px 29px 30px}.about-copy p{color:#c9d0cd;letter-spacing:.002em;margin:0;font-size:clamp(15px,1.28vw,18px);line-height:1.95}.facts{border-inline-start:1px solid var(--border);min-width:0}.fact-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(105px,auto) minmax(0,1fr);align-items:center;gap:12px;min-height:74px;padding:18px 27px;display:grid}.fact-row:last-child{border-bottom:0}.fact-row strong{color:#153a1e;white-space:nowrap;background:#4bb65d;border-radius:2px;justify-self:start;padding:3px 8px;font-size:13px;font-weight:650;display:inline-block}.fact-row>span{text-align:end;color:#bdc6c1;justify-self:end;font-size:14px;line-height:1.55;display:block}.fact-row-skills{align-items:start;min-height:162px}.skill-icons{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.skill-icons span{color:#57c76c;background:#25342b;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.section-lead{max-width:65ch;color:var(--muted);margin:20px 29px 0;font-size:15px;line-height:1.9}.big-lead{font-size:18px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:27px 30px 44px;display:grid}.service-card{background:linear-gradient(135deg,#191e1f,#222728);border:1px solid #e0eae21c;border-radius:18px;min-height:246px;padding:31px 29px;transition:background-color .2s,border-color .2s,transform .2s}.service-card:hover{border-color:#5cc86f59;transform:translateY(-3px)}.service-icon,.contact-icon{color:#57ce71;background:#29482e73;border-radius:50%;place-items:center;width:67px;height:67px;display:grid}.service-card h3{margin:20px 0 10px;font-size:17px;font-weight:800}.service-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.resume-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px;padding:27px 30px 42px;display:grid}.resume-column{min-width:0}.resume-column+.resume-column{border-inline-start:1px solid var(--border);padding-inline-start:30px}.resume-column h3{align-items:center;gap:12px;margin:0 0 25px;font-size:18px;font-weight:760;display:flex}.resume-column h3 svg{color:var(--accent)}.resume-entry{background:#242b2b;border:1px solid #ebf7ee1f;border-radius:15px;min-height:120px;margin:0 0 20px;padding:18px 18px 18px 25px;position:relative}.entry-dot{top:23px;background:#5bc872;border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-start:10px;box-shadow:0 0 0 6px #62d47418}.resume-entry h4{margin:0 0 10px;font-size:15px;line-height:1.5}.resume-entry p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.portfolio-controls{flex-wrap:wrap;gap:10px;padding:25px 29px 9px;display:flex}.filter{color:#ced7d0;background:#252d2b;border:1px solid #46614c;border-radius:30px;min-height:39px;padding:9px 15px;font-size:12px;transition:background-color .15s}.filter.is-active,.filter[aria-pressed=true]{color:#0c2611;background:#4abb61;border-color:#4abb61;font-weight:750}.filter:hover{color:#fff;background:#31563a}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;padding:19px 30px 42px;display:grid}.project{background:#242c2b;border:1px solid #ebf7ee1f;border-radius:15px;min-width:0;overflow:hidden}.project-cover{aspect-ratio:16/10;background:#12201b;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.project-cover:hover img{transform:scale(1.04)}.project-open-icon{bottom:12px;color:#82e999;background:#101d18d9;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;inset-inline-end:12px}.project-empty{color:#65d27f;place-items:center;height:100%;display:grid}.project-body{padding:18px 19px 23px}.project-category{color:#77e492;margin:0 0 10px;font-size:11px;font-weight:700;line-height:1.45}.project-body h3{margin:0 0 9px;font-size:20px;font-weight:800}.project-body>p:not(.project-category){color:var(--muted);margin:0;font-size:13px;line-height:1.8}.project-detail-btn{color:#8ceca3;background:0 0;border:0;align-items:center;gap:7px;margin-top:18px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.project-detail-btn:hover{color:#defbe4}.empty-state,.contact-details{border:1px solid var(--border);text-align:center;color:#b8c5bd;background:#202728;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:310px;margin:28px 30px 38px;padding:35px;display:flex}.empty-state h3,.contact-details h3{color:#e4e9e5;margin:0;font-size:18px;font-weight:650;line-height:1.5}.empty-state p,.contact-details p{max-width:45ch;margin:0;font-size:14px;line-height:1.8}.empty-icon,.contact-icon{color:#65cd7e}.site-footer{z-index:3;text-align:center;color:#b4bfba;place-items:center;width:min(1460px,100vw - 130px);min-height:56px;margin:0 auto;display:grid;position:relative}.site-footer small{font-size:13px;font-weight:500;line-height:1.8}.footer-dot{color:#5dc876;padding:0 8px}.language-switcher{z-index:30;backdrop-filter:blur(14px);background:#202726f2;border:1px solid #91b79966;border-radius:50px;gap:4px;padding:5px;display:flex;position:fixed;bottom:16px;right:18px;box-shadow:0 12px 34px #0007}.language-switcher a{color:#e6efe7;border-radius:50px;place-items:center;min-width:53px;min-height:31px;padding:8px 12px;font-size:12px;font-weight:700;line-height:1.1;text-decoration:none;display:grid}.language-switcher a[aria-current=page]{color:#0a1e0f;background:#4fc96a}.language-switcher a:hover:not([aria-current=page]){background:#334c38}.private-preview-note{z-index:6;color:#d2e1d8a6;background:#111a18cf;border:1px solid #a0d2ad29;border-radius:30px;max-width:43vw;padding:5px 11px;font-size:10px;line-height:1.35;position:fixed;bottom:10px;left:15px}.gallery-dialog{color:#f2f7f3;background:#171f1c;border:1px solid #7889796d;border-radius:22px;width:min(95vw,1100px);max-height:94vh;margin:auto;padding:18px;position:fixed;box-shadow:0 35px 80px #000d}.gallery-dialog::backdrop{backdrop-filter:blur(10px);background:#050a08dd}.gallery-head{justify-content:space-between;align-items:center;gap:20px;padding:0 0 12px;display:flex}.gallery-head strong{font-size:18px}.dialog-close{color:#fff;background:#26352a;border:1px solid #536957;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.gallery-dialog img{object-fit:contain;background:#fff;border-radius:12px;width:100%;max-height:72vh;display:block}.gallery-caption{color:#b1c2b7;margin:11px 3px 0;font-size:12px}html[dir=rtl] body{font-family:Tahoma,Arial,system-ui,sans-serif}html[dir=rtl] .scene{direction:rtl}html[dir=rtl] .float-nav{left:auto;right:-57px}html[dir=rtl] .identity-card{transform:rotate(1.4deg)}html[dir=rtl] .identity-content,html[dir=rtl] .identity-actions{transform:rotate(-1.4deg)}html[dir=rtl] .identity-actions{transform:rotate(-1.4deg)scale(1.035)}html[dir=rtl] .content-card{text-align:right}html[dir=rtl] .resume-entry{padding:18px 25px 18px 18px}html[dir=rtl] .language-switcher{left:18px;right:auto}html[dir=rtl] .private-preview-note{left:auto;right:15px}html[dir=rtl] .section-heading{letter-spacing:0}html[dir=rtl] .nav-link{font-family:Tahoma,Arial,sans-serif;font-size:12px}@media (height<=720px) and (width>=980px){.scene{height:calc(100svh - 94px);min-height:525px;margin-top:30px}.nav-link{min-height:60px}.nav-bars{height:55px}.identity-content{bottom:100px}}@media (width<=1200px) and (width>=981px){.scene{width:calc(100vw - 126px)}.identity-card{flex-basis:41%}.about-grid{grid-template-columns:1fr}.facts{border-inline-start:0}.fact-row{min-height:63px}.services-grid{gap:14px}}@media (width<=980px){body{overflow-y:auto}.scene{width:min(750px,100% - 30px);height:auto;min-height:0;margin:100px auto 10px;display:block}.float-nav{backdrop-filter:blur(16px);background:#161c1bed;border:0;border-radius:0;flex-direction:row;justify-content:center;width:100%;min-height:75px;padding:0 12px;position:fixed;top:0;left:0;right:0;box-shadow:0 9px 30px #000b}.nav-bars,.nav-bottom{display:none}.nav-links{flex-direction:row;justify-content:center;max-width:750px}.nav-link{border:0;flex:1;min-height:74px;font-size:11px}.nav-link svg{width:21px;height:21px}.identity-card{border-radius:25px;width:100%;height:565px;margin:0 0 16px;transform:none}.identity-content{bottom:101px;transform:none}.identity-actions{transform:none}.content-card{border-radius:26px;height:auto;min-height:570px;max-height:none;margin-bottom:8px}.about-grid{grid-template-columns:1fr;min-height:0}.facts{border-inline-start:0}.fact-row{padding:17px 28px}.service-card{min-height:225px}.site-footer{width:calc(100% - 30px);padding:15px 0 58px}.private-preview-note{text-align:center;width:fit-content;max-width:calc(100% - 30px);margin:0 auto 8px;position:static}html[dir=rtl] .float-nav{left:0;right:0}html[dir=rtl] .identity-card,html[dir=rtl] .identity-content,html[dir=rtl] .identity-actions{transform:none}}@media (width<=620px){.scene{width:calc(100% - 18px);margin:72px auto 8px}.float-nav{align-items:center;min-height:65px;padding:0 3px}.nav-link{letter-spacing:0;white-space:normal;word-break:keep-all;gap:2px;min-height:65px;padding:5px 2px;font-size:clamp(9px,2.3vw,11px);line-height:1.25}.nav-link svg{width:18px;height:18px}html[dir=rtl] .nav-link{font-size:clamp(10px,2.5vw,12px)}.identity-card{border-radius:19px;height:clamp(395px,118vw,540px)}.identity-content{bottom:88px}.identity-content h1{font-size:clamp(26px,7vw,35px)}.identity-role{font-size:clamp(13px,3.4vw,17px)}.identity-caption{margin-top:10px;font-size:10px}.identity-actions{height:69px}.identity-actions button{gap:6px;font-size:clamp(10px,2.7vw,12px)}.identity-actions svg{width:15px}.content-card{border-radius:20px;min-height:460px}.section-heading{padding:22px 18px;font-size:23px}.about-copy{padding:20px 19px}.about-copy p{font-size:15px;line-height:2}.fact-row{grid-template-columns:105px minmax(0,1fr);gap:9px;padding:16px 19px}.fact-row strong,.fact-row span{font-size:12px}.services-grid,.resume-grid,.projects-grid{grid-template-columns:1fr;gap:14px;padding:17px 17px 29px}.service-card{min-height:185px;padding:21px}.service-card h3{margin-top:15px}.service-icon{width:50px;height:50px}.resume-column+.resume-column{border-inline-start:0;padding-inline-start:0}.resume-column h3{margin:8px 0 15px}.resume-entry{min-height:100px}.section-lead{margin:17px 19px 0;font-size:14px}.portfolio-controls{padding:20px 17px 7px}.empty-state,.contact-details{margin:20px 17px 28px}.language-switcher{gap:2px;padding:3px;bottom:14px;left:50%;right:auto;transform:translate(-50%)}html[dir=rtl] .language-switcher{left:50%;right:auto}.language-switcher a{min-width:57px;padding:8px 10px;font-size:11px}.site-footer small{text-align:center;font-size:11px}.gallery-dialog{border-radius:14px;padding:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/noto-sans-arabic.woff2)format("woff2");unicode-range:U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/noto-sans-arabic-core.5edb7c9b4c24.woff2)format("woff2");unicode-range:U+6??,U+200C-200E,U+2010-2011,U+204F,U+2E41}:root{--accent:#4caf50;--accent-light:#69c56d;--bg:#14181a;--panel:#191e20;--ink:#eee;--muted:#bfc0c1;--border:#ffffff0e;--font:Inter,Arial,sans-serif}html{scroll-behavior:auto}body.demo-page{font-family:var(--font);background:#14181a;overflow:hidden}body.demo-page:before{opacity:.8;background:url(/media/wave-field.6b0f6eae9999.svg) 50%/cover;inset:0 0 40px}.demo-page .ambient{display:none}.demo-page .scene{isolation:auto;align-items:center;gap:0;width:min(88vw,100% - 176px);max-width:1900px;height:84vh;min-height:520px;margin:8vh auto 0;display:flex}.demo-page .identity-card{transform-origin:50%;z-index:3;height:100%;min-height:0;box-shadow:none;background:#14181a;border-radius:32px;flex:0 0 37.8%;align-self:center;position:relative;transform:none}.demo-page .portrait-photo{object-position:50% 32%;filter:grayscale()brightness(.84)contrast(1.04);object-fit:cover;transform:scale(1.14)translateY(-5%)}.demo-page .portrait-vignette{background:linear-gradient(#0000 42%,#1414178c 69%,#0c0d10f5 90%,#080c10 100%)}.demo-page .identity-content{bottom:112px;left:20px;right:20px;transform:none}.demo-page .identity-content h1{letter-spacing:0;margin:0 0 4px;font-family:inherit;font-size:36px;font-weight:700;line-height:1.15}.demo-page .identity-role{color:#eee;font-size:21px;font-weight:700;line-height:1.3}.demo-page .typing-cursor{width:14px;height:1px;margin-inline-start:2px;animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{50%{opacity:0}}.demo-page .identity-actions{border-top:1px solid var(--border);background:#080c0fa6;height:65px;transform:none}.demo-page .identity-actions a{color:var(--ink);text-transform:uppercase;border-inline-end:1px solid var(--border);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.demo-page .identity-actions a:hover{color:var(--accent)}.demo-page .identity-actions a:last-child{border:0}.mobile-menu-toggle,.menu-scrim,.drawer-heading{display:none}.demo-page .float-nav{z-index:20;backdrop-filter:blur(10px)saturate(1.15);background:#1820227a;border:1px solid #ffffff10;border-radius:34px;width:68px;padding:6px 0 8px;position:fixed;top:50%;left:max(8px,6vw - 76px);right:auto;overflow:hidden;transform:translateY(-50%);box-shadow:0 12px 35px #0004}.demo-page .float-nav:after{display:none}.demo-page .nav-bars{color:#c7cdca;justify-content:center;align-items:center;width:100%;height:49px;display:flex}.demo-page .nav-bars svg{width:23px;height:23px}.demo-page .nav-links{flex-direction:column;gap:3px;width:100%;display:flex}.demo-page .nav-link{color:#bfc6c2;border:0;border-radius:13px;gap:6px;width:calc(100% - 12px);min-height:59px;margin-inline:6px;padding:9px 3px;font-family:inherit;font-size:10px;font-weight:400;line-height:1.3;text-decoration:none;transition:color .18s,background-color .18s}.demo-page .nav-link svg{stroke-width:1.65px;width:23px;height:23px}.demo-page .nav-link[aria-current=location]{color:#62c66b;background:#4caf5012}.demo-page .nav-link:hover{color:#74d17b;background:#ffffff05}.demo-page .nav-bottom{border:0;color:#c5cec8;cursor:pointer;background:0 0;border-top:1px solid #ffffff08;flex:none;justify-content:center;align-items:center;width:46px;height:49px;margin:10px auto 0;padding:10px;display:flex}.demo-page .nav-bottom:hover{color:var(--accent)}.demo-page .nav-bottom svg{width:22px;height:22px}.demo-page .content-card{z-index:2;border:1px solid var(--border);height:calc(100% - 30px);min-height:0;box-shadow:none;scrollbar-width:thin;scrollbar-color:#616666 transparent;scroll-behavior:auto;background:linear-gradient(122deg,#161b1d 12%,#24292b 100%);border-radius:32px;flex:1;align-self:center;margin-inline-start:-12px;padding-bottom:0;overflow:hidden auto}.demo-page .content-card::-webkit-scrollbar{width:5px}.demo-page .content-card::-webkit-scrollbar-track{margin-block:30px}.demo-page .panel-section{min-height:100%;padding-bottom:24px}.demo-page .section-heading{letter-spacing:0;isolation:isolate;border-bottom:1px solid var(--border);margin:0;padding:26px 28px 27px;font-size:21px;font-weight:700;line-height:1.25;position:relative}.demo-page .section-heading:before{content:"";inset-inline-start:17px;z-index:-1;background:#4caf5035;border-radius:50%;width:31px;height:31px;position:absolute;top:26px}.demo-page .section-heading:first-letter{color:var(--accent)}.demo-page .about-grid{border-bottom:0;grid-template-columns:1fr 1fr;min-height:303px}.demo-page .about-copy{padding:30px 27px 26px}.demo-page .about-copy p{letter-spacing:0;color:var(--muted);font-size:17px;line-height:1.85}.demo-page .facts{border-inline-start:1px solid var(--border);padding-top:11px}.demo-page .fact-row{grid-template-columns:auto minmax(0,1fr);gap:15px;min-height:65px;padding:19px 27px}.demo-page .fact-row strong{color:#183d1b;background:var(--accent);border-radius:2px;padding:4px 8px;font-size:13px;font-weight:400}.demo-page .fact-row>span{color:var(--muted);font-size:15px;line-height:1.6}.demo-page .fact-row-skills{align-items:start;min-height:132px}.demo-page .skill-icons{gap:9px;max-width:170px}.demo-page .skill-icons span{width:34px;height:34px;color:var(--accent);background:#2a3a2d80;border-radius:12px}.demo-page .section-lead{color:var(--muted);margin:24px 28px 0;font-size:16px;line-height:1.8}.demo-page .about-services .section-heading{padding-block:20px 21px}.demo-page .services-grid{grid-template-columns:1fr 1fr;gap:0;padding:0}.demo-page .service-card{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;min-height:270px;padding:28px 27px;transition:none;position:relative}.demo-page .service-card:nth-child(odd){border-inline-end:1px solid var(--border)}.demo-page .service-card:before{content:"";border:1px solid var(--border);z-index:-1;background:linear-gradient(145deg,#1a2021,#212729);border-radius:16px;position:absolute;inset:27px 26px 0}.demo-page .service-card>*{margin-inline:27px}.demo-page .service-icon{width:64px;height:64px;color:var(--accent);background:#4caf5017;margin-top:28px}.demo-page .service-card h3{margin-top:15px;margin-bottom:8px;font-size:17px;font-weight:700}.demo-page .service-card p{color:var(--muted);padding-bottom:10px;font-size:16px;line-height:1.8}.demo-page .service-card:hover{transform:none}.demo-page .resume-grid{gap:24px;padding:28px}.demo-page .resume-entry{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;min-height:0;padding:15px 0 23px}.demo-page .resume-entry h4{margin:0 0 8px;font-size:17px;font-weight:700}.demo-page .resume-entry p{color:var(--muted);margin:0;font-size:15px;line-height:1.8}.demo-page .entry-dot{display:none}.demo-page .resume-column+.resume-column{padding-inline-start:24px}.demo-page .text-link{color:var(--accent);align-items:center;gap:9px;padding-block:12px;font-size:15px;text-decoration:none;display:inline-flex}.demo-page .project-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:24px 28px 0;display:grid}.demo-page .project-filter{text-align:start;color:var(--muted);background:#ffffff03;border:1px solid #a9c6b51c;border-radius:14px;grid-template-columns:24px minmax(0,1fr) 25px;align-items:center;gap:10px;min-height:62px;padding:12px 14px;font-size:13px;font-weight:700;transition:background-color .18s,border-color .18s,color .18s;display:grid}.demo-page .project-filter-icon{color:#86a791;justify-content:center;align-items:center;display:flex}.demo-page .project-filter:hover{color:var(--ink);background:#4caf500b;border-color:#6cc97955}.demo-page .project-filter[aria-pressed=true]{color:#c7f5ce;background:linear-gradient(135deg,#4caf502b,#4caf5010);border-color:#6bc77670;box-shadow:inset 0 0 0 1px #4caf5008}.demo-page .project-filter[aria-pressed=true] .project-filter-icon{color:#79d186}.demo-page .project-filter-number{width:25px;height:25px;color:var(--muted);background:#ffffff06;border-radius:8px;place-items:center;font-size:11px;font-weight:400;display:grid}.demo-page .project-filter[aria-pressed=true] .project-filter-number{color:#a8edb3;background:#4caf5024}.demo-page .float-nav a:focus-visible{outline-offset:-2px;outline:1px solid #8bdd95}.demo-page.light-theme .project-filter{background:#00000003;border-color:#00000012}.demo-page.light-theme .project-filter[aria-pressed=true]{color:#246b30;background:#4caf501b;border-color:#389a4760}.demo-page.light-theme .project-filter[aria-pressed=true] .project-filter-number{color:#246b30}.demo-page .project-filter-summary{color:var(--dim);margin:10px 30px 0;font-size:12px}.demo-page .projects-grid{grid-template-columns:1fr 1fr;gap:24px;padding:25px 28px}.demo-page .project{background:0 0;border:0;border-radius:0}.demo-page .project-cover,.demo-page .project-graphic{aspect-ratio:1.7;background:radial-gradient(at 20% 10%,#315139,#1a2425 65%);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex;position:relative;overflow:hidden}.demo-page .project-cover img{object-fit:cover;width:100%;height:100%}.demo-page .project-graphic-platform{background:radial-gradient(at 70% 0,#2f454e,#1a2327 65%)}.demo-page .project-graphic-tool{background:radial-gradient(at 20% 10%,#424a36,#1c2423 65%)}.demo-page .project-monogram{color:#9bcda5;font-size:62px;font-weight:700;line-height:1}.demo-page .project-graphic-title{color:#d0dfd3;font-size:12px}.demo-page .project-body{padding:15px 2px 8px}.demo-page .project-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-page .project-category{color:var(--accent);margin:0;font-size:12px}.demo-page .project-stage{color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:3px 6px;font-size:10px}.demo-page .project-body h3{margin:10px 0;font-size:19px}.demo-page .project-body p{color:var(--muted);font-size:14px;line-height:1.8}.demo-page .project-tech{flex-wrap:wrap;gap:6px;display:flex}.demo-page .project-tech span{border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:4px 7px;font-size:11px}.demo-page .project-actions{flex-wrap:wrap;gap:15px;margin-top:16px;display:flex}.demo-page .project-actions button,.demo-page .project-visit{color:var(--accent);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13px;text-decoration:none;display:inline-flex}.demo-page .empty-state,.demo-page .contact-details{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:16px;margin:30px 28px;padding:30px;line-height:1.8}.demo-page .empty-state svg{color:var(--accent)}.demo-page .empty-state h3{color:var(--ink);font-size:20px}.demo-page .contact-link{color:var(--accent);gap:10px;padding-block:12px;display:flex}.demo-page .site-footer{z-index:25;color:#aaa;background:#14181a;justify-content:center;align-items:center;width:100%;height:35px;margin:0;padding:0;display:flex;position:fixed;bottom:0;left:0}.demo-page .site-footer small{font-size:12px}.demo-page .language-switcher{box-shadow:none;background:0 0;border:0;gap:3px;padding:0;position:fixed;bottom:7px;left:auto;right:20px;transform:none}.demo-page .language-switcher a{min-width:0;color:var(--muted);border:0;padding:4px 7px;font-size:11px}.demo-page .language-switcher .is-current{color:var(--accent);background:0 0}.demo-page .private-preview-note{font-size:10px;bottom:38px}html[dir=rtl] .demo-page .float-nav{left:auto;right:max(8px,6vw - 76px)}html[dir=rtl] .demo-page .identity-card,html[dir=rtl] .demo-page .identity-content,html[dir=rtl] .demo-page .identity-actions{transform:none}html[dir=rtl] .demo-page .nav-link{font-size:11px}html[dir=rtl] .demo-page .language-switcher{left:20px;right:auto}html[dir=rtl] .demo-page .identity-content h1{font-size:34px}.demo-page.light-theme{--ink:#202629;--muted:#555e62;--dim:#68736c;--border:#00000014;color:var(--ink);background:#e7e9e8}.demo-page.light-theme .content-card{background:linear-gradient(120deg,#fafbfa,#e9edeb)}.demo-page.light-theme .site-footer{color:#555;background:#e7e9e8}.demo-page.light-theme .float-nav{background:#f1f7f3a6}.demo-page.light-theme .nav-link,.demo-page.light-theme .nav-bottom,.demo-page.light-theme .nav-bars{color:#444}.demo-page.light-theme .identity-content,.demo-page.light-theme .identity-actions{--ink:#eee}.demo-page.light-theme .nav-link[aria-current]{color:#328a36}@media (width>=981px) and (width<=1200px){.demo-page .scene{width:86vw;margin-inline-start:9vw}.demo-page .identity-card{flex-basis:39%}.demo-page .about-grid{grid-template-columns:1fr}.demo-page .facts{border-inline-start:0;padding-top:0}.demo-page .fact-row{min-height:50px;padding-block:12px}.demo-page .fact-row-skills{min-height:70px}.demo-page .service-card{padding:20px 12px}.demo-page .service-card:before{inset:20px 12px 0}.demo-page .service-card>*{margin-inline:20px}.demo-page .identity-content h1{font-size:31px}.demo-page .identity-role{font-size:18px}}@media (width>=981px) and (height<=680px){.demo-page .scene{height:86vh;min-height:0;margin-top:6vh}.demo-page .float-nav{padding-bottom:8px}.demo-page .nav-bars{height:45px}.demo-page .nav-link{min-height:55px}.demo-page .nav-bottom{padding-top:12px}.demo-page .identity-content{bottom:90px}.demo-page .identity-content h1{font-size:30px}.demo-page .identity-actions{height:55px}}@media (width<=980px){body.demo-page{overflow:clip auto}.demo-page .scene{width:calc(100% - 16px);height:auto;min-height:0;margin:8px auto 0;display:block}.demo-page .float-nav,html[dir=rtl] .demo-page .float-nav{backdrop-filter:blur(10px)saturate(1.15);visibility:visible;z-index:40;scrollbar-width:none;background:#1820227a;border:1px solid #ffffff10;border-radius:28px;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:54px;height:auto;min-height:0;max-height:calc(100dvh - 16px);padding:5px 0 6px;transition:none;display:flex;position:fixed;inset:min(50dvh,16px + clamp(180px,57.5vw,260px)) 8px auto auto;overflow:hidden auto;transform:translateY(-50%);box-shadow:0 8px 25px #0004}.demo-page .nav-bars{flex:none;width:100%;height:31px;min-height:31px;display:flex}.demo-page .nav-bars svg{width:18px;height:18px}.demo-page .nav-links{flex-direction:column;gap:2px;width:100%;max-width:none;display:flex}.demo-page .nav-link,html[dir=rtl] .demo-page .nav-link{text-transform:none;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:calc(100% - 8px);min-height:48px;margin:0 4px;padding:6px 1px;font-size:9px;line-height:1.35;display:flex}.demo-page .nav-link svg{flex:none;width:19px;height:19px}.demo-page .nav-bottom{border-top:1px solid #ffffff08;flex:none;justify-content:center;width:36px;height:36px;min-height:36px;margin:7px auto 0;padding:7px;display:flex}.demo-page .nav-bottom svg{width:19px;height:19px}.demo-page .identity-card,html[dir=rtl] .demo-page .identity-card{border-radius:25px;width:100%;height:clamp(360px,115vw,520px);margin-bottom:20px;transform:none}.demo-page .identity-content{bottom:105px}.demo-page .content-card{border-radius:25px;width:100%;height:auto;min-height:400px;max-height:none;margin:0;scroll-margin-top:24px;overflow:visible}.demo-page .panel-section{min-height:400px}.demo-page .site-footer{background:0 0;width:100%;height:auto;min-height:90px;padding:15px 0 45px;display:flex;position:relative}.demo-page .language-switcher,html[dir=rtl] .demo-page .language-switcher{white-space:nowrap;background:#171d1e;border:1px solid #ffffff12;border-radius:20px;padding:4px;position:absolute;bottom:10px;left:50%;right:auto;transform:translate(-50%)}.demo-page .language-switcher a{padding:5px 10px}.demo-page .private-preview-note{position:static}.demo-page.light-theme .float-nav{background:#f5f7f5}}@media (width<=620px){.demo-page .scene{width:calc(100% - 16px);margin:8px auto 0}.demo-page .identity-card,html[dir=rtl] .demo-page .identity-card{border-radius:22px;height:clamp(360px,115vw,520px)}.demo-page .identity-content h1,html[dir=rtl] .demo-page .identity-content h1{font-size:clamp(22px,6.1vw,30px)}.demo-page .identity-role{font-size:clamp(12px,3.1vw,16px)}.demo-page .identity-content{bottom:85px;left:12px;right:12px}.demo-page .identity-actions{height:57px}.demo-page .identity-actions a{gap:5px;font-size:10px}.demo-page .content-card{border-radius:22px}.demo-page .section-heading{padding:22px 18px;font-size:19px}.demo-page .section-heading:before{top:23px;inset-inline-start:13px}.demo-page .about-grid{grid-template-columns:1fr;min-height:0}.demo-page .about-copy{padding:20px 17px}.demo-page .about-copy p{font-size:16px}.demo-page .facts{border-inline-start:0;padding-top:0}.demo-page .fact-row{gap:8px;padding:15px 17px}.demo-page .fact-row-skills{min-height:95px}.demo-page .services-grid{grid-template-columns:1fr}.demo-page .service-card{min-height:240px;padding:24px 20px;border-inline-end:0!important}.demo-page .service-card:before{inset:24px 20px 0}.demo-page .service-card>*{margin-inline:24px}.demo-page .service-card p{font-size:15px}.demo-page .service-card h3{font-size:18px}.demo-page .resume-grid{grid-template-columns:1fr;padding:24px}.demo-page .resume-column+.resume-column{border:0;padding:0}.demo-page .projects-grid{grid-template-columns:1fr;padding:17px}.demo-page .project-filters{gap:8px;padding:18px 66px 0 16px}.demo-page .project-filter{grid-template-columns:18px minmax(0,1fr) 21px;gap:6px;min-height:70px;padding:10px 8px;font-size:11px}.demo-page .project-filter-number{width:21px;height:23px;font-size:10px}.demo-page .section-lead{margin-inline:24px;font-size:15px}.demo-page .contact-details,.demo-page .empty-state{margin:16px;padding:14px}}@media (prefers-reduced-motion:reduce){.demo-page *,.demo-page :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.demo-page .social-list{gap:20px;margin-top:20px}.demo-page .social-list a{color:#eee;padding:4px;display:inline-flex}.demo-page .social-list a:hover{color:var(--accent)}.demo-page .contact-link{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:22px 0;text-decoration:none;display:grid}.demo-page .contact-channel{color:var(--muted);grid-column:1;font-size:13px}.demo-page .contact-value{overflow-wrap:anywhere;grid-area:2/1;justify-self:start;max-width:100%;font-size:clamp(15px,1.6vw,21px)}.demo-page .contact-link>svg{grid-area:1/2/3;align-self:center}.demo-page .contact-link:hover .contact-value{text-decoration:underline}@media (width<=400px){.demo-page .fact-row{grid-template-columns:1fr;gap:9px}.demo-page .fact-row>span{text-align:start;justify-self:start}.demo-page .skill-icons{justify-content:flex-start}.demo-page .service-card{padding-inline:12px}.demo-page .service-card:before{inset-inline:12px}.demo-page .service-card>*{margin-inline:16px}.demo-page .about-copy p,html[dir=rtl] .demo-page .about-copy p{font-size:14px}}@media (width<=980px){.demo-page .float-nav,html[dir=rtl] .demo-page .float-nav{background:#1820226b;border-color:#dcece422;box-shadow:0 8px 24px #0002}.demo-page.light-theme .float-nav{background:#f1f7f394}.demo-page .content-card{border-radius:24px;width:100%}.demo-page .project-filters{padding-right:66px}.demo-page .section-heading{padding-right:70px}html[dir=rtl] .demo-page .section-heading:before{inset-inline-start:59px}.demo-page .project-filter-summary,.demo-page .section-lead{margin-right:70px}.demo-page .about-copy,.demo-page .fact-row{padding-right:70px}.demo-page .project-body{padding-right:58px}.demo-page .resume-grid{padding-right:66px}.demo-page .service-card{padding-right:54px}.demo-page .contact-details,.demo-page .empty-state{margin-right:64px}}html[dir=rtl] body.demo-page{font-family:Noto Sans Arabic,Inter,Arial,sans-serif}html[dir=rtl] body.demo-page .nav-link{font-family:inherit}.demo-page{font-synthesis:none}.demo-page .service-card:before{background:#1c2324}.demo-page .service-visual{justify-content:center;align-items:center;height:164px;margin-top:12px;display:flex}.demo-page .service-visual .service-icon{margin:0}.demo-page .service-figure{aspect-ratio:5/4;--hairline-plate:#1c2324;--hairline-hi:#6dce78;--hairline-edge:#4caf50;--hairline-mid:#527d5a;--hairline-lo:#304638;--hairline-stroke:1.1;width:205px;max-width:100%}.demo-page .service-figure[data-motion=static]{pointer-events:none}.demo-page .service-card h3{margin-top:12px;line-height:1.6}.demo-page .service-card p{line-height:1.9}html[dir=rtl] .demo-page .about-copy p{font-size:16px;line-height:2}html[dir=rtl] .demo-page .identity-content h1{line-height:1.55}html[dir=rtl] .demo-page .identity-role{line-height:1.7}.demo-page.light-theme .service-card:before{background:#f2f6f3}.demo-page.light-theme .service-figure{--hairline-plate:#f2f6f3;--hairline-hi:#257534;--hairline-edge:#388b47;--hairline-mid:#75a580;--hairline-lo:#c2d9c7}@media (width<=980px){.demo-page .service-visual{height:160px;margin-top:8px}.demo-page .service-figure{width:200px}html[dir=rtl] .demo-page .about-copy p{font-size:16px;line-height:2}html[dir=rtl] .demo-page .service-card p{font-size:16px;line-height:1.95}.demo-page .project-body p{font-size:15px;line-height:1.9}}.demo-page .expertise-board{padding:24px 28px 30px}.demo-page .technology-grid,.demo-page .capability-grid{margin:0;padding:0;list-style:none;display:grid}.demo-page .technology-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.demo-page .technology-item{color:#75c780;background:#ffffff02;border:1px solid #a7cbb413;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-width:0;min-height:91px;padding:14px 4px;display:flex}.demo-page .technology-item>span:last-child{color:#d3dad5;text-align:center;max-width:100%;font:500 11px/1.4 Inter,Arial,sans-serif}.demo-page .brand-icon{width:34px;height:34px;color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.demo-page .brand-icon svg{fill:currentColor;width:100%;height:100%;display:block}.demo-page .expertise-heading{border-top:1px solid var(--border);margin:28px 0 16px;padding-top:22px;font-size:18px;font-weight:700;line-height:1.6}.demo-page .capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-page .capability-item{color:#d3dad5;background:#ffffff02;border:1px solid #a7cbb413;border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:70px;padding:14px 12px;font-size:12px;line-height:1.7;display:flex}.demo-page .capability-icon{color:#64bc70;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.demo-page .capability-icon .brand-icon{width:29px;height:29px}.demo-page .project-filters{border-bottom:2px solid #ffffff14;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:18px 28px 0;padding:0;display:grid;position:relative}.demo-page .project-filter{min-width:0;min-height:62px;box-shadow:none;color:#aeb9b2;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:12px 5px;font-size:12px;font-weight:600;line-height:1.6;display:flex;position:relative}.demo-page .project-filter:after{content:"";background:0 0;border-radius:3px;height:3px;position:absolute;bottom:-2px;left:0;right:0}.demo-page .project-filter[aria-selected=true]{color:#76d183;box-shadow:none;background:0 0}.demo-page .project-filter[aria-selected=true]:after{background:var(--accent)}.demo-page .project-filter-icon{color:inherit;flex:none}.demo-page .project-filter-label{line-height:1.6}.demo-page .project-filter-number{display:none}.demo-page .project-filter:hover{color:#86d891;background:#4caf5006;border:0}.demo-page .project-filter:focus-visible{outline-offset:-5px;border-radius:5px;outline:1px solid #81d38d}.demo-page .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;padding:24px 28px;display:grid}.demo-page .project{border:1px solid var(--border);background:#ffffff02;border-radius:15px;flex-direction:column;min-width:0;padding:10px;display:flex}.demo-page .project[hidden]{display:none}.demo-page .project-cover,.demo-page .project-graphic{aspect-ratio:1.55;border-radius:10px}.demo-page .project-monogram{font-size:clamp(30px,3.5vw,48px)}.demo-page .project-graphic-title{text-align:center;padding-inline:5px;font-size:10px}.demo-page .project-body{flex-direction:column;flex:1;min-width:0;padding:13px 2px 4px;display:flex}.demo-page .project-category,.demo-page .project-meta:empty{display:none}.demo-page .project-stage{padding:2px 5px;font-size:9px}.demo-page .project-body h3{overflow-wrap:anywhere;margin:7px 0 8px;font-size:16px;line-height:1.7}.demo-page .project-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 10px;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.demo-page .project-tech{gap:5px;margin-top:auto}.demo-page .project-tech span{padding:3px 5px;font-size:9px}.demo-page .project-actions{align-items:center;gap:14px;margin-top:14px}.demo-page .project-actions button,.demo-page .project-visit{font-size:11px;line-height:1.8}.demo-page.light-theme .technology-item,.demo-page.light-theme .capability-item,.demo-page.light-theme .project{background:#00000002;border-color:#214a2c16}.demo-page.light-theme .technology-item{color:#308a42}.demo-page.light-theme .technology-item>span:last-child,.demo-page.light-theme .capability-item{color:#34453a}.demo-page.light-theme .capability-icon{color:#308a42}.demo-page.light-theme .project-filters{border-color:#00000015}.demo-page.light-theme .project-filter{color:#53645a;background:0 0;border:0}.demo-page.light-theme .project-filter[aria-selected=true]{color:#287b37;background:0 0;border:0}@media (width>=981px) and (width<=1200px){.demo-page .technology-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-page .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-page .project-filter{gap:5px;font-size:11px}}@media (width<=980px){.demo-page .expertise-board{padding:20px 68px 24px 16px}.demo-page .technology-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-page .capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-page .project-filters{margin:16px 66px 0 16px;padding:0}.demo-page .project-filter{font-size:12px}.demo-page .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 66px 24px 16px}.demo-page .project-body{padding:12px 2px 3px}}@media (width<=620px){.demo-page .expertise-board{padding-left:12px;padding-right:66px}.demo-page .technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.demo-page .technology-item{border-radius:11px;gap:10px;min-height:78px;padding:11px 2px}.demo-page .technology-item>span:last-child{font-size:clamp(9px,2.8vw,11px)}.demo-page .brand-icon{width:30px;height:30px}.demo-page .expertise-heading{margin-top:25px;font-size:17px}.demo-page .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.demo-page .capability-item{text-align:center;flex-direction:column;justify-content:center;gap:8px;min-height:92px;padding:12px 6px;font-size:11px;line-height:1.7}.demo-page .project-filters{margin-left:12px;margin-right:64px}.demo-page .project-filter{flex-direction:column;gap:6px;min-height:83px;padding:9px 2px;font-size:clamp(9px,2.65vw,11px)}.demo-page .project-filter-icon svg{width:19px;height:19px}.demo-page .project-filter-label{max-width:100%;line-height:1.6}.demo-page .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:19px 64px 24px 12px}.demo-page .project{border-radius:12px;padding:7px}.demo-page .project-cover,.demo-page .project-graphic{aspect-ratio:1.35;border-radius:7px;gap:7px}.demo-page .project-monogram{font-size:29px}.demo-page .project-graphic-title{display:none}.demo-page .project-open-icon{inset-inline-end:5px;width:26px;height:26px;bottom:5px}.demo-page .project-open-icon svg{width:13px;height:13px}.demo-page .project-body{padding:9px 0 1px}.demo-page .project-body h3{margin:3px 0 4px;font-size:clamp(10px,3.1vw,13px);line-height:1.75}.demo-page .project-stage{padding:2px 3px;font-size:8px;line-height:1.6}.demo-page .project-summary,.demo-page .project-tech{display:none}.demo-page .project-actions{gap:6px;margin-top:auto;padding-top:8px}.demo-page .project-actions button,.demo-page .project-visit{background:#4caf5009;border:1px solid #65ba7222;border-radius:7px;flex:1;justify-content:center;min-height:32px;padding:5px 2px}.demo-page .project-action-label{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.demo-page .project-filter-summary.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.demo-page .capability-item>span:last-child{overflow-wrap:anywhere;min-width:0;max-width:100%}.demo-page .capability-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.demo-page .capability-item{text-align:center;flex-direction:column;justify-content:center;gap:11px;min-height:110px;padding:14px 6px}.demo-page .project-filter{-webkit-tap-highlight-color:transparent}@media (width<=620px){.demo-page .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-page .capability-item{gap:8px;min-height:92px;padding:12px 6px}}.demo-page .technology-grid{grid-template-columns:repeat(8,minmax(0,1fr))}@media (width<=1200px){.demo-page .technology-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=620px){.demo-page .technology-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-page .technology-item:last-child:nth-child(3n+1){grid-column:2}}.demo-page .project-cover>.project-graphic{border-radius:inherit;width:100%;height:100%}.demo-page.preview-open{overflow:hidden}.demo-page .live-preview{width:min(1320px,100vw - 32px);max-width:none;height:min(920px,100dvh - 28px);max-height:none;color:var(--ink);background:#191f21;border:1px solid #718d773d;border-radius:19px;margin:auto;padding:0;overflow:hidden;box-shadow:0 25px 100px #0007}.demo-page .live-preview[open]{flex-direction:column;display:flex}.demo-page .live-preview::backdrop{backdrop-filter:blur(5px);background:#070c10cf}.demo-page .live-preview [hidden]{display:none!important}.demo-page .live-preview-head{border-bottom:1px solid var(--border);background:#1c2425;flex:none;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:16px;padding:12px 16px;display:grid}.demo-page .live-preview-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.demo-page .live-preview-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.6;overflow:hidden}.demo-page .live-preview-heading bdi{color:#a7b8ae;align-self:flex-start;font:12px/1.6 Inter,Arial,sans-serif}.demo-page .live-preview-controls{align-items:center;gap:9px;display:flex}.demo-page .live-preview-controls a,.demo-page .live-home,.demo-page .live-preview-unavailable>a{color:#9ddda6;min-height:40px;font:inherit;cursor:pointer;background:#4caf5012;border:1px solid #71ba7b33;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:12px;line-height:1.7;text-decoration:none;display:inline-flex}.demo-page .live-preview-close{color:#d5dfd9;cursor:pointer;background:#ffffff05;border:1px solid #ffffff13;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.demo-page .live-preview button:focus-visible,.demo-page .live-preview a:focus-visible{outline-offset:2px;outline:2px solid #78ce86}.demo-page .live-preview-stage{background:#fff;flex:1;min-height:0;position:relative;overflow:hidden}.demo-page .live-preview-frame{width:100%;height:100%}.demo-page .live-preview-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.demo-page .live-preview-loading{z-index:1;color:#d8e3db;text-align:center;pointer-events:none;background:#1b2224;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:25px;font-size:14px;display:flex;position:absolute;inset:0}.demo-page .live-spinner{border:2px solid #ffffff15;border-top-color:#65c475;border-radius:50%;width:30px;height:30px;animation:1s linear infinite live-spin}@keyframes live-spin{to{transform:rotate(360deg)}}.demo-page .live-preview-unavailable{text-align:center;height:100%;color:var(--ink);background:#191f21;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:28px;display:flex;overflow:auto}.demo-page .live-preview-unavailable img{object-fit:contain;border:1px solid #ffffff12;border-radius:11px;max-width:min(820px,100%);max-height:48vh}.demo-page .live-preview-symbol{color:var(--accent);background:#4caf500b;border:1px solid #67ad7426;border-radius:50%;padding:20px}.demo-page .live-preview-unavailable h3{margin:5px 0 0;font-size:18px;line-height:1.9}.demo-page .live-preview-unavailable p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.demo-page .live-preview-foot{text-align:center;color:#a5b7aa;border-top:1px solid var(--border);background:#1c2425;flex:none;padding:8px 16px;font-size:11px;line-height:1.8}.demo-page.light-theme .live-preview,.demo-page.light-theme .live-preview-unavailable{color:#24362a;background:#f1f5f2}.demo-page.light-theme .live-preview-head,.demo-page.light-theme .live-preview-foot{background:#e8efea;border-color:#00000012}.demo-page.light-theme .live-preview-heading bdi,.demo-page.light-theme .live-preview-foot{color:#52685a}.demo-page.light-theme .live-preview-controls a,.demo-page.light-theme .live-home,.demo-page.light-theme .live-preview-unavailable>a{color:#2c7d3b}.demo-page.light-theme .live-preview-close{color:#304237;background:#00000003;border-color:#00000012}@media (width<=620px){.demo-page .live-preview{border-radius:15px;width:calc(100vw - 12px);height:calc(100dvh - 12px)}.demo-page .live-preview-head{grid-template-columns:minmax(0,1fr) 40px;gap:8px 12px;padding:10px 12px}.demo-page .live-preview-heading{grid-area:1/1}.demo-page .live-preview-heading strong{font-size:14px}.demo-page .live-preview-heading bdi{font-size:10px}.demo-page .live-preview-close{grid-area:1/2;width:40px;height:40px}.demo-page .live-preview-controls{grid-area:2/1/auto/-1;gap:8px}.demo-page .live-preview-controls a,.demo-page .live-home{white-space:nowrap;flex:1;min-height:40px;padding:7px 9px;font-size:10px}.demo-page .live-preview-foot{padding:7px 10px;font-size:10px}.demo-page .live-preview-unavailable{gap:12px;padding:20px}.demo-page .live-preview-unavailable h3{font-size:15px}.demo-page .live-preview-unavailable p{font-size:12px}}@media (prefers-reduced-motion:reduce){.demo-page .live-spinner{animation:none}}.demo-page .about-biography{padding:30px 32px 8px;container:biography/inline-size}.demo-page .biography-eyebrow{color:var(--accent-light);letter-spacing:.04em;align-items:center;gap:10px;margin:0 0 16px;font-size:11px;font-weight:600;line-height:1.8;display:flex}.demo-page .biography-eyebrow:before{content:"";background:currentColor;flex:none;width:24px;height:1px}.demo-page .biography-title{letter-spacing:-.025em;text-wrap:balance;color:var(--ink);margin:0 0 19px;font-size:clamp(25px,2.35vw,36px);font-weight:700;line-height:1.55}.demo-page .biography-greeting{color:var(--accent-light);letter-spacing:0;margin-bottom:4px;font-size:17px;font-weight:500;line-height:1.9;display:block}.demo-page .biography-lead{max-width:42em;color:var(--ink);text-wrap:pretty;margin:0 0 21px;font-size:18px;font-weight:500;line-height:1.9}.demo-page .biography-story{color:var(--muted);max-width:50em;font-size:15px;line-height:2}.demo-page .biography-story p{margin:0 0 14px}.demo-page .biography-mindset{border-top:1px solid var(--border);margin-top:30px;padding-top:24px}.demo-page .biography-subheading{color:var(--ink);margin:0 0 9px;font-size:17px;font-weight:650;line-height:1.9}.demo-page .biography-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.demo-page .biography-principle{border-inline-end:1px solid var(--border);min-width:0;padding:4px 18px 0}.demo-page .biography-principle:first-child{padding-inline-start:0}.demo-page .biography-principle:last-child{border-inline-end:0;padding-inline-end:0}.demo-page .biography-drawing{justify-content:center;align-items:center;height:124px;display:flex;overflow:hidden}.demo-page .biography-drawing .service-figure{--hairline-plate:#1c2324;width:148px}.demo-page .biography-principle h4{color:var(--ink);margin:9px 0 8px;font-size:14px;font-weight:650;line-height:1.9}.demo-page .biography-index{color:var(--accent-light);letter-spacing:.12em;margin-bottom:6px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:500;line-height:1.5;display:block}.demo-page .biography-principle p{color:var(--muted);margin:0;font-size:13px;line-height:1.95}.demo-page .biography-note{border-top:1px solid var(--border);align-items:center;gap:18px;margin-top:29px;padding:20px 0 8px;display:flex}.demo-page .biography-code-mark{color:var(--accent-light);letter-spacing:-.08em;flex:none;font:400 26px/1.5 Inter,Arial,sans-serif}.demo-page .biography-note h3{color:var(--muted);margin:0 0 4px;font-size:11px;font-weight:500;line-height:1.9}.demo-page .biography-note p{color:var(--ink);margin:0;font-size:14px;line-height:1.9}html[dir=rtl] .demo-page .biography-title{letter-spacing:0;line-height:1.65}html[dir=rtl] .demo-page .biography-eyebrow{letter-spacing:0;font-size:12px}html[dir=rtl] .demo-page .biography-principle h4{font-size:15px}html[dir=rtl] .demo-page .biography-principle p{font-size:14px}.demo-page.light-theme .biography-eyebrow,.demo-page.light-theme .biography-greeting,.demo-page.light-theme .biography-index,.demo-page.light-theme .biography-code-mark{color:#2c7d3b}.demo-page.light-theme .biography-drawing .service-figure{--hairline-plate:#f2f6f3}@container biography (width<=610px){.demo-page .biography-principles{grid-template-columns:1fr}.demo-page .biography-principle,.demo-page .biography-principle:first-child,.demo-page .biography-principle:last-child{border-inline-end:0;border-bottom:1px solid var(--border);grid-template-columns:104px minmax(0,1fr);gap:0 18px;padding:19px 0;display:grid}.demo-page .biography-principle:last-child{border-bottom:0;padding-bottom:0}.demo-page .biography-drawing{grid-area:1/1/3;align-self:center;height:100px}.demo-page .biography-drawing .service-figure{width:120px}.demo-page .biography-principle-copy{display:contents}.demo-page .biography-principle h4{grid-area:1/2;margin:0 0 6px;font-size:15px}.demo-page .biography-index{margin:0;margin-inline-end:8px;font-size:10px;display:inline-block}.demo-page .biography-principle p{grid-area:2/2;font-size:14px}}@media (width<=980px){.demo-page .about-biography{padding:27px 70px 8px 26px}.demo-page .biography-title{font-size:30px}}@media (width<=620px){.demo-page .about-biography{padding:24px 70px 8px 20px}.demo-page .biography-title{margin-bottom:17px;font-size:25px;line-height:1.65}.demo-page .biography-greeting{font-size:15px}.demo-page .biography-lead{font-size:16px;line-height:2}.demo-page .biography-story{font-size:14px;line-height:2}.demo-page .biography-mindset{margin-top:25px;padding-top:20px}.demo-page .biography-subheading{font-size:16px}.demo-page .biography-note{align-items:flex-start;gap:12px;margin-top:24px;padding-top:18px}.demo-page .biography-code-mark{margin-top:3px;font-size:21px}.demo-page .biography-note p{font-size:13px}}@container biography (width<=380px){.demo-page .biography-principle,.demo-page .biography-principle:first-child,.demo-page .biography-principle:last-child{grid-template-columns:68px minmax(0,1fr);gap:10px 13px;padding-block:18px}.demo-page .biography-drawing{grid-row:1;height:69px}.demo-page .biography-drawing .service-figure{width:85px}.demo-page .biography-principle h4{align-self:center;margin:0}.demo-page .biography-index{margin-bottom:4px;display:block}.demo-page .biography-principle p{grid-area:2/1/auto/-1}}.demo-page .project-body .project-summary{-webkit-line-clamp:unset;font-size:13px;line-height:1.85;display:block;overflow:visible}.demo-page .project-stage{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.65}.demo-page .project-stage[data-project-stage=published]{color:var(--accent);background:#4caf5014;border-color:#4caf5040}.demo-page .project-stage[data-project-stage=testing],.demo-page .project-stage[data-project-stage=beta]{color:var(--text)}@media (width<=600px){.demo-page .project-body .project-summary{overflow-wrap:anywhere;margin:5px 0 8px;font-size:11.5px;line-height:1.85;display:block}.demo-page .project-stage{padding:2px 4px;font-size:9px}.demo-page .project-body h3{font-size:13px;line-height:1.7}}.demo-page .system-project{background:0 0;padding:0;overflow:hidden}.demo-page .system-project-tile{border-radius:inherit;width:100%;min-width:0;height:100%;min-height:226px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;background:radial-gradient(at 50% 0,#4caf5017,#0000 75%),#ffffff02;border:0;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:28px 18px;transition:background .2s,color .2s;display:flex}.demo-page .system-tile-mark{color:#81ce8c;background:#4caf500b;border:1px solid #74ce8124;border-radius:26px;place-items:center;width:94px;height:94px;transition:transform .2s,background .2s;display:grid}.demo-page .system-tile-name{overflow-wrap:anywhere;max-width:100%;font-size:17px;font-weight:650;line-height:1.7}.demo-page .system-project-tile:hover{background-color:#4caf5009}.demo-page .system-project-tile:hover .system-tile-mark{background:#4caf5018;transform:translateY(-4px)}.demo-page .system-project-tile:focus-visible{outline-offset:-4px;outline:2px solid #7ed58a}.demo-page.system-case-open{overflow:hidden}.demo-page .system-case-dialog{width:min(1040px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);color:var(--ink);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#57745e66 transparent;text-align:start;background:linear-gradient(125deg,#1e2525,#181d1f 65%);border:1px solid #8aaf9826;border-radius:24px;margin:auto;padding:0;font-family:inherit;overflow:auto;box-shadow:0 40px 130px #0009}.demo-page .system-case-dialog::backdrop{backdrop-filter:blur(10px);background:#080d10bd}.demo-page .system-case-dialog[open]{animation:.18s ease-out system-case-enter}.demo-page .system-case-toolbar{z-index:2;backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#1b2222ed;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 32px;display:flex;position:sticky;top:0}.demo-page .system-case-toolbar>span{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.demo-page .system-case-dot{background:#74cc83;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 5px #4caf5012}.demo-page .system-case-close{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#ffffff04;border-radius:50%;flex:none;place-items:center;display:grid}.demo-page .system-case-close:hover{color:#8edc9a;background:#4caf5015}.demo-page .system-case-close:focus-visible,.demo-page .system-case-footer button:focus-visible{outline-offset:3px;outline:2px solid #7ed58a}.demo-page .system-case-content{padding:8px 44px 0}.demo-page .system-case-hero{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 176px;align-items:center;gap:32px;padding:36px 0 38px;display:grid}.demo-page .system-case-kicker{color:#7aca87;margin:0 0 12px;font-size:12px;font-weight:600;line-height:1.8}.demo-page .system-case-hero h2{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 14px;font-size:clamp(26px,3.2vw,38px);font-weight:700;line-height:1.45}.demo-page .system-case-tagline{color:var(--muted);margin:0 0 18px;font-size:16px;line-height:1.9}.demo-page .system-case-platform{color:#a6c5ae;background:#4caf5007;border:1px solid #7abc8522;border-radius:7px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;line-height:1.8;display:inline-flex}.demo-page .system-case-art{isolation:isolate;color:#85d092;background:radial-gradient(at 40% 25%,#6ec17b21,#0000 75%);border:1px solid #83c48c1c;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:176px;height:190px;display:flex;position:relative;overflow:hidden}.demo-page .system-case-art>svg{z-index:1;stroke-width:1.05px}.demo-page .system-case-art>bdi{letter-spacing:.18em;color:#9ebaa5;font-size:11px}.demo-page .system-case-orbit{z-index:-1;border:1px solid #7ccf8a13;border-radius:50%;width:230px;height:230px;position:absolute;inset:60px auto auto -70px}.demo-page .system-case-layout{grid-template-columns:minmax(0,1fr) 235px;align-items:start;gap:38px;padding:34px 0;display:grid}.demo-page .system-case-main,.demo-page .system-case-identity{min-width:0}.demo-page .system-case-section+section{margin-top:32px}.demo-page .system-case-section h3,.demo-page .system-case-stack>h3{margin:0 0 16px;font-size:17px;font-weight:650;line-height:1.7}.demo-page .system-case-overview{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:2.05}.demo-page .system-case-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.demo-page .system-case-features>li{border:1px solid var(--border);background:#ffffff02;border-radius:12px;align-items:flex-start;gap:11px;min-width:0;padding:17px 14px;display:flex}.demo-page .system-feature-number{color:#74bc81;flex:none;font-size:10px;font-weight:600;line-height:2.2}.demo-page .system-case-features h4{margin:0 0 6px;font-size:12px;font-weight:650;line-height:1.8}.demo-page .system-case-features p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.9}.demo-page .system-case-stack{background:#4caf5005;border:1px solid #7abc851a;border-radius:14px;min-width:0;padding:24px 21px}.demo-page .system-stack-icon{color:#7bcf89;margin-bottom:11px;display:inline-flex}.demo-page .system-stack-group+section{border-top:1px solid var(--border);margin-top:19px;padding-top:19px}.demo-page .system-stack-group h4{color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:500;line-height:1.8}.demo-page .system-stack-group ul{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.demo-page .system-stack-group li{overflow-wrap:anywhere;background:#ffffff03;border:1px solid #a9c6b11b;border-radius:5px;max-width:100%;padding:6px 9px;font-size:11px;line-height:1.6}.demo-page .system-case-journey ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.demo-page .system-case-journey li{overflow-wrap:anywhere;border-top:1px solid #76c08340;flex-direction:column;gap:8px;min-width:0;padding-top:13px;font-size:12px;line-height:1.9;display:flex}.demo-page .system-case-journey li>span{color:#7aca87;letter-spacing:.1em;font-size:10px}.demo-page .system-case-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:22px 0 28px;display:flex}.demo-page .system-case-footer button{color:#8cce98;min-height:44px;font:inherit;cursor:pointer;background:#4caf500a;border:1px solid #82c58f30;border-radius:7px;align-items:center;gap:12px;padding:9px 14px;font-size:12px;display:inline-flex}.demo-page[dir=rtl] .system-case-footer button svg,html[dir=rtl] .demo-page .system-case-footer button svg{transform:rotate(180deg)}.demo-page.light-theme .system-project-tile{background:radial-gradient(at 50% 0,#4caf5015,#0000 75%),#00000002}.demo-page.light-theme .system-tile-mark{color:#307e40;background:#4caf5008}.demo-page.light-theme .system-case-dialog{color:#24372b;--ink:#24372b;--muted:#526359;--border:#305c3c17;background:linear-gradient(125deg,#f3f7f4,#eaf0ec)}.demo-page.light-theme .system-case-toolbar{background:#eff4f0ed}.demo-page.light-theme .system-case-kicker,.demo-page.light-theme .system-stack-icon,.demo-page.light-theme .system-feature-number,.demo-page.light-theme .system-case-journey li>span,.demo-page.light-theme .system-case-platform,.demo-page.light-theme .system-case-art,.demo-page.light-theme .system-case-footer button{color:#347c43}.demo-page.light-theme .system-case-art>bdi{color:#4b7255}.demo-page.light-theme .system-stack-group li{background:#fff8;border-color:#2b583c25}@media (width<=760px){.demo-page .system-case-dialog{border-radius:18px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.demo-page .system-case-toolbar{min-height:65px;padding:10px 20px}.demo-page .system-case-content{padding:0 24px}.demo-page .system-case-hero{grid-template-columns:minmax(0,1fr) 100px;gap:20px;padding:28px 0}.demo-page .system-case-art{border-radius:20px;width:100px;height:128px}.demo-page .system-case-art>svg{width:50px;height:50px}.demo-page .system-case-layout{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 0}.demo-page .system-case-stack{padding:22px}.demo-page .system-case-hero h2{font-size:27px}.demo-page .system-case-tagline,.demo-page .system-case-overview{font-size:14px}}@media (width<=620px){.demo-page .system-project-tile{gap:14px;min-height:153px;padding:20px 8px 17px}.demo-page .system-tile-mark{border-radius:18px;width:66px;height:66px}.demo-page .system-tile-mark svg{stroke-width:1.4px;width:36px;height:36px}.demo-page .system-tile-name{font-size:12px;line-height:1.8}}@media (width<=430px){.demo-page .system-case-toolbar{padding:9px 16px}.demo-page .system-case-content{padding:0 20px}.demo-page .system-case-hero{grid-template-columns:minmax(0,1fr);padding:28px 0 26px;position:relative}.demo-page .system-case-art{display:none}.demo-page .system-case-hero h2{font-size:28px;line-height:1.5}.demo-page .system-case-features{grid-template-columns:minmax(0,1fr);gap:10px}.demo-page .system-case-features>li{padding:17px 15px}.demo-page .system-case-features h4{font-size:14px}.demo-page .system-case-features p{font-size:13px}.demo-page .system-case-journey ol{grid-template-columns:minmax(0,1fr);gap:0}.demo-page .system-case-journey li{flex-direction:row;align-items:baseline;gap:14px;padding:12px 0}.demo-page .system-case-footer{justify-content:stretch}.demo-page .system-case-footer button{justify-content:center;width:100%}.demo-page .system-project-tile{min-height:144px}}@media (prefers-reduced-motion:reduce){.demo-page .system-case-dialog[open]{animation:none}.demo-page .system-tile-mark,.demo-page .system-project-tile{transition:none}.demo-page .system-project-tile:hover .system-tile-mark{transform:none}}@keyframes system-case-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-page .portfolio-shell{min-width:0}@media (width>=981px){body.demo-page{--portfolio-side:clamp(20px,3vw,64px);height:100dvh;min-height:0;padding:clamp(56px,7dvh,72px) var(--portfolio-side);grid-template-rows:minmax(0,1fr);place-items:center;display:grid;overflow:hidden}.demo-page .portfolio-shell{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:clamp(12px,1.25vw,20px);width:min(1760px,100%);height:min(860px,100%);min-height:0;margin:0;display:grid}.demo-page .scene{grid-template-columns:minmax(280px,37.8%) minmax(0,1fr);align-items:stretch;gap:clamp(12px,1.25vw,20px);width:100%;max-width:none;height:100%;min-height:0;margin:0;display:grid}.demo-page .identity-card,html[dir=rtl] .demo-page .identity-card{align-self:stretch;width:100%;height:100%;min-height:0;margin:0;transform:none}.demo-page .content-card{align-self:stretch;width:100%;height:100%;min-height:0;margin:0}.demo-page .float-nav,html[dir=rtl] .demo-page .float-nav{scrollbar-width:none;align-self:center;width:68px;max-height:100%;margin:0;position:relative;inset:auto;overflow-y:auto;transform:none}.demo-page .site-footer{width:min(1760px,calc(100% - var(--portfolio-side) - var(--portfolio-side)));background:0 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:16px;height:auto;min-height:28px;margin:0 auto;padding:0;display:grid;position:fixed;inset:auto 0 12px}.demo-page .site-footer small{text-align:center;grid-area:1/2}.demo-page .language-switcher,html[dir=rtl] .demo-page .language-switcher{grid-area:1/3;justify-self:end;margin:0;position:static;inset:auto;transform:none}}@media (width>=981px) and (height<=650px){.demo-page .nav-bars{flex:none;height:30px;min-height:30px}.demo-page .nav-link,html[dir=rtl] .demo-page .nav-link{gap:4px;min-height:40px;padding:5px 3px;font-size:9px}.demo-page .nav-link svg{width:20px;height:20px}.demo-page .nav-bottom{height:36px;min-height:36px;margin-top:6px;padding:7px}}.demo-page .identity-actions>[data-request-open]{--request-font:Inter,Arial,sans-serif;border:0;border-inline-end:1px solid var(--border);color:var(--ink);font:700 13px var(--request-font);text-transform:uppercase;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;display:flex}.demo-page .identity-actions>[data-request-open]:hover{color:var(--accent)}.demo-page.request-open{overflow:hidden}.demo-page .request-dialog{--request-font:Inter,Arial,sans-serif;width:min(900px,100vw - 40px);max-width:none;max-height:calc(100dvh - 40px);color:var(--ink);font-family:var(--request-font);text-align:start;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#64826b55 transparent;background:linear-gradient(125deg,#1e2525,#171d1f 80%);border:1px solid #89ac962b;border-radius:26px;margin:auto;padding:0;overflow:auto;box-shadow:0 35px 120px #0009}.demo-page .request-dialog::backdrop{backdrop-filter:blur(8px);background:#080e10c9}.request-dialog [hidden]{display:none!important}.request-toolbar{z-index:3;border-bottom:1px solid var(--border);backdrop-filter:blur(10px);color:var(--muted);background:#1c2323f5;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;font-size:12px;display:flex;position:sticky;top:0}.request-toolbar>span{align-items:center;gap:9px;display:flex}.request-dot{background:#79cd89;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #79cd8910}.request-toolbar button{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#ffffff03;border-radius:50%;flex:none;place-items:center;display:grid}.request-heading{padding:25px 38px 8px}.request-heading h2{outline:none;margin:7px 0;font-size:clamp(23px,3vw,31px);font-weight:650;line-height:1.6}.request-kicker{color:#7ed68b;letter-spacing:.02em;margin:0;font-size:12px}.request-heading>p:last-child{color:var(--muted);max-width:640px;margin:8px 0 0;font-size:14px;line-height:1.9}.request-progress{padding:20px 38px 24px}.request-progress ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.request-progress li{position:relative}.request-progress button{color:#aab7ae;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;font-size:10px;display:flex}.request-progress button:disabled{opacity:.45;cursor:default}.request-progress button>span{background:#ffffff03;border:1px solid #81958a44;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.request-progress b{font-weight:500}.request-progress .is-current button{color:#92e4a0;opacity:1}.request-progress .is-current span{background:#69c56d1c;border-color:#84d690}.request-progress .is-done span{background:#69c56d14;border-color:#69c56d44}.request-step{gap:20px;padding:2px 38px 26px;display:grid}.request-step>label,.request-budget>label{flex-direction:column;gap:8px;min-width:0;font-size:14px;font-weight:550;line-height:1.8;display:flex}.request-dialog small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.9}.request-dialog input:not([type=checkbox]):not([type=radio]),.request-dialog select,.request-dialog textarea{width:100%;min-width:0;min-height:46px;color:var(--ink);font:400 14px var(--request-font);box-shadow:none;outline-offset:3px;background:#11181899;border:1px solid #8aab9538;border-radius:10px;padding:10px 13px;line-height:1.7}.request-dialog select option{color:#eee;background:#1d2623}.request-dialog textarea{resize:vertical}.request-dialog input:disabled{opacity:.4}.request-dialog input[type=checkbox],.request-dialog input[type=radio]{accent-color:var(--accent);flex:none;width:18px;height:18px;margin:0}.request-dialog :focus-visible{outline-offset:3px;outline:2px solid #88d996}.request-dialog input::placeholder,.request-dialog textarea::placeholder{color:#8b9d9388}.request-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.request-dialog legend{margin-bottom:9px;padding:0;font-size:14px;font-weight:550}.request-dialog .request-check{flex-direction:row;align-items:start;gap:10px;font-size:12px;font-weight:400;display:flex}.request-check input{margin-top:3px!important}.request-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.request-service{cursor:pointer;background:#ffffff02;border:1px solid #9ab29f26;border-radius:14px;align-items:center;gap:14px;min-height:95px;padding:21px 18px;font-size:14px;line-height:1.7;transition:background .16s,border-color .16s;display:flex;position:relative}.request-service>svg{color:#83b48e;flex:none}.request-service>input{opacity:0;position:absolute;width:1px!important;height:1px!important}.request-service:has(:checked){background:#69c56d12;border-color:#80d68b}.request-service:has(:focus-visible){outline-offset:3px;outline:2px solid #88d996}.request-selected{inset-inline-end:8px;color:#83da8e;display:none;position:absolute;top:8px}.request-service:has(:checked) .request-selected{display:flex}.request-choices>p{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.9}.request-choices>div{flex-wrap:wrap;gap:8px;display:flex}.request-chip{cursor:pointer;background:#ffffff02;border:1px solid #91b09a2b;border-radius:9px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;line-height:1.6;display:flex}.request-chip:has(:checked){background:#69c56d10;border-color:#80d68b}.request-budget{grid-template-columns:minmax(0,1fr) 125px;gap:14px;display:grid}.request-note{color:var(--muted);margin:0;font-size:12px;line-height:1.95}.request-honey{clip-path:inset(50%);white-space:nowrap;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.request-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:18px 38px 24px;display:flex}.request-actions>span{color:var(--muted);direction:ltr;margin-inline-end:auto;font-size:11px}.request-actions button,.request-success button{min-height:46px;color:var(--ink);font:500 13px var(--request-font);cursor:pointer;background:0 0;border:1px solid #7e9d8538;border-radius:10px;padding:11px 20px}.request-dialog .request-primary{color:#0d2212;background:#72c680;border-color:#72c680;justify-content:center;align-items:center;gap:10px;font-weight:650;display:flex}.request-actions button:disabled{opacity:.6;cursor:wait}.request-error{color:#ffb7a9;background:#662c291f;border:1px solid #e68d7a55;border-radius:10px;margin:0 38px 20px;padding:12px 15px;font-size:13px;line-height:1.8}[data-request-review]{gap:14px;display:grid}[data-request-review]>section{background:#ffffff02;border:1px solid #94b29d23;border-radius:13px;padding:17px 18px}[data-request-review] h3{color:#9dd7a7;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:13px;display:flex}[data-request-review] button{color:#b2d9ba;font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 7px;font-size:11px}[data-request-review] dl{gap:10px;margin:0;display:grid}[data-request-review] dl>div{grid-template-columns:minmax(100px,1fr) 2fr;gap:14px;font-size:12px;line-height:1.9;display:grid}[data-request-review] dt{color:var(--muted)}[data-request-review] dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.request-consent{padding:10px 0}.request-success{text-align:center;outline:none;padding:48px 38px}.request-success-mark{color:#9ae4a5;background:#69c56d15;border:1px solid #69c56d44;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 25px;display:grid}.request-success h2{margin:0 0 16px;font-size:26px}.request-success p{color:var(--muted);font-size:14px;line-height:2}.request-reference{overflow-wrap:anywhere;background:#ffffff03;border-radius:10px;padding:13px}.request-reference bdi{color:var(--ink);font-size:16px;display:block}.request-success button{margin:26px auto 0}.demo-page.light-theme .request-dialog{background:linear-gradient(125deg,#f7faf7,#e9efeb)}.light-theme .request-toolbar{background:#f0f5f0f5}.light-theme .request-kicker,.light-theme .request-progress .is-current button,.light-theme [data-request-review] h3{color:#27783b}.light-theme .request-dialog input:not([type=checkbox]):not([type=radio]),.light-theme .request-dialog select,.light-theme .request-dialog textarea{color:#18341f;background:#fff;border-color:#94ad9c88}.light-theme .request-dialog select option{color:#18341f;background:#fff}.light-theme .request-error{color:#9b3020}.light-theme [data-request-review] button,.light-theme .request-selected{color:#27783b}@media (width<=980px){.demo-page .identity-actions>[data-request-open]{--request-font:Inter,Arial,sans-serif;font-size:11px}.demo-page .request-dialog{border-radius:20px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.request-heading{padding:20px 20px 4px}.request-progress{padding:17px 20px 22px}.request-step{padding:0 20px 24px}.request-actions{padding:16px 20px 20px}.request-error{margin:0 20px 16px}.request-service{gap:10px;min-height:96px;padding:17px 13px;font-size:12px}.request-success{padding:35px 20px}}@media (width<=420px){.request-progress{padding-inline:15px}.request-progress ol{gap:3px}.request-progress b{font-size:9px}.request-step{padding-inline:16px}.request-service-grid{gap:9px}.request-service{flex-direction:column;align-items:start;gap:10px;min-height:120px;padding:17px 13px}.request-service>span:not(.request-selected){padding-inline-end:2px}.request-budget{grid-template-columns:minmax(0,1fr) 94px;gap:10px}.request-actions{gap:9px;padding-inline:16px}.request-actions button{padding-inline:13px;font-size:11px}[data-request-review] dl>div{grid-template-columns:1fr;gap:2px}.request-toolbar{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.request-service{transition:none}}html[dir=rtl] .demo-page .request-dialog,html[dir=rtl] .demo-page .identity-actions>[data-request-open]{--request-font:"Noto Sans Arabic",Inter,Arial,sans-serif}.request-dialog #request-title:focus{outline:none}.request-dialog .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.request-dialog .request-actions{backdrop-filter:blur(10px);z-index:2;background:#1b2322f7;position:sticky;bottom:0}.light-theme .request-dialog .request-actions{background:#f0f5f0f7}.request-dialog{scroll-padding-block:90px 110px}.request-dialog .request-check{min-height:32px}.request-dialog .request-chip{min-height:44px}.request-progress button{color:var(--muted)}.request-progress button:disabled{opacity:.8}@media (width<=980px){.request-dialog input:not([type=checkbox]):not([type=radio]),.request-dialog select,.request-dialog textarea{font-size:16px}}.demo-page .biography-personal{padding-block:32px 30px}.demo-page .biography-personal .biography-intro{padding-block-end:26px}.demo-page .biography-personal .biography-title{text-wrap:pretty;max-width:24em;margin:0;font-size:clamp(26px,2.35vw,36px);font-weight:700;line-height:1.65}.demo-page .biography-section{border-top:1px solid var(--border);min-width:0;padding-block:26px}.demo-page .biography-section:last-child{padding-block-end:0}.demo-page .biography-section .biography-subheading{color:var(--accent-light);align-items:center;gap:12px;margin:0 0 15px;font-size:19px;font-weight:650;line-height:1.8;display:flex}.demo-page .biography-section .biography-subheading:before{content:"";background:currentColor;flex:none;width:24px;height:1px}.demo-page .biography-prose{color:var(--ink);overflow-wrap:break-word;text-wrap:pretty;max-width:50em;font-size:16px;line-height:2}.demo-page .biography-prose p{margin:0 0 18px}.demo-page .biography-prose p:last-child{margin-bottom:0}.demo-page .biography-section:first-child .biography-prose{font-size:18px;line-height:1.95}.demo-page.light-theme .biography-section .biography-subheading{color:#2c7d3b}@media (width<=620px){.demo-page .biography-personal{padding-block:25px}.demo-page .biography-personal .biography-intro{padding-block-end:23px}.demo-page .biography-personal .biography-title{font-size:25px;line-height:1.75}.demo-page .biography-section{padding-block:23px}.demo-page .biography-section .biography-subheading{gap:10px;margin-bottom:12px;font-size:18px}.demo-page .biography-section .biography-subheading:before{width:18px}.demo-page .biography-prose,.demo-page .biography-section:first-child .biography-prose{font-size:16px;line-height:2}}.demo-page .testimonials-content{padding:30px 32px 10px;container:reviews/inline-size}.demo-page .testimonials-intro{max-width:42em;margin:0 0 28px}.demo-page .testimonials-intro .testimonials-kicker{color:var(--ink);text-wrap:pretty;margin:0 0 10px;font-size:25px;font-weight:650;line-height:1.65}.demo-page .testimonials-intro>p:last-child{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.demo-page .testimonials-list{gap:22px;min-width:0;display:grid}.demo-page .testimonial-card{background:radial-gradient(at 95% 0,#4caf5010,#0000 60%),linear-gradient(135deg,#ffffff03,#ffffff01);border:1px solid #84bc9228;border-radius:24px;min-width:0;margin:0;padding:27px 28px 20px;position:relative;overflow:hidden;box-shadow:0 16px 38px #0000000c}.demo-page .testimonial-example{color:var(--muted);align-items:baseline;gap:8px;margin-bottom:22px;font-size:11px;line-height:1.9;display:flex}.demo-page .testimonial-example>span{background:var(--accent-light);border-radius:50%;flex:none;align-self:center;width:5px;height:5px;display:inline-block}.demo-page .testimonial-topline{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.demo-page .testimonial-quote-mark{color:var(--accent-light);opacity:.9;display:flex}.demo-page .testimonial-rating{color:#78927e;direction:ltr;gap:4px;display:flex}.demo-page .testimonial-rating .is-filled{fill:var(--accent-light);stroke:var(--accent-light)}.demo-page .testimonial-card blockquote{min-width:0;color:var(--ink);text-align:start;margin:0 0 25px;padding:0;font-size:19px;font-weight:450;line-height:1.95}.demo-page .testimonial-card blockquote p{white-space:pre-line;overflow-wrap:anywhere;margin:0}.demo-page .testimonial-attribution{border-top:1px solid var(--border);align-items:center;gap:15px;margin:0;padding-top:22px;display:flex}.demo-page .testimonial-avatar{width:64px;height:64px;color:var(--accent-light);background:#4caf5012;border:1px solid #a7d4b233;border-radius:50%;flex:none;place-items:center;padding:4px;display:grid}.demo-page .testimonial-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.demo-page .testimonial-author{min-width:0}.demo-page .testimonial-author h3{color:var(--ink);overflow-wrap:anywhere;margin:0 0 4px;font-size:15px;font-weight:650;line-height:1.8}.demo-page .testimonial-author p{color:var(--muted);margin:0;font-size:12px;line-height:1.9}.demo-page .testimonial-author a{color:var(--accent-light);text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:none}.demo-page .testimonial-author a:hover{text-decoration:underline}.demo-page .testimonial-site{border:1px solid var(--border);color:var(--ink);background:#ffffff02;border-radius:14px;grid-template-columns:74px minmax(0,1fr) 24px;align-items:center;gap:13px;margin-top:23px;padding:12px;text-decoration:none;transition:border-color .18s,background-color .18s;display:grid}.demo-page .testimonial-site-cover{aspect-ratio:1.35;background:radial-gradient(at 5% 0,#426b4c,#1c2928 85%);border-radius:9px;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.demo-page .testimonial-site-cover img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.demo-page .testimonial-site-monogram{color:#b0d9b9;font:650 24px/1 Inter,Arial,sans-serif}.demo-page .testimonial-site-copy{gap:2px;min-width:0;display:grid}.demo-page .testimonial-site-copy>span{color:var(--muted);font-size:10px;line-height:1.7}.demo-page .testimonial-site-copy strong{overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.7}.demo-page .testimonial-site-copy bdi{color:var(--muted);overflow-wrap:anywhere;justify-self:start;font-size:10px;line-height:1.6}.demo-page .testimonial-site-arrow{color:var(--accent-light);justify-content:center;align-items:center;display:flex}html[dir=rtl] .demo-page .testimonial-site-arrow svg{transform:rotate(180deg)}.demo-page .testimonial-site:hover{background:#4caf5009;border-color:#80b88c66}.demo-page .testimonial-site:focus-visible,.demo-page .testimonial-author a:focus-visible{outline:2px solid var(--accent-light);outline-offset:4px}.demo-page .testimonials-empty{text-align:center;border:1px solid var(--border);background:radial-gradient(at 50% 0,#4caf500b,#0000 70%);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 24px;display:flex}.demo-page .testimonials-empty-mark{width:76px;height:76px;color:var(--accent-light);background:#4caf5010;border:1px solid #8fbd9a24;border-radius:24px;place-items:center;margin-bottom:22px;display:grid}.demo-page .testimonials-empty h3{color:var(--ink);margin:0 0 9px;font-size:20px;font-weight:600;line-height:1.8}.demo-page .testimonials-empty p{color:var(--muted);max-width:28em;margin:0;font-size:14px;line-height:1.9}.demo-page.light-theme .testimonial-quote-mark,.demo-page.light-theme .testimonial-author a,.demo-page.light-theme .testimonial-site-arrow,.demo-page.light-theme .testimonials-empty-mark{color:#2c7d3b}.demo-page.light-theme .testimonial-card{background:linear-gradient(135deg,#ffffffb3,#f3f8f399);border-color:#497c5b33;box-shadow:0 12px 28px #244d3008}.demo-page.light-theme .testimonial-site{background:#ffffff80}@media (width<=980px){.demo-page .testimonials-content{padding:27px 70px 12px 26px}}@media (width<=620px){.demo-page .testimonials-content{padding:24px 70px 10px 18px}.demo-page .testimonials-intro{margin-bottom:22px}.demo-page .testimonials-intro .testimonials-kicker{font-size:22px}.demo-page .testimonials-intro>p:last-child{font-size:13px}.demo-page .testimonial-card{border-radius:20px;padding:21px 18px 16px}.demo-page .testimonial-card blockquote{margin-bottom:22px;font-size:17px;line-height:1.95}.demo-page .testimonial-attribution{gap:11px;padding-top:19px}.demo-page .testimonial-avatar{width:54px;height:54px;padding:3px}.demo-page .testimonial-author h3{font-size:14px}.demo-page .testimonial-author p{font-size:12px}.demo-page .testimonial-site{border-radius:12px;grid-template-columns:54px minmax(0,1fr) 18px;gap:9px;margin-top:20px;padding:10px}.demo-page .testimonial-site-copy>span{font-size:9px}.demo-page .testimonial-site-copy strong{font-size:11px}.demo-page .testimonial-example{margin-bottom:18px;font-size:10px}}@container reviews (width<=230px){.demo-page .testimonial-card{padding-inline:14px}.demo-page .testimonial-attribution{flex-direction:column;align-items:flex-start;gap:12px}.demo-page .testimonial-site{grid-template-columns:40px minmax(0,1fr);gap:8px;padding:9px}.demo-page .testimonial-site-arrow,.demo-page .testimonial-site-copy>span{display:none}}@media (prefers-reduced-motion:reduce){.demo-page .testimonial-site{transition:none}}.demo-page .inline-seo-link{color:inherit;text-decoration:none}.demo-page .inline-seo-link:hover{color:var(--accent-light)}.demo-page a.system-project-tile{text-decoration:none}.demo-page .identity-content .identity-name{letter-spacing:0;color:#f3f3f3;text-wrap:balance;margin:0 0 4px;font-family:inherit;font-size:36px;font-weight:700;line-height:1.15}html[dir=rtl] .demo-page .identity-content .identity-name{font-size:34px;line-height:1.55}@media (width>=981px) and (width<=1200px){.demo-page .identity-content .identity-name{font-size:31px}}@media (width>=981px) and (height<=680px){.demo-page .identity-content .identity-name{font-size:30px}}.demo-page .document-page{min-height:100%;padding-bottom:24px}.document-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding:20px 28px 8px;font-size:12px;display:flex}.document-breadcrumb a{color:inherit;text-decoration:none}.document-breadcrumb a:hover{color:var(--accent-light)}.document-body{color:var(--muted);padding:25px 28px 8px;font-size:15px;line-height:1.95}.document-body p{overflow-wrap:anywhere;margin:0 0 20px}.document-kicker{color:var(--accent-light);font-weight:600}.document-intro{color:var(--ink);font-size:18px;line-height:1.9}.document-cover{object-fit:contain;border:1px solid var(--border);background:#111719;border-radius:15px;width:100%;height:auto;max-height:410px;margin:0 0 28px;display:block}.document-section{margin-top:30px}.document-section h2{color:var(--ink);margin:0 0 15px;font-size:19px;line-height:1.8}.document-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.document-feature-grid li{border:1px solid var(--border);background:#ffffff02;border-radius:14px;min-width:0;padding:20px}.document-feature-grid h3{color:var(--ink);margin:0;font-size:15px;line-height:1.7}.document-feature-grid p{margin:8px 0 0;font-size:14px}.document-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.document-tags li{border:1px solid var(--border);overflow-wrap:anywhere;background:#4caf5005;border-radius:6px;max-width:100%;padding:6px 10px;font-size:12px}.document-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-inline-start:20px;display:grid}.document-actions{flex-wrap:wrap;gap:12px;margin:30px 0;display:flex}.document-actions a,.document-actions button{min-height:44px;color:var(--accent-light);background:#4caf500c;border:1px solid #74c48140;border-radius:9px;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.8;text-decoration:none;display:inline-flex}.document-actions button{font-family:inherit}.document-actions a:hover,.document-actions button:hover{background:#4caf501b}.document-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.document-related a{border:1px solid var(--border);color:var(--muted);overflow-wrap:anywhere;border-radius:10px;padding:12px;text-decoration:none;display:block}.document-related a:hover{color:var(--accent-light);border-color:#5cad6d50}.document-text-link{color:var(--accent-light);text-decoration:none}.demo-page.light-theme .document-cover{background:#f3f6f4}.demo-page.light-theme .document-kicker,.demo-page.light-theme .document-text-link,.demo-page.light-theme .document-actions a,.demo-page.light-theme .document-actions button{color:#286f36}@media (width<=980px){.document-body{padding-left:20px;padding-right:70px;font-size:15px}.document-breadcrumb{padding-left:20px;padding-right:74px}.document-feature-grid,.document-related{grid-template-columns:1fr}.document-steps{display:block}.document-steps li+li{margin-top:12px}.document-intro{font-size:17px}.document-actions{gap:9px}.document-actions a,.document-actions button{padding-inline:11px}}@media (width<=620px){.demo-page .identity-content .identity-name,html[dir=rtl] .demo-page .identity-content .identity-name{font-size:clamp(22px,6.1vw,30px)}}