@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#1b1d29;--muted:#737582;--line:#e7e7eb;--paper:#fbfbfc;--card:#fff;--accent:#ff795d;--accent-dark:#eb6046;--lavender:#dfd9ff;--green:#b9e4c7;--blue:#c7e7f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;overflow:hidden}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.display{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em}.eyebrow{color:var(--accent-dark);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.muted{color:var(--muted)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.logo{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.04em}.logo-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--ink);color:#fff;font-size:15px}.nav-links{gap:28px;color:#626572}.nav-actions,.nav-links{display:flex;font-size:14px}.nav-actions{align-items:center;gap:16px}.text-btn{border:0;background:none;color:var(--ink)}.dark-btn,.primary-btn,.soft-btn{border:0;border-radius:12px;padding:13px 19px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.primary-btn{background:var(--accent);color:#fff;box-shadow:0 9px 24px rgba(255,121,93,.22)}.dark-btn:hover,.primary-btn:hover,.soft-btn:hover{transform:translateY(-2px)}.dark-btn{background:var(--ink);color:#fff}.soft-btn{background:#f1f1f4;color:var(--ink)}.large-btn{padding:17px 25px;border-radius:14px}.hero{padding:82px 0 110px;position:relative}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;grid-gap:70px;gap:70px;align-items:center}.hero h1{max-width:650px;margin:18px 0 24px;font-size:clamp(48px,6vw,82px);line-height:.98}.hero-copy{max-width:530px;color:var(--muted);font-size:18px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:34px}.link-arrow{display:inline-flex;gap:7px;align-items:center;font-weight:700;font-size:14px}.hero-note{margin-top:26px;color:#9b9ca5;font-size:13px}.hero-art{min-height:540px;position:relative}.hero-video{position:absolute;inset:16px 55px 0 50px;border-radius:28px;background:linear-gradient(145deg,#f7cdb5,#f7a288 47%,#b6a7dc);overflow:hidden;box-shadow:0 28px 80px rgba(47,39,67,.17)}.hero-video:before{width:270px;height:270px;border-radius:50%;top:85px;background:#f1c1a3;box-shadow:inset 0 -12px 0 #d89b86}.hero-video:after,.hero-video:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.hero-video:after{width:225px;height:340px;bottom:-105px;border-radius:45% 45% 0 0;background:#1d2335}.hair{position:absolute;width:250px;height:145px;top:54px;left:50%;transform:translateX(-50%);border-radius:50% 50% 35% 35%;background:#2a2532;z-index:1}.hero-video-label{position:absolute;z-index:2;top:23px;left:24px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.play-pill{position:absolute;z-index:3;bottom:23px;left:23px;right:23px;padding:13px 15px;display:flex;align-items:center;gap:10px;border:1px solid hsla(0,0%,100%,.4);border-radius:12px;background:rgba(27,29,41,.55);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.play-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);font-size:11px}.floating-card{position:absolute;z-index:4;right:0;top:105px;width:190px;padding:16px;border:1px solid hsla(0,0%,100%,.75);border-radius:16px;background:hsla(0,0%,100%,.82);box-shadow:0 16px 40px rgba(38,33,55,.13);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-card small{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.floating-card strong{display:block;font-size:14px;line-height:1.25}.mini-progress{height:5px;margin-top:14px;overflow:hidden;border-radius:9px;background:#e9e6ef}.mini-progress span{display:block;width:72%;height:100%;border-radius:inherit;background:var(--accent)}.section{padding:105px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section h2{max-width:620px;margin:13px 0 0;font-size:clamp(34px,4vw,56px);line-height:1.02}.section-intro{max-width:330px;color:var(--muted);line-height:1.5}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.step-card{min-height:230px;padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.step-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:700}.step-card h3{margin:55px 0 9px;font-size:20px}.step-card p{max-width:260px;margin:0;color:var(--muted);line-height:1.5}.examples-section{background:#f3f0eb}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px}.example-card{padding:20px;min-height:170px;border-radius:17px}.example-card:first-child{background:#d9e8e3}.example-card:nth-child(2){background:#f8d8c4}.example-card:nth-child(3){background:#ded8f5}.example-card:nth-child(4){background:#f5e6b8}.example-card h3{margin:55px 0 8px;font-size:16px}.example-card p{margin:0;font-size:14px;line-height:1.45}.looks{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.look-card{height:280px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(160deg,#d9c1b0,#7886a1)}.look-card:nth-child(2){background:linear-gradient(160deg,#e5d4bc,#a7a1ca)}.look-card:nth-child(3){background:linear-gradient(160deg,#a8cbd0,#557080)}.look-card:nth-child(4){background:linear-gradient(160deg,#d9b893,#9e765b)}.look-card:before{width:122px;height:150px;top:42px;border-radius:50% 50% 42% 42%;background:#e9b494;box-shadow:inset 0 -10px 0 rgba(137,70,59,.2)}.look-card:after,.look-card:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.look-card:after{width:104px;height:80px;top:30px;border-radius:50% 50% 35% 35%;background:#392d2d}.look-label{position:absolute;z-index:2;bottom:16px;left:16px;padding:8px 10px;border-radius:8px;background:hsla(0,0%,100%,.82);font-size:12px;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.feature{padding:25px;border-top:1px solid var(--line)}.feature-icon{margin-bottom:45px;font-size:22px}.feature h3{margin:0 0 8px;font-size:18px}.feature p{margin:0;color:var(--muted);line-height:1.5}.pricing-section{background:#1b1d29;color:#fff}.pricing-section .muted,.pricing-section .section-intro{color:#aeb0bc}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.price-card{padding:25px;min-height:355px;border:1px solid #383b4a;border-radius:18px;background:#252834;display:flex;flex-direction:column}.price-card.highlight{background:var(--accent);border-color:var(--accent)}.price-card h3{margin:0 0 26px;font-size:17px}.price{font-family:Manrope,sans-serif;font-size:38px;font-weight:800;letter-spacing:-.06em}.price small{color:#aeb0bc;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;letter-spacing:0}.highlight .price small{color:hsla(0,0%,100%,.76)}.price-list{margin:24px 0;padding:0;list-style:none;color:#c3c5cf;font-size:14px;line-height:2}.highlight .price-list{color:#fff}.price-card .primary-btn,.price-card .soft-btn{margin-top:auto;text-align:center}.footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.app-shell{display:flex;min-height:100vh;background:#f6f6f8}.sidebar{width:244px;flex:0 0 244px;padding:26px 17px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.sidebar .logo{padding:0 12px 34px}.workspace-switch{padding:11px 12px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:24px}.workspace-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#fff;background:#3d4c93;font-size:11px;font-weight:700}.nav-group-label{padding:0 12px 9px;color:#a0a1aa;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.side-nav{display:grid;grid-gap:5px;gap:5px}.side-link{width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#777984;display:flex;align-items:center;gap:11px;text-align:left;font-size:13px}.side-link.active{background:#fff0ec;color:var(--accent-dark);font-weight:700}.sidebar-spacer{flex:1 1}.balance-box{padding:14px;border-radius:14px;background:#f7f7f9}.balance-box p{margin:0 0 8px;color:#858691;font-size:11px}.balance-value{display:flex;align-items:baseline;justify-content:space-between;font-size:18px;font-weight:800}.balance-value small{color:#999aa3;font-size:11px;font-weight:500}.balance-line{height:5px;margin-top:11px;overflow:hidden;border-radius:9px;background:#e5e5e9}.balance-line span{display:block;width:64%;height:100%;background:var(--accent);border-radius:inherit}.profile-mini{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px}.profile-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d6d0ee;color:#5a527e;font-size:11px;font-weight:800}.profile-mini strong{display:block;font-size:12px}.profile-mini span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.app-main{flex:1 1;min-width:0}.app-topbar{height:72px;padding:0 42px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{color:var(--muted);font-size:13px}.breadcrumbs strong{color:var(--ink)}.topbar-actions{display:flex;align-items:center;gap:13px}.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#676a75;display:grid;place-items:center}.app-content{padding:42px;max-width:1350px}.welcome-row{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.welcome-row h1{margin:6px 0 0;font-size:34px}.welcome-row p{margin:8px 0 0;color:var(--muted);font-size:14px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:26px}.metric-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.metric-number{margin-top:20px;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.06em}.metric-trend{margin-left:6px;color:#4f9f6d;font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:0}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-gap:18px;gap:18px}.panel{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-head h2{margin:0;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.03em}.panel-head a{color:var(--accent-dark);font-size:12px;font-weight:700}.video-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #f0f0f2}.video-row:last-child{border:0;padding-bottom:0}.video-thumb{width:57px;height:67px;flex:0 0 57px;border-radius:9px;background:linear-gradient(145deg,#efc1ad,#777ca7);position:relative;overflow:hidden}.video-thumb:before{content:"";position:absolute;width:34px;height:42px;top:10px;left:12px;border-radius:50% 50% 35% 35%;background:#eab495;box-shadow:inset 0 -7px 0 #c9907e}.video-thumb:after{content:"";position:absolute;width:32px;height:21px;top:5px;left:13px;border-radius:50%;background:#372b32}.video-info{min-width:0;flex:1 1}.video-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.video-info span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:6px;font-size:10px;font-weight:700}.status.ready{background:#e7f4eb;color:#3e8958}.status.progress{background:#fff1e8;color:#c56d41}.quick-create{padding:21px;border-radius:15px;background:#242735;color:#fff}.quick-create h3{margin:0;font-family:Manrope,sans-serif;font-size:21px;line-height:1.12;letter-spacing:-.04em}.quick-create p{margin:11px 0 23px;color:#afb1be;font-size:12px;line-height:1.5}.quick-create .primary-btn{width:100%}.mini-employee{display:flex;align-items:center;gap:11px;margin:18px 0;padding:11px;border:1px solid #3d4050;border-radius:11px}.mini-portrait{width:39px;height:39px;border-radius:9px;background:linear-gradient(145deg,#efc0a7,#8f87b9);position:relative;overflow:hidden}.mini-portrait:before{content:"";position:absolute;width:24px;height:29px;top:8px;left:8px;border-radius:50%;background:#e7ad91}.mini-employee strong{display:block;font-size:12px}.mini-employee span{display:block;margin-top:3px;color:#aeb0bc;font-size:10px}.page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-header h1{margin:6px 0 0;font-size:32px}.page-header p{margin:8px 0 0;color:var(--muted);font-size:14px}.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.employee-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.employee-image{height:235px;position:relative;overflow:hidden;background:linear-gradient(145deg,#efd0bb,#9899c9)}.employee-image.alt{background:linear-gradient(145deg,#d3e6dd,#8998b1)}.employee-image.dark{background:linear-gradient(145deg,#d5b89b,#545266)}.employee-image:before{width:120px;height:139px;top:46px;border-radius:50% 50% 42% 42%;background:#eab495;box-shadow:inset 0 -10px 0 rgba(137,70,59,.16)}.employee-image:after,.employee-image:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.employee-image:after{width:110px;height:78px;top:31px;border-radius:50% 50% 37% 37%;background:#342a30}.employee-image .image-tag{position:absolute;z-index:2;left:14px;top:14px;padding:6px 8px;border-radius:7px;background:hsla(0,0%,100%,.78);color:var(--ink);font-size:10px;font-weight:700}.employee-body{padding:17px}.employee-body h3{margin:0;font-size:16px}.employee-body p{margin:5px 0 16px;color:var(--muted);font-size:12px}.employee-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.employee-actions{display:flex;gap:8px;margin-top:16px}.employee-actions button{flex:1 1;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:11px;font-weight:700}.employee-actions button:first-child{border-color:#ffd5cb;background:#fff5f2;color:var(--accent-dark)}.create-layout{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:18px;gap:18px}.form-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.form-card h2{margin:0 0 5px;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.04em}.form-card>p{margin:0 0 22px;color:var(--muted);font-size:13px}.field{margin-bottom:20px}.field label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;font-weight:700}.field label span{color:var(--accent-dark);font-weight:700}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;outline:none;background:#fff;color:var(--ink)}.field textarea{min-height:150px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ffab99;box-shadow:0 0 0 3px #fff1ed}.ai-button{padding:0;border:0;background:none;color:var(--accent-dark);font-size:11px;font-weight:700}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.toggle{width:35px;height:20px;padding:2px;border:0;border-radius:20px;background:var(--accent)}.toggle span{display:block;width:16px;height:16px;margin-left:auto;border-radius:50%;background:#fff}.script-preview{min-height:350px;display:flex;flex-direction:column;padding:21px;border-radius:16px;background:#e9e5f9}.script-preview h3{margin:0;font-size:16px}.script-preview p{color:#646174;font-size:13px;line-height:1.6}.preview-video{flex:1 1;min-height:210px;position:relative;overflow:hidden;margin-top:18px;border-radius:13px;background:linear-gradient(145deg,#edc3af,#8885b2)}.preview-video:before{width:90px;height:110px;top:35px;border-radius:50% 50% 40% 40%;background:#e8af92}.preview-video:after,.preview-video:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.preview-video:after{width:82px;height:58px;top:25px;border-radius:50%;background:#3b2d32}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.video-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.video-card .video-thumb{width:100%;height:220px;border-radius:0}.video-card .video-thumb:before{width:112px;height:137px;top:44px;left:50%;transform:translateX(-50%)}.video-card .video-thumb:after{width:105px;height:69px;top:32px;left:50%;transform:translateX(-50%)}.video-card-body{padding:15px}.video-card-body strong{display:block;font-size:13px}.video-card-body p{margin:5px 0 13px;color:var(--muted);font-size:11px}.video-card-foot{display:flex;align-items:center;justify-content:space-between}.video-card-foot span{color:var(--muted);font-size:11px}.plans-page{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.plan-large{padding:23px;border:1px solid var(--line);border-radius:15px;background:#fff}.plan-large.current{border-color:#ffb2a2;box-shadow:0 0 0 3px #fff1ed}.plan-large h3{margin:0;font-size:16px}.plan-large .price{margin:22px 0 7px;font-size:32px}.plan-large p{margin:0;color:var(--muted);font-size:12px}.plan-large ul{min-height:120px;margin:22px 0;padding:0;list-style:none;color:#626572;font-size:12px;line-height:2}.plan-large li:before{content:"✓";margin-right:8px;color:#4f9f6d;font-weight:800}.invoice-banner{grid-column:1/-1;padding:22px;border-radius:15px;background:#e8e2f9;display:flex;align-items:center;justify-content:space-between;gap:20px}.invoice-banner h3{margin:0 0 5px;font-size:15px}.invoice-banner p{margin:0;color:#69637e;font-size:12px}.empty-state{padding:65px 20px;text-align:center;border:1px dashed #d9d9df;border-radius:15px;background:#fff}.empty-state .empty-icon{width:44px;height:44px;margin:0 auto 15px;display:grid;place-items:center;border-radius:13px;background:#fff0ec;color:var(--accent-dark)}.empty-state h3{margin:0 0 7px;font-size:17px}.empty-state p{max-width:300px;margin:0 auto 18px;color:var(--muted);font-size:12px;line-height:1.5}@media (max-width:1000px){.create-layout,.dashboard-grid,.hero-grid{grid-template-columns:1fr}.hero-art{min-height:500px;max-width:650px;width:100%;margin:0 auto}.employee-grid,.example-grid,.looks,.plans-page,.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.container{width:min(100% - 32px,600px)}.nav-actions .text-btn,.nav-links{display:none}.hero{padding:45px 0 70px}.hero h1{font-size:53px}.hero-art{min-height:400px}.hero-video{inset:8px 25px 0 10px}.floating-card{right:0;top:65px}.section{padding:70px 0}.invoice-banner,.page-header,.section-head,.welcome-row{display:block}.section-intro{margin-top:16px}.employee-grid,.example-grid,.feature-grid,.looks,.metric-grid,.plans-page,.pricing-grid,.steps,.video-grid{grid-template-columns:1fr}.sidebar{width:70px;flex-basis:70px;padding:20px 10px}.sidebar .logo{padding:0 10px 30px}.balance-box,.nav-group-label,.profile-mini div,.side-link span,.sidebar .logo span,.workspace-switch span{display:none}.workspace-switch{justify-content:center;padding:8px;border:0}.side-link{justify-content:center;padding:12px 7px}.profile-mini{justify-content:center;padding:10px 0}.app-topbar{padding:0 18px}.app-content{padding:25px 18px}.page-header .primary-btn,.welcome-row .primary-btn{margin-top:20px}.footer-inner{display:block}.footer-inner span{display:block;margin-top:8px}}