:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090e;--bg-panel:#0f1018;--text:#fbfaff;--muted:#c3c1cf;--purple:#af43ef;--purple-light:#db8afb;--purple-dark:#7e23dc;--line:#303040;--content:922px;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{min-width:320px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:2px solid #d78cfe}h1,h2,h3,p{margin-top:0}.container{width:min(calc(100% - 80px),var(--content));margin-inline:auto}.site-shell{background:radial-gradient(80% 30% at 90% 2%,#1d0b2b4d,#0000 68%),#08090e;min-height:100vh;position:relative;overflow:clip}.skip-link{z-index:100;color:#101010;background:#fff;padding:10px;position:fixed;top:-100px;left:15px}.skip-link:focus{top:15px}.site-header{z-index:30;height:75px;position:relative}.header-content{justify-content:space-between;align-items:center;gap:18px;height:100%;display:flex}.brand{flex-shrink:0;align-items:center;gap:9px;display:flex}.brand-text{flex-direction:column;line-height:1.04;display:flex}.brand-text strong{letter-spacing:-1.2px;font-size:22px;font-weight:700}.brand-text span{letter-spacing:.1px;margin-top:1px;font-size:13px;font-weight:400}.nav-desktop{white-space:nowrap;align-items:center;gap:31px;font-size:12px;display:flex}.nav-desktop a{color:#e2e0e7;transition:color .2s}.nav-desktop a:hover,.nav-desktop a.is-current{color:#d88dfd}.btn{white-space:nowrap;color:#fff;border:1px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:12px;min-height:40px;padding:11px 22px;font-size:12px;font-weight:600;line-height:1.15;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#b73aef 0%,#8125db 100%);border-color:#c74df8a1;box-shadow:inset 0 1px #ffffff18}.btn-primary:hover{box-shadow:0 6px 23px #9b2ee546}.btn-outline{color:#fff;background:#0a08114a;border:1px solid #b449e8}.btn-outline:hover{background:#a843d21c}.btn .app-icon{flex-shrink:0;width:16px;height:16px}.header-cta{border-radius:12px;min-height:37px;margin-left:15px;padding:10px 19px;font-size:11px}.mobile-menu-button,.nav-mobile{display:none}.hero{border-bottom:1px solid #1b1824;min-height:441px;position:relative}.hero-stage{align-items:stretch;min-height:441px;display:flex;position:relative}.hero-copy{z-index:3;width:47%;max-width:448px;padding-top:36px;padding-bottom:34px;position:relative}.small-pill{color:#e9a1ff;white-space:nowrap;background:linear-gradient(160deg,#27122f99,#2922394a);border:1px solid #6a347f8a;border-radius:99px;justify-content:center;align-items:center;min-height:24px;padding:3px 17px 4px;font-size:11px;font-weight:400;line-height:1.1;display:inline-flex}.hero h1{letter-spacing:-1.8px;white-space:nowrap;margin:16px 0 12px;font-size:clamp(29px,3.68vw,43px);font-weight:700;line-height:1.13}.hero h1 span{color:#d580ed}.hero p{color:#cbc9d2;max-width:410px;margin:0 0 19px;font-size:13px;font-weight:400;line-height:1.53}.hero-buttons{align-items:center;gap:16px;display:flex}.hero-buttons .btn{min-height:40px}.hero-buttons .btn-primary{padding-inline:21px}.hero-buttons .btn-outline{padding-inline:18px}.hero-buttons .icon-round{border:1px solid #d783f8;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;padding:3px;display:inline-flex}.hero-stats{align-items:center;gap:29px;margin-top:31px;display:flex}.hero-stat{white-space:nowrap;align-items:center;gap:11px;display:flex}.hero-stat .app-icon{flex-shrink:0;width:28px;height:28px}.hero-stat span{flex-direction:column;line-height:1.18;display:flex}.hero-stat strong{letter-spacing:-.5px;font-size:17px}.hero-stat small{color:#d0ced9;margin-top:4px;font-size:10px}.hero-art{pointer-events:none;z-index:1;width:606px;height:449px;position:absolute;top:-11px;right:-53px}.hero-art:after{content:"";background:linear-gradient(90deg,var(--bg) 0%,transparent 8%,transparent 89%,#0908113d 100%);pointer-events:none;position:absolute;inset:0}.hero-art img{object-fit:fill;filter:saturate(1.07)contrast(1.03);width:100%;height:100%}.about-section{background:linear-gradient(94deg,#0a0a11 0%,#15101f 48%,#0d0c15 100%);border-bottom:1px solid #1f1d29}.about-grid{grid-template-columns:50.5% 49.5%;align-items:center;gap:10px;min-height:338px;display:grid}.about-portrait{justify-content:center;align-items:center;height:326px;display:flex;position:relative;overflow:visible}.about-portrait img{object-fit:contain;filter:contrast(1.01);width:105%;max-width:none;height:auto;display:block;transform:translate(-21px,-3px)}.about-content{z-index:1;padding:23px 0 22px 4px;position:relative}.about-content h2{letter-spacing:-.8px;margin:5px 0 6px;font-size:31px;font-weight:700;line-height:1.23}.about-content>p{color:#d3d0db;max-width:450px;margin-bottom:19px;font-size:12px;line-height:1.62}.expertise{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:18px;scroll-margin-top:100px;display:grid}.expertise-item{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;min-height:69px;font-size:10.1px;line-height:1.27;display:flex}.expertise-item .app-icon{flex-shrink:0;width:32px;height:32px;transition:transform .2s}.expertise-item:hover .app-icon{transform:translateY(-3px)}.about-content .btn{min-height:37px;padding:9px 21px;font-size:11px}.about-content .btn .app-icon{width:15px;height:15px}.portfolio-section{background:radial-gradient(62% 55% at 53% 1%,#20172c6b,#0000 85%);padding:22px 0 31px;position:relative}.section-heading{text-align:center}.section-heading .small-pill{min-height:22px;padding:3px 16px;font-size:11px}.section-heading h2{letter-spacing:-.9px;margin:4px 0 17px;font-size:31px;font-weight:700;line-height:1.18}.filter-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:19px;display:flex}.filter-chip{color:#e2e0ed;background:#090910c2;border:1px solid #3b3c52;border-radius:99px;min-width:71px;min-height:30px;padding:7px 18px;font-size:10px;line-height:1.1;transition:background .18s,transform .18s,border-color .18s}.filter-chip:hover{border-color:#a752f8;transform:translateY(-1px)}.filter-chip.is-active{color:#fff;background:linear-gradient(120deg,#c63df1,#7924d5);border-color:#ba4beb}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px;display:grid}.project-card[hidden],.all-projects-card[hidden]{display:none!important}.project-card{text-align:left;color:#fff;background:#13141d;border:1px solid #34344d;border-radius:12px;flex-direction:column;min-width:0;padding:0;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card:hover{border-color:#9c40cc;transform:translateY(-4px);box-shadow:0 11px 24px #0006}.project-thumbnail{background:#0a0a10;width:100%;height:123px;display:block;position:relative;overflow:hidden}.project-thumbnail>img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform var(--motion-duration-medium,.32s) var(--motion-ease-out,cubic-bezier(.22,1,.36,1));display:block}.project-card:hover .project-thumbnail>img{transform:scale(1.04)}.project-info{z-index:1;justify-content:space-between;align-items:center;gap:9px;height:49px;padding:8px 12px;display:flex;position:relative}.project-info>span{flex-direction:column;min-width:0;display:flex}.project-info strong{letter-spacing:-.3px;font-size:13.5px;font-weight:700;line-height:1.27}.project-info small{color:#bfc0ca;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.project-info .app-icon{flex-shrink:0;width:22px;height:22px}.all-projects-card{text-align:center;background:radial-gradient(at 50% 48%,#231131 0%,#13101e 62%,#100c18 100%);border:1px solid #a04bea;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:172px;transition:transform .2s,box-shadow .2s;display:flex}.all-projects-card:hover{transform:translateY(-4px);box-shadow:0 9px 25px #8e2ce33b}.all-projects-card>.app-icon{width:34px;height:34px}.all-projects-card>strong{letter-spacing:-.3px;font-size:19px;font-weight:700;line-height:1.19}.round-arrow{background:linear-gradient(140deg,#9d3be0,#522bb1);border:1px solid #b651fa;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.round-arrow .app-icon{width:17px;height:17px}.empty-message{text-align:center;color:#ded3e7;padding:20px;font-size:13px}.empty-message button{color:#d782ff;background:0 0;border:0;font-weight:600;text-decoration:underline}.contact-section{background:linear-gradient(102deg,#241035e8 0%,#24122ce8 45%,#171120ed 100%),url(/assets/generated/portfolio-glow.webp) 50%/cover;border:1px solid #ab54ef;border-radius:15px;align-items:center;gap:20px;min-height:108px;margin-top:9px;margin-bottom:22px;padding:15px 34px;display:flex;box-shadow:inset 0 0 25px #571f7a1d}.contact-accent{flex-shrink:0;justify-content:center;align-items:center;width:118px;height:78px;display:flex}.contact-accent .app-icon{filter:drop-shadow(0 0 10px #b64aff29)}.contact-copy{flex:1;min-width:0}.contact-copy h2{letter-spacing:-.5px;margin:0 0 5px;font-size:22px;line-height:1.28}.contact-copy p{color:#d0c4d7;margin:0;font-size:12px;line-height:1.4}.contact-section>.btn{min-width:205px;min-height:42px;padding:12px 18px;font-size:11px}.footer{color:#82808e;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 26px;font-size:10px;display:flex}.footer a:hover{color:#e7bafa}body.modal-open{overflow:hidden}.modal{color:#fff;background:#14111c;border:1px solid #9145be;border-radius:16px;width:min(560px,100% - 28px);max-height:calc(100dvh - 40px);padding:0;overflow:auto;box-shadow:0 25px 110px #000b}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#010104d9}.modal-close{float:right;z-index:4;background:#120d18e6;border:1px solid #704b83;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:12px 12px -50px 0;display:flex;position:sticky;top:12px}.modal-close .app-icon{width:18px;height:18px}.modal-project-image{object-fit:cover;object-position:top;width:100%;height:210px;display:block}.modal-content{padding:29px}.modal-tag{letter-spacing:2px;color:#c773f0;font-size:10px;font-weight:700}.modal-content h2{letter-spacing:-.6px;margin:8px 0 10px;font-size:29px;line-height:1.2}.modal-content p{color:#c9c1d1;font-size:13px;line-height:1.7}.modal-actions{flex-wrap:wrap;gap:12px;margin-top:19px;display:flex}.modal-note{margin-top:22px;color:#90879c!important;font-size:10px!important}.presentation-photo{object-fit:cover;border-radius:12px;width:100%;max-height:275px;margin:18px 0}.modal-quote label{color:#f0eaf4;flex-direction:column;gap:8px;margin:13px 0;font-size:12px;font-weight:600;display:flex}.modal-quote input,.modal-quote select,.modal-quote textarea{color:#fff;background:#0c0b12;border:1px solid #493b55;border-radius:9px;outline:0;width:100%;padding:11px 13px;font-size:13px}.modal-quote input:focus,.modal-quote select:focus,.modal-quote textarea:focus{border-color:#c364f9}.modal-quote textarea{resize:vertical}.modal-quote form .btn{margin-top:6px}.form-feedback{color:#d58cff!important;margin-top:12px!important;font-size:11px!important}.quote-draft{margin-top:10px}@media (width>=1160px){:root{--content:1110px}.site-header{height:88px}.brand-text strong{font-size:25px}.nav-desktop{gap:37px}.nav-desktop a{font-size:13px}.hero,.hero-stage{min-height:530px}.hero-copy{max-width:500px;padding-top:63px}.hero h1{font-size:45px}.hero p{font-size:15px}.hero-stats{gap:38px;margin-top:42px}.hero-art{width:748px;height:561px;top:-26px;right:-67px}.about-grid{min-height:402px}.about-portrait{height:380px}.about-content h2{font-size:37px}.about-content>p{font-size:14px}.expertise-item{font-size:11.5px}.portfolio-section{padding:32px 0 38px}.section-heading h2{font-size:36px}.filter-chips{margin-bottom:22px}.project-grid{gap:18px 22px}.project-thumbnail{height:151px}.project-info{height:58px}.all-projects-card{min-height:209px}.contact-section{min-height:126px}.contact-copy h2{font-size:25px}.contact-copy p{font-size:13px}}@media (width<=970px){:root{--content:860px}.container{width:calc(100% - 58px)}.nav-desktop{gap:19px;font-size:11px}.brand-text strong{font-size:20px}.header-cta{margin-left:0;padding:10px 12px}.hero-art{width:57vw;height:43vw;top:12px;right:-32px}.hero-copy{width:49%}.hero h1{font-size:clamp(28px,3.65vw,36px)}.hero p{max-width:355px;font-size:12px}.hero-stats{gap:18px}.hero-stat{gap:7px}.hero-stat .app-icon{width:25px;height:25px}.hero-stat strong{font-size:15px}.hero-stat small{font-size:9px}.about-grid{grid-template-columns:48% 52%;gap:6px}.about-portrait img{transform:translate(-10px)}.about-content h2{font-size:28px}.about-content>p{font-size:11px}.expertise-item{font-size:9px}.expertise-item .app-icon{width:27px;height:27px}.contact-copy h2{font-size:19px}}@media (width<=740px){.container{width:calc(100% - 42px)}.site-header{height:68px}.header-cta,.nav-desktop{display:none}.mobile-menu-button{background:#1b1325;border:1px solid #5f3a75;border-radius:10px;justify-content:center;align-items:center;width:43px;height:42px;padding:8px;display:flex}.mobile-menu-button .app-icon{width:23px;height:23px}.nav-mobile:not([hidden]){background:#111018;border-top:1px solid #4c3256;flex-direction:column;gap:0;padding:14px 23px 23px;display:flex;position:absolute;top:68px;left:0;right:0;box-shadow:0 30px 50px #000a}.nav-mobile a{border-bottom:1px solid #ffffff14;padding:11px 5px}.nav-mobile button{margin-top:16px}.hero,.hero-stage{min-height:730px}.hero-stage{flex-direction:column}.hero-copy{width:100%;max-width:550px;padding-top:20px;padding-bottom:24px}.hero h1{margin-top:15px;font-size:clamp(31px,7vw,46px);line-height:1.1}.hero p{max-width:460px;font-size:13px}.hero-art{aspect-ratio:1188/896;opacity:.99;width:min(104%,650px);height:auto;top:348px;right:-9%}.hero-stats{gap:23px;margin-top:340px}.about-grid{grid-template-columns:1fr;gap:0;padding-top:24px;padding-bottom:32px}.about-portrait{height:auto;max-height:360px;overflow:hidden}.about-portrait img{width:100%;max-width:570px;transform:none}.about-content{padding:0 0 15px}.about-content h2{font-size:31px}.about-content>p{max-width:100%;font-size:13px}.expertise{margin:23px 0}.expertise-item{font-size:11px}.expertise-item .app-icon{width:30px;height:30px}.portfolio-section{padding-top:30px}.filter-chips{gap:9px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.project-thumbnail{height:145px}.all-projects-card{min-height:194px}.contact-section{flex-wrap:wrap;margin-top:7px;padding:20px 25px}.contact-accent{width:83px;height:65px}.contact-accent img{width:74px;height:74px}.contact-copy{flex:calc(100% - 120px)}.contact-section>.btn{margin-left:102px}.footer{flex-wrap:wrap}}@media (width<=500px){.container{width:calc(100% - 32px)}.brand-text strong{font-size:21px}.hero,.hero-stage{min-height:683px}.hero-copy{padding-top:17px}.hero h1{letter-spacing:-1.5px;white-space:normal;font-size:clamp(29px,8.5vw,40px)}.hero p{max-width:345px;font-size:12px;line-height:1.6}.hero-buttons{gap:9px}.hero-buttons .btn{gap:7px;min-height:39px;padding:9px 12px;font-size:10px}.hero-buttons .btn-outline{padding-inline:11px}.hero-art{width:115%;top:324px;right:-13%}.hero-stats{gap:15px;margin-top:287px}.hero-stat{gap:6px}.hero-stat .app-icon{width:23px;height:23px}.hero-stat strong{font-size:14px}.hero-stat small{font-size:8px}.about-grid{padding-top:8px}.about-portrait{height:auto;max-height:290px}.about-portrait img{flex-shrink:0;width:108%;max-width:none}.about-content h2{font-size:29px}.about-content>p{font-size:12px}.expertise{gap:2px;margin-top:20px}.expertise-item{font-size:8.8px}.expertise-item .app-icon{width:25px;height:25px}.about-content .btn{font-size:10px}.section-heading h2{margin-bottom:15px;font-size:27px}.filter-chips{justify-content:flex-start;gap:8px}.filter-chip{min-width:0;padding:8px 14px;font-size:10px}.project-grid{grid-template-columns:1fr;gap:15px}.project-thumbnail{height:170px}.project-info{height:55px}.project-info strong{font-size:15px}.project-info small{font-size:11px}.all-projects-card{min-height:175px}.contact-section{gap:9px;padding:17px}.contact-accent{width:68px}.contact-accent img{width:74px;height:74px}.contact-copy{flex:calc(100% - 85px)}.contact-copy h2{font-size:16px}.contact-copy p{font-size:10px}.contact-section>.btn{min-width:100%;margin:9px auto 0}.footer{padding-bottom:20px;font-size:9px}.footer span:nth-child(2){display:none}.modal-content{padding:23px}.modal-content h2{font-size:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.brand-wordmark{flex-direction:column;line-height:1.05;display:flex}.brand-wordmark strong{letter-spacing:-1px;font-size:22px}.brand-wordmark small{margin-top:3px;font-size:12px;font-weight:400}.section-pretitle{color:#d69dff;font-size:12px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brothers-portrait{justify-content:center;align-items:center;height:100%;margin:0;display:flex;position:relative;overflow:visible}.brothers-portrait__photo{object-fit:contain;filter:contrast(1.01);width:105%;max-width:none;height:auto;transition:transform var(--motion-duration-medium) var(--motion-ease-out),filter var(--motion-duration-medium) var(--motion-ease-out);display:block;transform:translate(-21px,-3px)}.brothers-portrait:hover .brothers-portrait__photo,.brothers-portrait:focus-within .brothers-portrait__photo{filter:contrast(1.06)brightness(1.03);transform:translate(-21px,-7px)}.project-device-previews{background:linear-gradient(#1a1524,#121018);grid-template-columns:1.4fr .85fr;gap:14px;padding:18px 18px 6px;display:grid}.device-preview{flex-direction:column;gap:8px;margin:0;display:flex}.device-preview__chrome{background:#0f0d14;border:1px solid #4a3d58;border-radius:10px 10px 4px 4px;padding:7px 8px 0;display:block}.device-preview--mobile .device-preview__chrome{border-radius:14px;width:100%;max-width:118px;margin-inline:auto;padding:10px 6px 0}.device-preview__bar{background:#3b3048;border-radius:99px;width:38%;height:7px;margin-bottom:7px;display:block}.device-preview--mobile .device-preview__bar{width:32%;height:5px;margin-inline:auto}.device-preview__screen{aspect-ratio:16/10;background:#08080c;border:1px solid #342a40;border-radius:6px 6px 0 0;overflow:hidden}.device-preview--mobile .device-preview__screen{aspect-ratio:9/16;border-radius:10px 10px 4px 4px}.device-preview__screen img{object-fit:cover;width:100%;height:100%;display:block}.device-preview__caption{letter-spacing:.12em;text-transform:uppercase;color:#a892c4;text-align:center;font-size:9px}.modal-project .modal-content{padding-top:22px}@media (width<=740px){.project-device-previews{grid-template-columns:1fr;gap:12px;padding:14px}}@media (width<=500px){.brothers-portrait__photo{width:108%;transform:translate(-8px,-2px)}}@media (prefers-reduced-motion:reduce){.brothers-portrait__photo{transition:none}.brothers-portrait:hover .brothers-portrait__photo,.brothers-portrait:focus-within .brothers-portrait__photo{transform:translate(-21px,-3px)}}.sub-header{border-bottom:1px solid #302c39;justify-content:space-between;align-items:center;min-height:96px;display:flex}.back-link{color:#d9c4ef;font-size:12px;transition:color .2s}.back-link:hover{color:#fff}.catalog-main{min-height:75vh;padding:76px 0 50px}.catalog-main>h1{letter-spacing:-2px;margin:12px 0;font-size:clamp(35px,5vw,64px);line-height:1.15}.catalog-dot{color:#ab60e9}.catalog-main>p{color:#c6c1ce;max-width:620px;font-size:13px;line-height:1.7}.search-box{background:#15131d;border:1px solid #403749;border-radius:11px;align-items:center;gap:12px;max-width:440px;margin:31px 0 27px;padding:9px 13px;display:flex}.search-box .app-icon{flex-shrink:0;width:22px;height:22px}.search-box input{color:#fff;background:0 0;border:0;outline:none;width:100%;padding:7px 0;font-size:13px}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.catalog-card{background:#17151c;border:1px solid #403c46;border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.catalog-card:hover{border-color:#a869e1;transform:translateY(-4px)}.catalog-card>img{aspect-ratio:2.1;object-fit:cover;width:100%}.catalog-card>div{padding:17px}.catalog-card strong{font-size:17px;display:block}.catalog-card small{color:#b783ee;font-size:11px}.catalog-card p{color:#c9c1d0;min-height:55px;margin:9px 0;font-size:11px;line-height:1.6}.catalog-card .btn{width:100%;margin-top:7px}.catalog-bottom{text-align:center;background:linear-gradient(90deg,#261632,#15111e);border:1px solid #744493;border-radius:14px;margin-top:54px;padding:35px 25px}.catalog-bottom h2{margin:0 0 5px;font-size:25px}.catalog-bottom p{color:#d2c8dc;font-size:12px}.catalog-bottom .btn{margin-top:6px}.demo-app{--accent:#ee4d32;--demo-bg:#121214;--demo-text:#fff;background:var(--demo-bg);color:var(--demo-text);min-height:100vh}.demo-app.theme-street{--accent:#c9fa00;--demo-bg:#0b0c0a}.demo-app.theme-security{--accent:#d80b1a;--demo-bg:#0d0f11}.demo-app.theme-eyewear{--accent:#e13b45;--demo-bg:#0a080b}.demo-app.theme-print{--accent:#ed007e;--demo-bg:#110f14}.demo-app.theme-aqua{--accent:#00e0e5;--demo-bg:#081c3c}.demo-app.theme-laundry{--accent:#c9ff18;--demo-bg:#001e77}.demo-app.theme-pet{--accent:#008e85;--demo-bg:#17111c}.demo-app.theme-craft{--accent:#b85b35;--demo-bg:#1a1510}.demo-app.theme-dental{--accent:#048b91;--demo-bg:#102b40}.demo-app.theme-events{--accent:#efba85;--demo-bg:#180913}.demo-bar{color:#c9c1d0;background:#09080c;justify-content:space-between;align-items:center;gap:15px;padding:9px max(6vw,16px);font-size:11px;display:flex}.demo-bar b{color:#d9b0ff}.demo-bar a{text-underline-offset:3px;text-decoration:underline}.demo-header{justify-content:space-between;align-items:center;gap:28px;width:min(88%,1200px);height:86px;margin:auto;display:flex}.demo-logo{letter-spacing:-1.5px;font-size:clamp(24px,2.6vw,38px);font-weight:800}.demo-logo span{color:var(--accent)}.demo-nav{gap:28px;font-size:12px;display:flex}.demo-nav a:hover{color:var(--accent)}.demo-cta{border:1px solid var(--accent);background:var(--accent);color:#0b090b;border-radius:3px;padding:11px 23px;font-size:11px;font-weight:700}.demo-header .demo-cta{white-space:nowrap}.demo-hero{background:#100e12;align-items:center;min-height:560px;display:flex;position:relative;overflow:hidden}.demo-hero:before{content:"";z-index:1;background:linear-gradient(90deg,var(--demo-bg) 2%,#101013ed 30%,#1118 68%,transparent);position:absolute;inset:0}.theme-food .demo-hero:before{background:linear-gradient(90deg,#1b110d 0%,#1b110ded 25%,#1b110d88 70%,#0000)}.demo-hero>img{object-fit:cover;filter:brightness(.9);opacity:.86;width:100%;height:100%;position:absolute;inset:0}.demo-hero-content{z-index:2;width:min(88%,1200px);margin:auto;padding:65px 0;position:relative}.demo-kicker{letter-spacing:3px;color:var(--accent);font-size:12px;font-weight:700}.demo-hero h1{letter-spacing:-3px;max-width:760px;margin:18px 0 24px;font-size:clamp(44px,6vw,82px);font-weight:800;line-height:1.04}.demo-hero p{color:#f3edf0;max-width:450px;font-size:15px;line-height:1.75}.demo-hero .demo-cta{margin-top:12px;display:inline-block}.demo-section{width:min(88%,1200px);margin:auto;padding:90px 0}.demo-section h2{letter-spacing:-1px;margin-bottom:14px;font-size:clamp(27px,4vw,44px)}.demo-section>p{color:#d2cbd1;max-width:640px;font-size:14px;line-height:1.8}.demo-features{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px;display:grid}.demo-feature{background:#ffffff0a;border:1px solid #ffffff35;min-height:180px;padding:27px}.demo-feature .app-icon{flex-shrink:0;width:29px;height:29px}.demo-feature h3{margin:13px 0 9px;font-size:17px}.demo-feature p{color:#d5cad4;font-size:12px;line-height:1.8}.demo-contact{text-align:center;background:#ffffff0c;border-top:1px solid #ffffff1f;padding:65px 20px}.demo-contact h2{margin-bottom:10px;font-size:clamp(24px,3vw,42px)}.demo-contact p{color:#d0c4cc;max-width:550px;margin:0 auto 22px}.demo-footer{color:#aaa;padding:22px 6%;font-size:11px}.demo-menu-btn{color:#fff;background:0 0;border:1px solid #888;padding:7px 12px;display:none}.theme-eyewear .demo-logo{letter-spacing:-.7px;font-weight:500}.theme-street .demo-logo{text-transform:uppercase;font-style:italic}.theme-security .demo-hero{background:#10190e}.theme-food .demo-hero h1{color:#ffe1be}@media (width<=800px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.demo-nav{gap:12px}.demo-header{width:92%}.demo-hero{min-height:530px}.demo-features{gap:12px}.demo-feature{padding:18px}}@media (width<=600px){.catalog-main{padding-top:40px}.catalog-grid{grid-template-columns:1fr}.catalog-main>h1{letter-spacing:-1.3px}.sub-header{min-height:75px}.back-link{font-size:10px}.demo-bar{padding:9px 15px;font-size:10px}.demo-header{gap:12px;height:76px}.demo-logo{font-size:25px}.demo-nav{display:none}.demo-header .demo-cta{padding:8px 12px;font-size:10px}.demo-hero{min-height:550px}.demo-hero:before{background:linear-gradient(0deg,var(--demo-bg),#10101399 55%,#1118)}.demo-hero>img{opacity:.53}.demo-hero h1{letter-spacing:-2px;font-size:clamp(39px,11vw,62px)}.demo-hero p{font-size:13px}.demo-section{padding:55px 0}.demo-features{grid-template-columns:1fr}.demo-feature{min-height:0}}.project-preview-page{color:#f4eef8;background:#09080c;overflow:hidden}.project-preview-shell{background:#09080c;flex-direction:column;width:100%;min-height:100dvh;display:flex}.project-preview-bar{z-index:2;background:linear-gradient(90deg,#120d18,#15111f);border-bottom:1px solid #3a3148;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px max(4vw,16px);display:flex}.project-preview-meta{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.project-preview-kicker{letter-spacing:.22em;color:#c08af0;font-size:10px;font-weight:700}.project-preview-title{letter-spacing:-.03em;color:#fff;font-size:clamp(16px,2.2vw,22px);font-weight:700}.project-preview-category{color:#b9adc8;background:#1a1524;border:1px solid #4a3d58;border-radius:99px;padding:4px 10px;font-size:11px}.project-preview-back{color:#d9c4ef;text-underline-offset:3px;white-space:nowrap;font-size:12px;text-decoration:underline;transition:color .2s}.project-preview-back:hover{color:#fff}.project-preview-frame{background:#0b0a0e;border:0;flex:1;width:100%;height:calc(100dvh - 57px);min-height:0;display:block}.project-preview-fallback{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;max-width:520px;margin:0 auto;padding:32px 20px;display:flex}.project-preview-fallback__title{letter-spacing:-.02em;margin:0;font-size:clamp(22px,4vw,30px)}.project-preview-fallback__text{color:#c9c1d0;margin:0;font-size:13px;line-height:1.7}.project-preview-shell--fallback .project-preview-frame{display:none}@media (width<=600px){.project-preview-bar{align-items:flex-start}.project-preview-meta{flex-direction:column;align-items:flex-start;gap:4px}.project-preview-category{font-size:10px}.project-preview-frame{height:calc(100dvh - 88px)}}:root{--motion-duration-fast:.18s;--motion-duration-medium:.32s;--motion-duration-slow:.65s;--motion-ease-out:cubic-bezier(.22, 1, .36, 1);--motion-ease-standard:cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion:no-preference){.motion-rise{animation:rise-in var(--motion-duration-slow) var(--motion-ease-out) both}.motion-fade{animation:fade-in .8s var(--motion-ease-standard) both}.motion-modal[open]:not(.motion-modal--closing){animation:modal-in var(--motion-duration-medium) var(--motion-ease-out) both}.motion-modal[open]:not(.motion-modal--closing)::backdrop{animation:backdrop-in var(--motion-duration-medium) var(--motion-ease-standard) both}.motion-modal--closing[open]{animation:modal-out var(--motion-duration-medium) var(--motion-ease-standard) both}.motion-modal--closing[open]::backdrop{animation:backdrop-out var(--motion-duration-medium) var(--motion-ease-standard) both}.motion-interactive{transition:transform var(--motion-duration-fast) var(--motion-ease-out), background var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.motion-interactive:hover:not(:disabled){transform:translateY(-1px)}.hero-art.motion-fade{animation:fade-in .8s var(--motion-ease-standard) both, hero-float 9s ease-in-out .8s infinite}.hero-copy.motion-rise{animation-delay:80ms}.about-portrait.motion-rise{animation-delay:50ms}.about-content.motion-rise{animation-delay:.12s}.filter-chip{transition:background var(--motion-duration-fast), transform var(--motion-duration-fast) var(--motion-ease-out), border-color var(--motion-duration-fast)}.project-card{transition:border-color var(--motion-duration-fast), transform var(--motion-duration-medium) var(--motion-ease-out), box-shadow var(--motion-duration-medium)}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.motion-rise,.motion-fade,.motion-modal[open],.motion-modal[open]::backdrop,.motion-modal--closing[open],.motion-modal--closing[open]::backdrop,.hero-art.motion-fade{animation:none!important}.motion-interactive:hover:not(:disabled){transform:none}}