#envy-design-app{display:block;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;isolation:isolate;text-align:left;position:relative;overflow:visible;color-scheme:dark;}
#envy-design-app button,#envy-design-app a{text-transform:none;text-shadow:none;letter-spacing:normal;box-shadow:none;}
#envy-design-app h1,#envy-design-app h2,#envy-design-app h3{font-family:inherit;text-transform:none;text-shadow:none;}
#envy-design-app button{appearance:none;line-height:inherit;border-radius:0;margin:0;padding:0;}
#envy-design-app *{box-sizing:border-box}
#envy-design-app{scroll-behavior:smooth;scroll-padding-top:110px}
#envy-design-app{margin:0;background:#111112;color:#f0f0f1;font-family:'ENVY Design KR','Noto Sans CJK KR','Apple SD Gothic Neo','Malgun Gothic',Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
#envy-design-app button,#envy-design-app a,#envy-design-app input,#envy-design-app textarea,#envy-design-app select{-webkit-tap-highlight-color:transparent}
#envy-design-app button,#envy-design-app input,#envy-design-app textarea,#envy-design-app select{font:inherit}
#envy-design-app a{color:inherit;text-decoration:none}
#envy-design-app button{color:inherit;cursor:pointer}
#envy-design-app button,#envy-design-app select,#envy-design-app textarea{outline-offset:5px}
#envy-design-app button:focus-visible,#envy-design-app a:focus-visible,#envy-design-app select:focus-visible,#envy-design-app textarea:focus-visible{outline:2px solid #cab6ff;outline-offset:5px}
/* The carousel itself is keyboard focusable, not just its buttons. */
#envy-design-app .slider:focus-visible{outline:3px solid #cab6ff;outline-offset:-3px}
#envy-design-app button{border:0}
#envy-design-app button:disabled{cursor:default}
#envy-design-app img{display:block;max-width:100%}
#envy-design-app h1,#envy-design-app h2,#envy-design-app h3,#envy-design-app p{margin:0}
#envy-design-app h1,#envy-design-app h2,#envy-design-app h3{word-break:keep-all}
#envy-design-app em{font-style:normal;color:#bda5ed}
#envy-design-app button[hidden],#envy-design-app [hidden]{display:none!important}
#envy-design-app .wrap{max-width:1360px;margin:0 auto;padding:0 64px}
#envy-design-app .sr-only,#envy-design-app .skip:not(:focus){position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
#envy-design-app .skip:focus{position:fixed;top:12px;left:12px;padding:12px;background:#fff;color:#111;z-index:100}
#envy-design-app .header{position:sticky;top:0;z-index:20;background:rgba(17,17,18,.97);border-bottom:1px solid #2c2c2f}
#envy-design-app .header-inner{height:92px;display:flex;align-items:center;gap:32px}
#envy-design-app .brand{display:flex;gap:12px;align-items:center;line-height:1}
#envy-design-app .brand img{width:52px;height:52px;object-fit:contain}
#envy-design-app .brand>span{font-family:Georgia,serif;font-size:25px;letter-spacing:3px}
#envy-design-app .brand-sub{font-family:Arial,sans-serif;display:block;font-size:8px;letter-spacing:2px;margin-top:8px;color:#b4b4b9}
#envy-design-app .desktop-nav{display:flex;gap:32px;margin:auto;font-size:13px;color:#bdbdc3}
#envy-design-app .desktop-nav a:hover,#envy-design-app .text-link:hover{color:#cfbaff}
#envy-design-app .header-contact{border:1px solid #49464f;border-radius:30px;padding:10px 21px;display:flex;gap:28px;font-size:13px}
#envy-design-app .header-contact:hover{border-color:#c5aafa;background:#2b2535}
#envy-design-app .menu-toggle.icon-btn,#envy-design-app .mobile-nav{display:none}
#envy-design-app .hero-topline{display:flex;justify-content:space-between;align-items:center;padding-top:28px;font:10px Arial,sans-serif;letter-spacing:1.5px;color:#9b9ba4}
#envy-design-app .hero-topline>span:first-child{display:flex;align-items:center;gap:8px}
#envy-design-app .status-dot{width:5px;height:5px;background:#bba0e7;border-radius:50%}
#envy-design-app .slider{outline:none}
#envy-design-app .slide{display:grid;grid-template-columns:1.03fr 1fr;gap:10px;align-items:center;min-height:540px;padding:55px 0 50px}
#envy-design-app .eyebrow{font:10px Arial,sans-serif;letter-spacing:2px;color:#c0a9ee;margin-bottom:24px}
#envy-design-app .hero-copy{position:relative;z-index:2}
#envy-design-app .hero-copy h1,#envy-design-app .hero-copy h2{font-size:clamp(35px,3.55vw,53px);letter-spacing:-2.6px;line-height:1.28;font-weight:700}
#envy-design-app .hero-description{font-size:14px;line-height:1.95;color:#aaaab2;margin-top:25px;word-break:keep-all}
#envy-design-app .hero-actions{display:flex;gap:25px;align-items:center;margin-top:32px}
#envy-design-app .button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:14px 21px;border-radius:5px;font-size:13px;font-weight:600;line-height:1.45;min-height:48px;transition:background .2s,transform .2s}
#envy-design-app .button:hover{transform:translateY(-2px)}
#envy-design-app .primary{background:#c6b0ed;color:#19141f}
#envy-design-app .primary:hover{background:#d5c2f6}
#envy-design-app .secondary{background:#242426;color:#d7d7dd;border:1px solid #46464b}
#envy-design-app .text-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:500;white-space:nowrap}
#envy-design-app .hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:32px}
#envy-design-app .hero-tags span{font-size:10px;padding:5px 9px;border:1px solid #39373e;border-radius:3px;color:#aeabb4}
#envy-design-app .hero-art{position:relative;height:397px;margin-left:0;isolation:isolate}
#envy-design-app .art-grid{position:absolute;inset:7px 0 0;background-image:linear-gradient(#2b273633 1px,transparent 1px),linear-gradient(90deg,#2b273633 1px,transparent 1px);background-size:42px 42px;transform:perspective(700px) rotateX(7deg);mask-image:radial-gradient(ellipse,#000 25%,transparent 74%)}
#envy-design-app .art-caption{position:absolute;top:0;right:10px;font:8px Arial,sans-serif;letter-spacing:2px;color:#99909f}
#envy-design-app .desktop-mock{position:absolute;width:98%;top:43px;right:2%;border:1px solid #686170;border-radius:9px;background:#201d26;transform:perspective(1000px) rotateY(-8deg) rotateX(4deg) rotateZ(-3deg);box-shadow:0 34px 65px #0009;overflow:hidden}
#envy-design-app .browser-bar{height:27px;border-bottom:1px solid #47424f;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 12px;font:6px Arial,sans-serif;letter-spacing:1px;color:#9b929f}
#envy-design-app .window-dots{display:flex;gap:4px}
#envy-design-app .window-dots i{width:4px;height:4px;background:#77707e;border-radius:50%}
#envy-design-app .mock-screen{position:relative;height:266px;background:#201c28;overflow:hidden;padding:21px}
#envy-design-app .mock-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
#envy-design-app .mock-top b{font-size:13px;letter-spacing:1px}
#envy-design-app .mock-top b span{font-size:7px}
#envy-design-app .mock-top>span{font:5px Arial;letter-spacing:1px}
#envy-design-app .mock-main{position:relative;z-index:2;margin-top:28px}
#envy-design-app .mock-main small{display:block;font:5px Arial;letter-spacing:1px;color:#c1add9}
#envy-design-app .mock-main strong{display:block;font-family:Arial,sans-serif;font-size:48px;line-height:.92;letter-spacing:-2px;margin-top:10px}
#envy-design-app .mock-main strong em{color:#e0c8ff}
#envy-design-app .mock-main p{font-size:6px;color:#bcb0c8;margin:12px 0}
#envy-design-app .mock-cta{display:flex;justify-content:space-between;padding:7px 9px;background:#c8adf0;width:109px;color:#251b34;font:6px Arial}
#envy-design-app .orb{position:absolute;right:19px;top:55px;width:165px;height:165px;border-radius:50%;border:1px solid #a68cbf;transform:rotate(-35deg);background:radial-gradient(circle at 30% 25%,#9782bc,#4c3d63 45%,#211c2c 70%);box-shadow:0 8px 40px #b599d422,inset -15px -15px 30px #120c20}
#envy-design-app .orb div{position:absolute;inset:8px;border:1px solid #d8bce08a;border-radius:50%}
#envy-design-app .orb div:nth-child(2){inset:0 25px}
#envy-design-app .orb div:nth-child(3){inset:0 48px}
#envy-design-app .orb div:nth-child(4){inset:25px 0}
#envy-design-app .orb div:nth-child(5){inset:48px 0}
#envy-design-app .mock-bottom{position:absolute;bottom:11px;left:21px;right:21px;display:flex;justify-content:space-between;font:5px Arial;letter-spacing:1px;color:#b8a9c7}
#envy-design-app .phone-mock{position:absolute;right:-12px;bottom:6px;width:111px;height:207px;transform:rotate(7deg);background:#292330;border:3px solid #78727f;border-radius:18px;box-shadow:-12px 10px 30px #0008;padding:27px 10px 13px;overflow:hidden}
#envy-design-app .phone-notch{position:absolute;top:5px;left:35%;width:30%;height:5px;background:#151317;border-radius:3px}
#envy-design-app .phone-mock small{font:6px Arial;letter-spacing:.5px}
#envy-design-app .phone-mock strong{display:block;font-size:17px;line-height:1.3;letter-spacing:-1px;margin-top:14px}
#envy-design-app .phone-orb{height:57px;width:57px;border-radius:50%;border:1px solid #d1b3e1;margin:11px auto;background:radial-gradient(circle at 25% 25%,#c0a1df,#746187 50%,#2a2135 72%)}
#envy-design-app .phone-button{font-size:6px;text-align:center;display:block;background:#c6b0ed;border-radius:3px;padding:5px;color:#251a31}
#envy-design-app .art-note{position:absolute;bottom:3px;left:15px;font-size:10px;color:#aba0b8;display:flex;gap:7px;align-items:center}
#envy-design-app .art-note i{width:5px;height:5px;border-radius:50%;background:#b7a1d3}
#envy-design-app .banner-hero-art{position:relative;padding-top:44px}
#envy-design-app .banner-hero-art img{border:1px solid #594462;border-radius:5px;box-shadow:0 20px 50px #0008}
#envy-design-app .banner-art-label{display:flex;justify-content:space-between;font-size:10px;margin-top:16px;color:#b4a8be}
#envy-design-app .slider-footer{display:flex;align-items:center;justify-content:space-between;padding:0 0 25px}
#envy-design-app .slide-pages{display:flex;align-items:center;gap:19px}
#envy-design-app .slide-tab{padding:7px 0;background:none;font:10px Arial,sans-serif;color:#77737e;display:flex;gap:12px;align-items:center}
#envy-design-app .slide-tab span{font-family:'ENVY Design KR',sans-serif;font-size:11px}
#envy-design-app .slide-tab.active{color:#e2d0ff}
#envy-design-app .slider-divider{width:70px;height:1px;background:#4a414f}
#envy-design-app .slider-controls{display:flex;gap:7px}
#envy-design-app .icon-btn{min-height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid #3c3a41;border-radius:50%;font-size:15px}
#envy-design-app .icon-btn:hover{background:#35313e;border-color:#a08dbd}
#envy-design-app .service-strip{border-top:1px solid #343139;border-bottom:1px solid #343139;background:#19171d;overflow:hidden}
#envy-design-app .service-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;height:65px;white-space:nowrap}
#envy-design-app .service-strip span{font:16px Arial,sans-serif;font-weight:500;letter-spacing:1.2px;color:#c4bace}
#envy-design-app .service-strip i{font-style:normal;font-size:24px;color:#ac8ad5}
#envy-design-app .work{padding-top:92px;padding-bottom:80px}
#envy-design-app .section-label{display:flex;justify-content:space-between;font:9px Arial,sans-serif;letter-spacing:1.7px;color:#99939f;margin-bottom:26px}
#envy-design-app .section-label>span:first-child{color:#c2afdd}
#envy-design-app .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:35px}
#envy-design-app .section-heading h2{font-size:33px;letter-spacing:-1.7px;line-height:1.4}
#envy-design-app .section-heading p{font-size:12px;line-height:1.8;color:#96939e;margin-top:12px}
#envy-design-app .lavender{color:#bea3e5}
#envy-design-app .filters{display:flex;gap:4px;flex-shrink:0}
#envy-design-app .filters button{background:none;color:#a6a0af;font-size:11px;border-radius:30px;padding:9px 14px;min-height:40px}
#envy-design-app .filters button.active{background:#e8e2ed;color:#27222d}
#envy-design-app .filters button:hover:not(.active){background:#28232e}
#envy-design-app .filters small{font:9px Arial;margin-left:4px;opacity:.65}
#envy-design-app .portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 26px}
#envy-design-app .project{text-align:left;padding:0;background:none;min-width:0}
#envy-design-app .project-wide{grid-column:1/-1}
#envy-design-app .project-visual{position:relative;height:310px;overflow:hidden;background:#211e27;border-radius:5px;transition:filter .25s}
#envy-design-app .project:hover .project-visual{filter:brightness(1.09)}
#envy-design-app .project-badge{position:absolute;z-index:3;top:19px;left:19px;font-size:9px;border:1px solid #5c4b6e;background:#211b2deb;backdrop-filter:blur(8px);padding:4px 9px;border-radius:3px;color:#e2d1f8}
#envy-design-app .project-open{position:absolute;z-index:3;right:17px;bottom:17px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff60;border-radius:50%;width:35px;height:35px;background:#16101999;color:#f8f4ff;font-size:19px;transition:transform .25s}
#envy-design-app .project:hover .project-open{transform:rotate(45deg)}
#envy-design-app .project-info{display:flex;justify-content:space-between;align-items:start;gap:8px;padding-top:16px}
#envy-design-app .project-info h3{font-size:16px;font-weight:500;letter-spacing:-.5px}
#envy-design-app .project-info p{font-size:11px;color:#96919f;margin-top:4px}
#envy-design-app .project-info>span{font:8px Arial,sans-serif;letter-spacing:1px;color:#aea1bb;white-space:nowrap;padding-top:6px}
#envy-design-app .web-visual{height:370px;background:#c3b1d5;display:flex;align-items:center;justify-content:center}
#envy-design-app .portfolio-browser{width:75%;max-width:780px;background:#1b191f;border:1px solid #514954;border-radius:7px;overflow:hidden;box-shadow:0 25px 40px #35234555;transform:translateY(42px) rotate(-3deg);transition:transform .4s}
#envy-design-app .project:hover .portfolio-browser{transform:translateY(32px) rotate(-2deg)}
#envy-design-app .portfolio-screen{position:relative;height:280px;overflow:hidden;padding:22px 34px;background:#19171d}
#envy-design-app .portfolio-wordmark{font:9px Arial,sans-serif;letter-spacing:2px}
#envy-design-app .portfolio-title{font-size:31px;line-height:1.3;font-weight:700;letter-spacing:-1.6px;margin-top:27px;position:relative;z-index:1}
#envy-design-app .portfolio-lines{font-size:8px;color:#b3a9bf;margin-top:13px;position:relative;z-index:1}
#envy-design-app .small-cta{display:inline-block;margin-top:20px;font-size:7px;background:#c7afe3;color:#21152e;padding:8px 15px;border-radius:3px}
#envy-design-app .portfolio-shape{position:absolute;right:30px;top:42px;width:215px;height:215px;display:flex;align-items:center;justify-content:center;border:1px solid #8e749f;border-radius:50%;color:#dac4ec;transform:rotate(-25deg);background:#40334d;box-shadow:inset -15px -15px 40px #22192e}
#envy-design-app .portfolio-shape span{font:italic 270px Georgia;line-height:1;padding-bottom:50px}
#envy-design-app .collaboration-visual{display:flex;align-items:center;background:#1b1422;padding:22px}
#envy-design-app .collaboration-visual img{width:100%;height:auto;box-shadow:0 14px 30px #0005}
#envy-design-app .concept-visual{background:#c8b5e2;color:#251632;padding:25px 30px}
#envy-design-app .concept-top{font:8px Arial;letter-spacing:1px;display:flex;justify-content:space-between}
#envy-design-app .concept-top>span{font-size:5px;padding-top:3px}
#envy-design-app .concept-visual strong{display:block;font:bold 43px/.93 Arial;letter-spacing:-2.5px;margin-top:48px;position:relative;z-index:1}
#envy-design-app .concept-visual strong em{color:#534165}
#envy-design-app .concept-bottom{position:absolute;bottom:21px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #8d73a5;padding-top:11px;font-size:8px}
#envy-design-app .concept-bottom b{font-size:20px}
#envy-design-app .concept-star{position:absolute;right:27px;top:69px;font-size:125px;color:#9a7cb7;line-height:1;transform:rotate(-10deg)}
#envy-design-app .dark-badge{top:44px;left:auto;right:19px;color:#473654;background:#e3d5f2;border-color:#977eae;font-size:8px}
#envy-design-app .work-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:22px;border-top:1px solid #353139}
#envy-design-app .work-bottom p{font-size:10px;color:#96919c}
#envy-design-app .studio{background:#19181c;border-top:1px solid #343039;padding:78px 0 0}
#envy-design-app .studio .section-description{font-size:12px;line-height:1.9}
#envy-design-app .services{display:grid;grid-template-columns:1fr 1fr;gap:26px}
#envy-design-app .service-card{padding:28px 30px 0;border:1px solid #423b4b;border-radius:5px;background:#1e1c23}
#envy-design-app .service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
#envy-design-app .service-num{font:10px Arial;color:#a68ebc}
#envy-design-app .service-card-top svg{height:40px;width:40px;stroke:#c3a8e1;stroke-width:1.2}
#envy-design-app .service-card h3{font-size:25px;letter-spacing:-1px;margin-bottom:13px}
#envy-design-app .service-card p{color:#aea6b7;font-size:12px;line-height:1.85}
#envy-design-app .service-card ul{list-style:none;padding:22px 0 25px;margin:0}
#envy-design-app .service-card li{font-size:11px;color:#c4bdce;padding:6px 0;display:flex;gap:10px}
#envy-design-app .service-card li:before{content:'↗';color:#ab89ce}
#envy-design-app .service-action{border-top:1px solid #423b4b;padding:20px 0;background:none;width:100%;font-size:11px;display:flex;justify-content:space-between;align-items:center;color:#dec9f6}
#envy-design-app .service-action:hover{color:#fff}
#envy-design-app .process{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:35px 0;border-bottom:1px solid #3a3540;font-size:11px;color:#c4bdcc}
#envy-design-app .process-label{color:#a19aa9;font-size:10px}
#envy-design-app .process b{font:9px Arial;margin-right:8px;color:#ac92c5}
#envy-design-app .process>span:not(.process-label){color:#665c71}
#envy-design-app .contact{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:80px 0 76px;scroll-margin-top:115px}
#envy-design-app .contact-copy .eyebrow{font-size:8px}
#envy-design-app .contact-copy h2{font-size:41px;line-height:1.35;letter-spacing:-2px;position:relative}
#envy-design-app .contact-copy h2 em{color:#c9b4e5}
#envy-design-app .contact-arrow{position:absolute;right:20px;top:7px;font:60px Arial;color:#a18db4}
#envy-design-app .contact-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#a9a0b2;margin-top:23px}
#envy-design-app .telegram-account{display:inline-flex;align-items:center;gap:13px;font-size:10px;color:#a9a0b2;margin-top:30px}
#envy-design-app .telegram-account b{font:12px Arial;color:#ddd0ed}
#envy-design-app .contact-form label{display:block;font-size:11px;color:#d3cadb;margin:0 0 10px}
#envy-design-app .contact-form label span{color:#89818f;font-size:9px;margin-left:5px}
#envy-design-app .contact-form select,#envy-design-app .contact-form textarea{display:block;width:100%;background:#222026;border:1px solid #4c4355;border-radius:4px;padding:12px 13px;color:#ddd5e5;font-size:12px;min-height:45px;margin-bottom:19px}
#envy-design-app .contact-form textarea{resize:vertical;min-height:92px}
#envy-design-app .contact-form textarea::placeholder{color:#8f859b;font-size:11px;line-height:1.8}
#envy-design-app .contact-actions{display:flex;gap:10px}
#envy-design-app .contact-actions .button{flex:1;gap:15px;font-size:11px;padding:12px 10px;white-space:nowrap}
#envy-design-app .form-note{font-size:10px;color:#aaa0b6;margin-top:13px;min-height:16px}
#envy-design-app .pricing-note{font-size:9px;color:#a098a9;margin-top:9px}
#envy-design-app .footer{min-height:102px;display:flex;align-items:center;gap:25px;color:#837b8e}
#envy-design-app .footer-brand{font:23px Georgia,serif;letter-spacing:3px;color:#d3ccd9}
#envy-design-app .footer-brand span{font:8px Arial;letter-spacing:1px;margin-left:5px;color:#a096ad}
#envy-design-app .footer p{font-size:9px}
#envy-design-app .footer>span{font:8px Arial;margin-left:auto;letter-spacing:1px}
#envy-design-app .footer .text-link{font-size:9px}
#envy-design-app .mobile-contact{display:none}
#envy-design-app dialog{background:#1b181f;color:#f0eaf6;border:1px solid #5c4b6f;border-radius:9px;padding:0;max-width:900px;width:calc(100% - 48px);max-height:90dvh;overscroll-behavior:contain}
#envy-design-app dialog::backdrop{background:#09070bd9;backdrop-filter:blur(8px)}
#envy-design-app .dialog-bar{position:sticky;top:0;z-index:5;background:#1b181ff5;border-bottom:1px solid #4a3e54;display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
#envy-design-app .dialog-bar>span{font:9px Arial;letter-spacing:2px;color:#c6acdf}
#envy-design-app #envy-design-dialog-visual{background:#28212f}
#envy-design-app #envy-design-dialog-visual>img{width:100%;height:auto}
#envy-design-app #envy-design-dialog-visual>.project-visual{border-radius:0;height:400px}
#envy-design-app #envy-design-dialog-visual .project-open{display:none}
#envy-design-app #envy-design-dialog-visual .portfolio-browser{transform:none}
#envy-design-app #envy-design-dialog-visual .concept-visual{height:460px;padding:30px 45px}
#envy-design-app #envy-design-dialog-visual .concept-visual strong{font-size:69px;margin-top:45px}
#envy-design-app #envy-design-dialog-visual .concept-star{font-size:170px;right:90px;top:115px}
#envy-design-app #envy-design-dialog-visual .concept-bottom{left:45px;right:45px}
#envy-design-app .dialog-copy{padding:30px}
#envy-design-app .dialog-copy .eyebrow{font-size:9px;margin-bottom:13px}
#envy-design-app .dialog-copy h2{font-size:26px;letter-spacing:-1px}
#envy-design-app .dialog-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#b4a9bf;margin-top:12px}
#envy-design-app .dialog-copy .hero-tags{margin-top:20px;margin-bottom:26px}
#envy-design-app .noscript{background:#2d2338;color:#fff;padding:20px;font-size:12px}
#envy-design-app .noscript a{text-decoration:underline}
@media(min-width:1500px){#envy-design-app .hero-copy h1,#envy-design-app .hero-copy h2{font-size:53px}
#envy-design-app .hero-art{height:420px}
#envy-design-app .desktop-mock{top:55px}
#envy-design-app .mock-screen{height:290px}
#envy-design-app .phone-mock{bottom:0;right:-4px}
#envy-design-app .orb{width:190px;height:190px;right:30px}
#envy-design-app .mock-main strong{font-size:55px}
#envy-design-app .mock-main{margin-top:32px}}
@media(max-width:1100px){#envy-design-app .wrap{padding-left:36px;padding-right:36px}
#envy-design-app .header-inner{height:84px}
#envy-design-app .hero-copy h1,#envy-design-app .hero-copy h2{font-size:39px}
#envy-design-app .hero-actions{gap:16px}
#envy-design-app .hero-actions .button{padding:13px;font-size:11px}
#envy-design-app .hero-actions .text-link{font-size:10px}
#envy-design-app .hero-description{font-size:12px}
#envy-design-app .hero-art{height:340px}
#envy-design-app .desktop-mock{top:50px}
#envy-design-app .mock-screen{height:237px;padding:18px}
#envy-design-app .mock-main{margin-top:23px}
#envy-design-app .mock-main strong{font-size:42px}
#envy-design-app .orb{height:133px;width:133px;right:13px;top:61px}
#envy-design-app .phone-mock{width:97px;height:188px;right:-4px;bottom:0;padding:23px 8px 9px}
#envy-design-app .phone-mock strong{font-size:15px}
#envy-design-app .phone-orb{height:45px;width:45px}
#envy-design-app .slide{min-height:480px}
#envy-design-app .portfolio-shape{right:10px;width:165px;height:165px;top:67px}
#envy-design-app .portfolio-shape span{font-size:225px}
#envy-design-app .portfolio-title{font-size:28px}
#envy-design-app .contact{gap:35px}
#envy-design-app .contact-arrow{right:5px;font-size:48px}
#envy-design-app .contact-copy h2{font-size:36px}
#envy-design-app .concept-visual strong{font-size:36px}
#envy-design-app .concept-star{font-size:105px;right:20px;top:95px}
#envy-design-app .process{font-size:10px}}
@media(max-width:760px){#envy-design-app{scroll-padding-top:85px}
#envy-design-app .wrap{padding-left:23px;padding-right:23px}
#envy-design-app .header-inner{height:74px;gap:14px}
#envy-design-app .brand img{width:43px;height:43px}
#envy-design-app .brand{gap:8px}
#envy-design-app .brand>span{font-size:22px}
#envy-design-app .brand-sub{font-size:7px;letter-spacing:1.5px;margin-top:5px}
#envy-design-app .desktop-nav{display:none}
#envy-design-app .header-contact{margin-left:auto;padding:8px 14px;gap:12px;font-size:11px}
#envy-design-app .menu-toggle.icon-btn{display:inline-flex;border:0;border-radius:0;min-width:24px;min-height:36px;flex-direction:column;gap:5px}
#envy-design-app .menu-toggle span{display:block;height:1px;width:18px;background:#d6ccd9}
#envy-design-app .mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:12px 23px 22px;border-top:1px solid #343038}
#envy-design-app .mobile-nav a{padding:13px 4px;font-size:13px;color:#ccc0d7}
#envy-design-app .hero-topline{padding-top:22px;font-size:8px;letter-spacing:1.2px}
#envy-design-app .hero-topline>span:last-child{display:none}
#envy-design-app .slide{grid-template-columns:1fr;gap:32px;min-height:0;padding:43px 0 27px}
#envy-design-app .eyebrow{font-size:9px;margin-bottom:20px}
#envy-design-app .hero-copy h1,#envy-design-app .hero-copy h2{font-size:clamp(34px,8vw,47px);letter-spacing:-1.9px}
#envy-design-app .hero-description{font-size:12px;line-height:1.95;margin-top:21px}
#envy-design-app .hero-actions{margin-top:27px;gap:23px}
#envy-design-app .hero-actions .button{font-size:11px;padding:14px 16px;gap:17px}
#envy-design-app .hero-actions .text-link{font-size:11px}
#envy-design-app .hero-tags{margin-top:23px}
#envy-design-app .hero-tags span{font-size:9px;padding:4px 8px}
#envy-design-app .hero-art{width:100%;max-width:485px;margin:0 auto;height:300px}
#envy-design-app .art-caption{font-size:7px;top:4px}
#envy-design-app .desktop-mock{width:95%;right:4%;top:35px}
#envy-design-app .mock-screen{height:222px;padding:17px}
#envy-design-app .mock-main strong{font-size:40px}
#envy-design-app .mock-main small{font-size:5px}
#envy-design-app .mock-main{margin-top:17px}
#envy-design-app .mock-main p{margin:9px 0}
#envy-design-app .orb{width:130px;height:130px;right:12px;top:54px}
#envy-design-app .mock-top>span{font-size:4px}
#envy-design-app .phone-mock{right:0;bottom:0;width:91px;height:171px;border-radius:14px;padding-top:21px}
#envy-design-app .phone-mock strong{font-size:13px;margin-top:11px}
#envy-design-app .phone-mock small{font-size:5px}
#envy-design-app .phone-orb{height:40px;width:40px;margin:9px auto}
#envy-design-app .phone-button{font-size:5px;padding:4px}
#envy-design-app .art-note{left:2px;bottom:-10px;font-size:8px}
#envy-design-app .banner-hero-art{min-height:300px;display:flex;flex-direction:column;justify-content:center;padding-top:20px}
#envy-design-app .banner-art-label{font-size:9px}
#envy-design-app .slider-footer{padding:15px 0 21px}
#envy-design-app .slide-tab{font-size:10px;gap:8px;min-height:36px}
#envy-design-app .slide-tab span{font-size:10px}
#envy-design-app .slide-pages{gap:10px}
#envy-design-app .slider-divider{width:24px}
#envy-design-app .slider-controls{gap:5px}
#envy-design-app .slider-controls .icon-btn{min-height:32px;min-width:32px;font-size:12px}
#envy-design-app .service-strip .wrap{height:50px;gap:23px;justify-content:flex-start}
#envy-design-app .service-strip span{font-size:11px;letter-spacing:1px}
#envy-design-app .service-strip i{font-size:20px}
#envy-design-app .service-strip span:nth-of-type(3),#envy-design-app .service-strip i:last-child{display:none}
#envy-design-app .work{padding-top:58px;padding-bottom:48px}
#envy-design-app .section-label{font-size:8px;letter-spacing:1.3px;margin-bottom:21px}
#envy-design-app .section-label>span:last-child{font-size:7px;letter-spacing:.8px}
#envy-design-app .section-heading{display:block;margin-bottom:23px}
#envy-design-app .section-heading h2{font-size:28px;letter-spacing:-1.4px}
#envy-design-app .section-heading p{font-size:11px;margin-top:10px}
#envy-design-app .filters{margin-top:21px;gap:7px}
#envy-design-app .filters button{font-size:10px;min-height:36px;padding:8px 14px;border:1px solid #3e3549}
#envy-design-app .filters button.active{border-color:#e8e2ed}
#envy-design-app .portfolio-grid{grid-template-columns:1fr;gap:28px}
#envy-design-app .project-wide{grid-column:auto}
#envy-design-app .project-visual{height:265px}
#envy-design-app .web-visual{height:255px}
#envy-design-app .portfolio-browser{width:88%;transform:translateY(26px) rotate(-3deg)}
#envy-design-app .portfolio-screen{height:220px;padding:20px 19px}
#envy-design-app .portfolio-title{font-size:22px;margin-top:22px;letter-spacing:-1px}
#envy-design-app .portfolio-lines{font-size:6px;line-height:1.7}
#envy-design-app .portfolio-wordmark{font-size:6px}
#envy-design-app .small-cta{font-size:5px;padding:7px 9px;margin-top:13px}
#envy-design-app .portfolio-shape{width:105px;height:105px;right:4px;top:72px;opacity:.9}
#envy-design-app .portfolio-shape span{font-size:148px;padding-bottom:28px}
#envy-design-app .portfolio-browser .browser-bar{font-size:5px;padding:0 10px;height:23px}
#envy-design-app .project-badge{top:13px;left:13px;font-size:8px;padding:4px 7px}
#envy-design-app .collaboration-visual{padding:13px;height:235px}
#envy-design-app .project-info{padding-top:12px}
#envy-design-app .project-info h3{font-size:14px}
#envy-design-app .project-info p{font-size:10px}
#envy-design-app .project-info>span{font-size:7px}
#envy-design-app .project-open{width:31px;height:31px;font-size:16px;right:12px;bottom:12px}
#envy-design-app .concept-visual{padding:23px}
#envy-design-app .concept-visual strong{font-size:36px;margin-top:38px}
#envy-design-app .concept-star{font-size:100px;right:23px;top:70px}
#envy-design-app .concept-top{font-size:7px}
#envy-design-app .dark-badge{top:45px;left:auto;right:17px;font-size:7px}
#envy-design-app .concept-bottom{left:23px;right:23px;bottom:16px;font-size:7px}
#envy-design-app .work-bottom{display:block;margin-top:28px;padding-top:18px}
#envy-design-app .work-bottom p{font-size:9px;margin-bottom:13px}
#envy-design-app .work-bottom .text-link{font-size:10px}
#envy-design-app .studio{padding-top:49px}
#envy-design-app .studio .section-description{font-size:11px;margin-top:18px}
#envy-design-app .services{grid-template-columns:1fr;gap:16px}
#envy-design-app .service-card{padding:23px 24px 0}
#envy-design-app .service-card-top{margin-bottom:12px}
#envy-design-app .service-card-top svg{width:33px;height:33px}
#envy-design-app .service-card h3{font-size:24px;margin-bottom:10px}
#envy-design-app .service-card p{font-size:11px}
#envy-design-app .service-card li{font-size:10px}
#envy-design-app .service-card ul{padding-top:15px;padding-bottom:16px}
#envy-design-app .service-action{padding:16px 0;font-size:11px;min-height:50px}
#envy-design-app .process{display:grid;grid-template-columns:1fr;gap:12px;padding:25px 0}
#envy-design-app .process-label{margin-bottom:4px}
#envy-design-app .process>span:not(.process-label){display:none}
#envy-design-app .process>div{font-size:11px;display:flex;align-items:center;gap:9px}
#envy-design-app .process b{font-size:9px}
#envy-design-app .contact{grid-template-columns:1fr;gap:33px;padding:47px 0 43px}
#envy-design-app .contact-copy h2{font-size:36px;letter-spacing:-1.5px}
#envy-design-app .contact-arrow{right:20px;top:1px;font-size:60px}
#envy-design-app .contact-copy .eyebrow{margin-bottom:18px}
#envy-design-app .contact-copy>p:not(.eyebrow){font-size:11px;margin-top:17px}
#envy-design-app .telegram-account{margin-top:19px;font-size:10px}
#envy-design-app .contact-actions .button{font-size:10px;gap:10px;padding:13px 9px}
#envy-design-app .contact-form select,#envy-design-app .contact-form textarea{font-size:16px}
#envy-design-app .contact-form textarea::placeholder{font-size:12px}
#envy-design-app .contact-form label{font-size:11px}
#envy-design-app .form-note{font-size:9px}
#envy-design-app .pricing-note{font-size:9px;line-height:1.8}
#envy-design-app .footer{padding-top:26px;padding-bottom:106px;display:grid;grid-template-columns:1fr auto;gap:12px 10px;min-height:0}
#envy-design-app .footer-brand{font-size:23px}
#envy-design-app .footer p{grid-row:2;font-size:9px}
#envy-design-app .footer>span{grid-row:2;grid-column:2;font-size:7px;letter-spacing:.3px}
#envy-design-app .footer .text-link{grid-column:2;grid-row:1;justify-self:end}
#envy-design-app .mobile-contact{position:fixed;display:flex;bottom:max(13px,env(safe-area-inset-bottom));left:18px;right:18px;z-index:15;justify-content:space-between;padding:15px 20px;font-size:12px;box-shadow:0 0 0 7px #111112d9,0 0 25px #0007;border-radius:5px}
#envy-design-app .mobile-contact.is-hidden{display:none}
#envy-design-app dialog{width:calc(100% - 28px);max-height:88dvh}
#envy-design-app .dialog-bar{padding:10px 15px}
#envy-design-app .dialog-copy{padding:23px}
#envy-design-app .dialog-copy h2{font-size:23px}
#envy-design-app .dialog-copy>p:not(.eyebrow){font-size:11px}
#envy-design-app .dialog-copy .button{font-size:11px;width:100%}
#envy-design-app #envy-design-dialog-visual>.project-visual{height:275px}
#envy-design-app #envy-design-dialog-visual .concept-visual{height:330px;padding:25px}
#envy-design-app #envy-design-dialog-visual .concept-visual strong{font-size:42px;margin-top:55px}
#envy-design-app #envy-design-dialog-visual .concept-star{font-size:115px;top:115px;right:23px}
#envy-design-app #envy-design-dialog-visual .concept-bottom{left:25px;right:25px}
#envy-design-app .dialog-copy .hero-tags{margin-top:16px;margin-bottom:21px}}
@media(max-width:360px){#envy-design-app .wrap{padding-left:18px;padding-right:18px}
#envy-design-app .header-inner{gap:9px}
#envy-design-app .brand>span{font-size:19px}
#envy-design-app .header-contact{font-size:10px;padding:8px 10px}
#envy-design-app .hero-copy h1,#envy-design-app .hero-copy h2{font-size:32px}
#envy-design-app .hero-actions{gap:15px}
#envy-design-app .hero-actions .button{font-size:10px;padding:13px 11px}
#envy-design-app .hero-actions .text-link{font-size:10px}
#envy-design-app .hero-art{height:272px}
#envy-design-app .mock-screen{height:197px}
#envy-design-app .orb{width:104px;height:104px}
#envy-design-app .mock-main strong{font-size:35px}
#envy-design-app .mock-main p{font-size:5px}
#envy-design-app .phone-mock{width:81px;height:158px;right:-3px}
#envy-design-app .phone-mock strong{font-size:12px}
#envy-design-app .phone-orb{height:32px;width:32px}
#envy-design-app .phone-mock small{font-size:4px}
#envy-design-app .contact-actions{flex-direction:column}
#envy-design-app .contact-actions .button{font-size:11px}
#envy-design-app .service-strip .wrap{gap:16px}
#envy-design-app .service-strip span{font-size:10px}
#envy-design-app .section-heading h2{font-size:25px}
#envy-design-app .portfolio-shape{opacity:.4;right:-15px}
#envy-design-app .project-info>span{font-size:6px}
#envy-design-app .hero-tags span{font-size:8px}}
@media(prefers-reduced-motion:reduce){#envy-design-app{scroll-behavior:auto}
#envy-design-app *,#envy-design-app *::before,#envy-design-app *::after{animation:none!important;transition:none!important}}


#envy-design-app{width:var(--envy-viewport-width,100%);max-width:none;margin:0 calc((100% - var(--envy-viewport-width,100%))/2);box-sizing:border-box;} #envy-design-app [id]{scroll-margin-top:105px;} .admin-bar #envy-design-app .header{top:32px;} @media(max-width:782px){.admin-bar #envy-design-app .header{top:46px;}}

/* 1.1.0 — Readable copy at every viewport. Artwork keeps its own scale. */
#envy-design-app{font-size:16px;--envy-copy-size:18px;--envy-copy-color:#d0ccd6;--envy-note-color:#bfb8ca;}
#envy-design-app .hero-description,
#envy-design-app .section-heading p,
#envy-design-app .studio .section-description,
#envy-design-app .service-card p,
#envy-design-app .contact-copy>p:not(.eyebrow),
#envy-design-app .dialog-copy>p:not(.eyebrow){font-size:var(--envy-copy-size);line-height:1.85;color:var(--envy-copy-color);word-break:keep-all;overflow-wrap:anywhere;}
#envy-design-app .hero-description{max-width:36em;}
#envy-design-app .service-card li{font-size:17px;line-height:1.85;color:var(--envy-copy-color);padding:8px 0;word-break:keep-all;overflow-wrap:anywhere;}
#envy-design-app .service-card li:before{flex-shrink:0;}
#envy-design-app .service-card h3{font-size:28px;}
#envy-design-app .project-info{flex-wrap:wrap;gap:8px 16px;}
#envy-design-app .project-info>div{min-width:0;}
#envy-design-app .project-info h3{font-size:20px;line-height:1.5;}
#envy-design-app .project-info p{font-size:16px;line-height:1.8;color:var(--envy-copy-color);word-break:keep-all;overflow-wrap:anywhere;}
#envy-design-app .project-info>span{font-size:12px;line-height:1.7;color:var(--envy-note-color);}
#envy-design-app .work-bottom p,
#envy-design-app .form-note,
#envy-design-app .pricing-note{font-size:15px;line-height:1.85;color:var(--envy-note-color);word-break:keep-all;overflow-wrap:anywhere;}
#envy-design-app .work-bottom{flex-wrap:wrap;align-items:center;}
#envy-design-app .form-note{margin-top:16px;}
#envy-design-app .pricing-note{margin-top:10px;}
#envy-design-app .desktop-nav{font-size:15px;gap:26px;}
#envy-design-app .header-contact{font-size:15px;min-height:44px;align-items:center;}
#envy-design-app .mobile-nav a{font-size:17px;line-height:1.7;}
#envy-design-app .button,
#envy-design-app .hero-actions .button,
#envy-design-app .contact-actions .button,
#envy-design-app .dialog-copy .button{font-size:16px;line-height:1.5;min-height:52px;gap:14px;}
#envy-design-app .text-link,
#envy-design-app .hero-actions .text-link,
#envy-design-app .work-bottom .text-link{font-size:15px;line-height:1.7;min-height:44px;}
#envy-design-app .hero-actions{flex-wrap:wrap;gap:14px 22px;}
#envy-design-app .hero-tags span{font-size:13px;line-height:1.7;color:var(--envy-note-color);padding:5px 9px;}
#envy-design-app .art-note,
#envy-design-app .banner-art-label{font-size:13px;line-height:1.7;color:var(--envy-note-color);}
#envy-design-app .banner-art-label{flex-wrap:wrap;gap:6px 12px;}
#envy-design-app .slide-tab,
#envy-design-app .slide-tab span{font-size:14px;line-height:1.7;}
#envy-design-app .slide-tab{min-height:44px;color:var(--envy-note-color);}
#envy-design-app .slide-tab.active{color:#e2d0ff;}
#envy-design-app .slider-footer{flex-wrap:wrap;gap:12px 20px;}
#envy-design-app .slider-controls .icon-btn{min-width:44px;min-height:44px;font-size:17px;}
#envy-design-app .filters{flex-wrap:wrap;}
#envy-design-app .filters button{font-size:15px;line-height:1.6;min-height:44px;}
#envy-design-app .filters small{font-size:12px;opacity:.85;}
#envy-design-app .project-badge{font-size:12px;line-height:1.5;}
#envy-design-app .service-action{font-size:16px;line-height:1.7;min-height:60px;gap:14px;text-align:left;}
#envy-design-app .process,
#envy-design-app .process>div{font-size:16px;line-height:1.8;}
#envy-design-app .process{flex-wrap:wrap;gap:16px;}
#envy-design-app .process-label{font-size:15px;color:var(--envy-note-color);}
#envy-design-app .process b{font-size:13px;}
#envy-design-app .telegram-account{font-size:16px;line-height:1.8;flex-wrap:wrap;gap:8px 13px;color:var(--envy-note-color);}
#envy-design-app .telegram-account b{font-size:16px;}
#envy-design-app .contact-copy,
#envy-design-app .contact-form{min-width:0;}
#envy-design-app .contact-form label{font-size:16px;line-height:1.7;}
#envy-design-app .contact-form label span{font-size:14px;color:var(--envy-note-color);}
#envy-design-app .contact-form select,
#envy-design-app .contact-form textarea{font-size:17px;line-height:1.8;min-height:54px;}
#envy-design-app .contact-form textarea{min-height:132px;}
#envy-design-app .contact-form textarea::placeholder{font-size:16px;line-height:1.8;color:var(--envy-note-color);}
#envy-design-app .contact-actions{flex-wrap:wrap;gap:12px;}
#envy-design-app .contact-actions .button{flex:1 1 220px;padding:14px 16px;white-space:normal;}
#envy-design-app .footer{color:var(--envy-note-color);}
#envy-design-app .footer p{font-size:14px;line-height:1.8;}
#envy-design-app .footer>span{font-size:12px;line-height:1.8;}
#envy-design-app .footer .text-link{font-size:14px;}
#envy-design-app .dialog-bar>span{font-size:12px;}
#envy-design-app .dialog-copy .eyebrow,
#envy-design-app .contact-copy .eyebrow{font-size:12px;line-height:1.8;}
#envy-design-app .noscript{font-size:16px;line-height:1.8;}
@media(max-width:1100px){
  #envy-design-app .section-heading{flex-wrap:wrap;align-items:flex-start;}
  #envy-design-app .studio .section-description{flex:1 1 300px;}
}
@media(max-width:760px){
  #envy-design-app{--envy-copy-size:17px;}
  #envy-design-app .header-contact{font-size:14px;padding:8px 12px;gap:8px;}
  #envy-design-app .hero-actions .button{padding:14px 16px;}
  #envy-design-app .hero-art{margin-bottom:12px;}
  #envy-design-app .slider-controls{margin-left:auto;}
  #envy-design-app .slider-divider{width:16px;}
  #envy-design-app .project-info h3{font-size:19px;}
  #envy-design-app .project-info>span{font-size:12px;}
  #envy-design-app .service-card{padding:25px 22px 0;}
  #envy-design-app .service-card h3{font-size:26px;}
  #envy-design-app .contact-actions{flex-direction:column;}
  #envy-design-app .contact-actions .button{flex:0 0 auto;}
  #envy-design-app .footer p{grid-column:1 / -1;}
  #envy-design-app .footer>span{grid-row:3;grid-column:1 / -1;margin-left:0;}
  #envy-design-app .mobile-contact{font-size:16px;line-height:1.5;min-height:54px;}
}