:root{--ink:#f8f7f5;--paper:#070707;--paper-2:#101010;--line:#ffffff1f;--muted:#a5a5a5;--soft:#737373;--orange:#ff7a00;--orange-dark:#ff9f43;--green:#4dd481;--blue:#78a8ff;--violet:#b99cff;--night:#070707;--night-2:#111;--white:#fbfbf8;--shadow:0 20px 60px #0000006b;--serif:"Playfair Display",Georgia,"Times New Roman",serif;--sans:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}img{object-fit:cover;max-width:100%;display:block}.container{width:min(1170px,100% - 48px);margin-inline:auto}.brand{letter-spacing:-.085em;align-items:baseline;font-size:23px;font-weight:780;line-height:1;display:inline-flex}.brand>span:first-child{color:var(--orange)}.brand-muted{color:#989c97;font-weight:500}.eyebrow{color:#747873;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:10px;font-weight:800;display:flex}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 16px;font-size:13px;font-weight:760;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-secondary{border-color:var(--line);color:#2a2d2e;background:#fff}.button-secondary:hover{border-color:#aeb0aa}.text-link{color:#4c504e;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:750;transition:color .2s;display:inline-flex}.text-link:hover{color:var(--orange-dark)}.icon-button{border:1px solid var(--line);color:#525754;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button.quiet{background:0 0}.spin{animation:1s linear infinite spin}.loader{border:2px solid #d6d8d1;border-top-color:var(--orange);border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.site-shell{min-height:100vh;overflow:hidden}.site-header-wrapper{z-index:1000;pointer-events:none;width:min(100% - 32px,1170px);position:fixed;top:20px;left:50%;transform:translate(-50%)}.site-header{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(190%);background:#0c0c0cb8;border:1px solid #ffffff14;border-radius:99px;justify-content:space-between;align-items:center;height:66px;padding:0 24px;transition:border-color .3s,box-shadow .3s,background .3s;display:flex;box-shadow:0 24px 64px #000000a6,inset 0 1px #ffffff0d}.site-header:hover{border-color:#ff7a0038;box-shadow:0 28px 72px #000000b8,0 0 24px #ff7a0008}.header-actions{align-items:center;gap:14px;display:flex}.header-cta{white-space:nowrap;min-height:38px;padding:0 18px;font-size:12px;font-weight:700;border-radius:99px!important}.header-login-btn{white-space:nowrap;gap:6px;min-height:38px;padding:0 16px 0 14px;font-size:12px;font-weight:700;border-radius:99px!important}@media (max-width:480px){.header-login-btn span,.header-cta span{display:none}.header-login-btn{padding:0 11px}.header-cta{padding:0 12px}.header-actions{gap:8px}}.account-chip{color:#f8f7f5;background:#ffffff0d;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:7px;padding:4px 12px 4px 4px;font-size:11px;font-weight:750;transition:background .2s,border-color .2s;display:flex}.account-chip:hover{background:#ffffff17;border-color:#ffffff1f}.account-chip span{background:var(--orange);color:#fff;letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:8px;display:flex}.hero{grid-template-columns:1fr .95fr;gap:80px;min-height:630px;padding:116px 0 80px;display:grid;position:relative}.hero-copy{align-self:center}.hero-copy h1{letter-spacing:-.087em;max-width:650px;margin:18px 0 24px;font-size:clamp(50px,5.7vw,79px);font-weight:690;line-height:.94}.hero-copy h1 em{color:var(--orange);font-family:var(--serif);font-weight:500}.hero-description{color:#666b67;max-width:490px;font-size:16px;line-height:1.7}.hero-buttons{gap:10px;margin-top:30px;display:flex}.live-metrics{gap:30px;margin-top:55px;display:flex}.live-metrics>div{border-left:1px solid var(--line);padding-left:14px}.live-metrics strong{letter-spacing:-.06em;font-size:25px;display:block}.live-metrics span{color:#777b76;margin-top:3px;font-size:10px;display:block}.hero-panel{background:#1b1e20;border-radius:18px;min-height:456px;position:relative;overflow:hidden;transform:perspective(1100px)rotateY(-4deg)rotateX(2deg);box-shadow:0 40px 75px #0d121438}.panel-grid{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.orbit{border:1px solid #ffffff1f;border-radius:50%;position:absolute}.orbit-one{width:410px;height:410px;animation:15s linear infinite orbit;top:-150px;right:-160px}.orbit-two{width:580px;height:580px;animation:23s linear infinite reverse orbit;top:140px;left:-280px}@keyframes orbit{to{transform:rotate(360deg)}}.floating-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f6f6f1;background:#23272ad9;border:1px solid #ffffff21;position:absolute;box-shadow:0 15px 30px #00000038}.card-featured{border-radius:14px;width:min(300px,62%);padding:24px;top:18%;left:10%}.card-featured .card-icon{background:var(--orange);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-featured small,.card-mini small,.card-stat small{color:#a3aaa5;letter-spacing:.1em;margin-top:18px;font-size:9px;font-weight:800;display:block}.card-featured strong{letter-spacing:-.075em;margin-top:8px;font-size:27px;line-height:1;display:block}.card-featured p{color:#b6bab5;margin:12px 0 22px;font-size:11px;line-height:1.6}.card-featured>div{color:#c9ccc7;border-top:1px solid #ffffff1f;align-items:center;gap:6px;padding-top:14px;font-size:10px;display:flex}.live-dot{background:#68c983;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #68c9831f}.card-mini{border-radius:11px;align-items:center;gap:9px;width:220px;padding:10px;display:flex;bottom:18%;right:10%}.mini-avatar{color:#3c1c0f;background:linear-gradient(130deg,#f79d69,#be5529);border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;font-size:11px;font-weight:850;display:flex}.card-mini small{margin:0;font-size:7px}.card-mini b{margin-top:4px;font-size:11px;display:block}.card-mini>svg{color:#72c48a;margin-left:auto}.card-stat{border-radius:12px;width:135px;padding:14px 18px;bottom:8%;left:13%}.card-stat small{margin:0;font-size:8px}.card-stat strong{letter-spacing:-.08em;margin:5px 0;font-size:34px;display:block}.card-stat>span{color:#9da39e;font-size:8px}.reveal{opacity:0}.reveal.in-view{animation-name:riseIn;animation-duration:.7s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.library-section{border-block:1px solid var(--line);background:#ebece6;padding:100px 0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.section-heading h2{letter-spacing:-.078em;margin:10px 0 0;font-size:clamp(34px,4vw,53px);line-height:.98}.section-heading>p{color:#696d68;max-width:310px;margin:0;font-size:13px;line-height:1.65}.setup-banner{color:#83511e;background:#fff4e9;border:1px solid #f0c69d;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:13px 15px;font-size:12px;display:flex}.setup-banner b,.setup-banner span{display:block}.setup-banner span{color:inherit;opacity:.86;margin-top:3px;font-size:11px}.setup-banner code,.simple-card code{background:#ffffffa6;border-radius:3px;padding:1px 4px}.library-tools{align-items:center;gap:15px;margin-bottom:30px;display:flex}.search-box{border:1px solid var(--line);color:#7d817c;background:#fff;border-radius:8px;align-items:center;gap:9px;width:100%;max-width:320px;height:43px;padding:0 13px;display:flex}.search-box input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.filter-list{gap:6px;padding-bottom:2px;display:flex;overflow:auto}.filter-list button{color:#686d68;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:700}.resource-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.resource-card{min-width:0}.resource-card.reveal{animation-delay:calc(var(--card-index) * 40ms)}.resource-visual{aspect-ratio:1.36;background:#202325;position:relative;overflow:hidden}.resource-visual>img{width:100%;height:100%}.resource-placeholder{background:linear-gradient(135deg,hsl(calc(20 + var(--card-index) * 53),61%,48%),#212526 75%);isolation:isolate;height:100%;padding:25px;position:relative;overflow:hidden}.resource-placeholder:before{content:"";background:#ffffff2e;border:1px solid #fff3;border-radius:50%;width:175px;height:175px;position:absolute;top:-52px;right:-34px}.resource-placeholder span{color:#fff;font:700 72px var(--serif);letter-spacing:-.12em;z-index:1;position:relative}.resource-placeholder i{background:#ffffff73;border-radius:4px;width:34%;height:5px;position:absolute;bottom:27px;left:25px}.resource-placeholder i:nth-of-type(2){opacity:.45;width:51%;bottom:16px}.resource-placeholder i:nth-of-type(3){opacity:.25;width:22%;bottom:5px}.resource-overlay{justify-content:space-between;align-items:flex-start;padding:11px;display:flex;position:absolute;top:0;left:0;right:0}.resource-overlay>span{color:#fff;background:#131617b3;border:1px solid #ffffff29;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:760}.save-button{color:#3e4542;background:#ffffffeb;border:0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.resource-content{background:#fff;justify-content:space-between;min-height:147px;padding:17px;display:flex}.resource-content>div{min-width:0}.resource-content p{color:var(--orange-dark);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.resource-content h3{letter-spacing:-.055em;margin:7px 0 6px;font-size:18px}.resource-content span{color:#737772;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:270px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.resource-content a{color:#464b47;white-space:nowrap;align-self:flex-end;align-items:center;gap:4px;font-size:10px;font-weight:800;display:flex}.resource-content a:hover{color:var(--orange-dark)}.resource-content .not-linked{color:#989b96;white-space:nowrap;align-self:flex-end;font-size:9px}.empty-library{text-align:center;background:#ffffff80;border:1px dashed #c7cac2;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:35px;display:flex}.empty-library>svg{color:#999e98}.empty-library h3{letter-spacing:-.045em;margin:12px 0 5px;font-size:18px}.empty-library p{color:#777b77;max-width:340px;margin:0;font-size:12px;line-height:1.6}.empty-library .button{margin-top:19px}.process-section{padding:115px 0}.process-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.process-grid article{border-left:1px solid var(--line);min-height:235px;padding:28px}.process-grid article:first-child{border-left:0;padding-left:0}.process-grid span{color:var(--orange);letter-spacing:.1em;font-size:11px;font-weight:800}.process-grid h3{letter-spacing:-.07em;margin:43px 0 10px;font-size:25px}.process-grid p{color:#686c68;max-width:260px;font-size:12px;line-height:1.7}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:92px;display:flex}.site-footer p,.site-footer a{color:#777b76;font-size:10px}.site-footer>div{gap:17px;display:flex}.site-footer a:hover{color:var(--orange-dark)}.auth-page{color:#f8f7f5;background:radial-gradient(760px 480px at 85% 8%,#ff7a0017,#0000 55%),#070707;grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-back{color:#9a9a9a;z-index:3;align-items:center;gap:6px;font-size:11px;font-weight:700;transition:color .2s,transform .25s;display:flex;position:absolute;top:29px;left:32px}.auth-back:hover{color:#ffad68;transform:translate(-3px)}.auth-aside{color:#fff;background:radial-gradient(600px 400px at 20% 10%,#ff7a001a,#0000 60%),#0d0d0d;min-height:100vh;padding:38px clamp(45px,7vw,110px);position:relative;overflow:hidden}.auth-aside:after{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.auth-aside .brand{color:#fff;z-index:1;position:relative}.auth-aside-content{z-index:1;flex-direction:column;justify-content:center;height:calc(100vh - 76px);display:flex;position:relative}.auth-aside-orb{filter:blur(2px);background:radial-gradient(circle,#f58c5c,#f76f3521 33%,#0000 68%);border-radius:50%;width:620px;height:620px;animation:11s ease-in-out infinite orbFloat;position:absolute;top:33%;left:-310px}.auth-aside-orb-2{filter:blur(14px);background:radial-gradient(circle,#b99cff66,#b99cff14 40%,#0000 70%);border-radius:50%;width:340px;height:340px;animation:15s ease-in-out infinite reverse orbFloat;position:absolute;top:-90px;right:-120px}.auth-aside h1{letter-spacing:-.085em;max-width:540px;margin:15px 0 22px;font-size:clamp(42px,4vw,65px);line-height:.95}.auth-aside h1+p{color:#a8a8a8;max-width:430px;font-size:14px;line-height:1.75}.auth-aside ul{border-top:1px solid #ffffff24;margin:48px 0 0;padding:22px 0 0;list-style:none}.auth-aside li{color:#c9c9c9;align-items:center;gap:9px;margin:12px 0;font-size:11px;transition:color .25s,transform .25s;display:flex}.auth-aside li:hover{color:#fff;transform:translate(4px)}.auth-aside li svg{color:#f69b6d;flex:none}.auth-panel{justify-content:center;align-items:center;padding:85px 32px 35px;display:flex;position:relative}.auth-panel:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ff7a001a,#0000 65%);width:480px;height:480px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.auth-card{z-index:1;width:100%;max-width:420px;position:relative}.auth-enter{animation:.7s cubic-bezier(.2,.8,.2,1) both riseIn}.auth-switch-fade{animation:.45s cubic-bezier(.2,.8,.2,1) both riseIn}.mode-switch{background:#141414;border:1px solid #ffffff14;border-radius:9px;width:100%;padding:3px;display:flex;position:relative}.mode-switch:before{content:"";background:#242424;border-radius:6px;width:calc(50% - 3px);height:calc(100% - 6px);transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #0006}.mode-switch.is-register:before{transform:translate(100%)}.mode-switch button{color:#8d8d8d;z-index:1;background:0 0;border:0;border-radius:6px;flex:1;height:34px;font-size:12px;font-weight:750;transition:color .25s;position:relative}.mode-switch button.active{color:#fff}.auth-heading{margin:33px 0 24px}.auth-heading h2{letter-spacing:-.075em;margin:12px 0;font-size:36px;line-height:1}.auth-heading>p:last-child{color:#999;margin:0;font-size:12px;line-height:1.6}.form-notice,.form-error,.form-success{border-radius:7px;align-items:flex-start;margin-bottom:14px;padding:10px 12px;font-size:11px;line-height:1.45;animation:.3s cubic-bezier(.2,.8,.2,1) both formSlideIn;display:flex}.form-notice{color:#ffc793;background:#ffad681a;border:1px solid #ffad6838}.form-error{color:#ff9d94;background:#ff5a5a1a;border:1px solid #ff5a5a3d}.form-success{color:#8fe0ab;background:#4dd4811a;border:1px solid #4dd4813d}.google-button{color:#f0f0f0;background:#141414;border:1px solid #ffffff1f;border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;font-size:12px;font-weight:760;transition:background .25s,border-color .25s,transform .2s;display:flex}.google-button:hover{background:#1a1a1a;border-color:#ffffff42;transform:translateY(-2px)}.google-button:active{transform:translateY(0)}.google-button svg{width:18px;height:18px}.divider{color:#767676;align-items:center;gap:10px;margin:22px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.auth-card form{flex-direction:column;gap:16px;display:flex}.auth-card label>span{color:#b5b5b5;margin-bottom:7px;font-size:11px;font-weight:750;display:block}.auth-card label>span i{color:#767676;font-size:9px;font-style:normal;font-weight:500}.field{color:#8a8f88;background:#ffffff08;border:1px solid #ffffff1f;border-radius:7px;align-items:center;height:44px;padding:0 12px;transition:background .25s,border-color .25s,box-shadow .25s;display:flex}.field svg{color:#767676;flex:none;transition:color .25s}.field:focus-within{border-color:var(--orange);background:#ffffff0d;box-shadow:0 0 0 3px #ff7a0024,0 0 20px #ff7a0014}.field:focus-within svg{color:#ffad68}.field input{color:#f8f7f5;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 9px;font-size:12px}.field input::placeholder{color:#666}.field button{color:#9a9a9a;background:0 0;border:0;padding:2px;transition:color .2s,transform .2s}.field button:hover{color:#f0f0f0;transform:scale(1.12)}.forgot-password{color:var(--orange-dark);background:0 0;border:0;align-self:flex-end;margin-top:-8px;padding:0;font-size:10px;font-weight:750;transition:color .2s}.forgot-password:hover{color:#ffc793}.auth-submit{width:100%;margin-top:2px;position:relative;overflow:hidden}.auth-submit.is-loading{opacity:.72;pointer-events:none}.auth-terms{color:#767676;text-align:center;max-width:340px;margin:18px auto 0;font-size:9px;line-height:1.6}@keyframes formSlideIn{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.auth-aside-orb,.auth-aside-orb-2,.auth-enter,.auth-switch-fade,.form-notice,.form-error,.form-success{animation:none!important}}.simple-page{background:var(--paper);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.simple-card{border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;background:#fff;flex-direction:column;align-items:center;max-width:470px;padding:43px;display:flex}.simple-card>svg{color:var(--orange)}.simple-card h1{letter-spacing:-.065em;margin:15px 0 8px;font-size:29px}.simple-card p{color:#707570;max-width:350px;margin:0;font-size:12px;line-height:1.65}.simple-card .button{margin-top:22px}.account-page{background:#f4f4ef;min-height:100vh}.account-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;display:flex}.account-header>div{gap:22px;display:flex}.account-hero{align-items:center;gap:17px;padding:70px 0 49px;display:flex}.profile-avatar{color:#402114;background:linear-gradient(140deg,#f3a178,#bd582d);border-radius:15px;justify-content:center;align-items:center;width:70px;height:70px;font-size:24px;font-weight:800;display:flex;overflow:hidden}.profile-avatar img{width:100%;height:100%}.account-hero h1{letter-spacing:-.075em;margin:10px 0 5px;font-size:42px;line-height:1}.account-hero p:last-child{color:#737771;margin:0;font-size:12px}.admin-link{margin-left:auto}.account-layout{border-top:1px solid var(--line);grid-template-columns:270px 1fr;align-items:start;gap:50px;padding:44px 0 100px;display:grid}.profile-card{border:1px solid var(--line);background:#fff;padding:20px}.profile-card>div:first-child{align-items:center;gap:10px;display:flex}.profile-icon{color:var(--orange-dark);background:#fff0e9;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.profile-card h2{letter-spacing:-.04em;margin:0;font-size:15px}.profile-card dl{border-top:1px solid #ededeb;margin:20px 0 0}.profile-card dl>div{border-bottom:1px solid #ededeb;padding:12px 0}.profile-card dt{color:#777b77;margin-bottom:6px;font-size:10px}.profile-card dd{color:#343936;align-items:center;gap:5px;margin:0;font-size:11px;font-weight:700;display:flex}.profile-card dd svg{color:#5b9d72}.verification-card{background:#fff3e9;margin-top:18px;padding:13px}.verification-card b{font-size:11px}.verification-card p{color:#895a31;margin:6px 0 10px;font-size:10px;line-height:1.5}.verification-card button{color:#a64b25;text-align:left;background:0 0;border:0;margin:6px 0;padding:0;font-size:10px;font-weight:800;display:block}.account-notice{color:#7f5727;margin:14px 0 0;font-size:10px;line-height:1.5}.saved-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.saved-heading h2{letter-spacing:-.07em;margin:9px 0 0;font-size:31px}.empty-library.compact{min-height:260px}.saved-list{border-top:1px solid var(--line)}.saved-item{border-bottom:1px solid var(--line);grid-template-columns:85px 1fr 30px;align-items:center;gap:16px;padding:13px 0;display:grid}.saved-thumb{color:#fff;font:700 33px var(--serif);background:#2c3031;justify-content:center;align-items:center;height:61px;display:flex;overflow:hidden}.saved-thumb img{width:100%;height:100%}.saved-item p{color:var(--orange-dark);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.saved-item h3{letter-spacing:-.05em;margin:5px 0;font-size:16px}.saved-item div>span{color:#777b77;font-size:11px;line-height:1.45;display:block}.saved-item>a{border:1px solid var(--line);color:#545955;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.admin-page{color:#232728;background:#f6f7f3;grid-template-columns:242px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#f4f5ef;background:#1b1e20;flex-direction:column;min-height:100vh;padding:29px 16px 17px;display:flex}.admin-sidebar .brand{padding-left:8px}.admin-label{color:#818985;letter-spacing:.13em;margin:52px 8px 13px;font-size:9px;font-weight:800}.admin-sidebar nav{flex-direction:column;gap:4px;display:flex}.admin-sidebar nav button,.sidebar-bottom>a,.sidebar-bottom>button{color:#b3b9b3;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 9px;font-size:11px;font-weight:700;display:flex}.admin-sidebar nav button span{background:#303638;border-radius:99px;margin-left:auto;padding:3px 6px;font-size:9px}.sidebar-bottom{border-top:1px solid #34393a;margin-top:auto;padding-top:13px}.sidebar-bottom>a:hover,.sidebar-bottom>button:hover{color:#fff;background:#252a2c}.admin-identity{border-top:1px solid #34393a;align-items:center;gap:8px;margin-top:13px;padding:14px 8px 0;display:flex}.admin-identity>span,.member-avatar{color:#422011;background:linear-gradient(140deg,#f09b70,#c35b30);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:9px;font-weight:850;display:flex;overflow:hidden}.admin-identity div{min-width:0}.admin-identity b,.admin-identity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-identity b{font-size:10px}.admin-identity small{color:#929893;margin-top:3px;font-size:9px}.admin-identity>svg{color:#8c938e;margin-left:auto}.admin-main{min-width:0;padding:48px clamp(26px,5vw,75px) 80px}.admin-header{justify-content:space-between;align-items:start;margin-bottom:31px;display:flex}.admin-header h1{letter-spacing:-.078em;margin:10px 0 0;font-size:clamp(30px,3.5vw,46px);line-height:1}.admin-notice{color:#326944;background:#e4f4e8;border:1px solid #bcdfc4;align-items:center;gap:8px;margin:-12px 0 20px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.admin-notice button{color:inherit;background:0 0;border:0;margin-left:auto;padding:0}.stat-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.stat-grid article{background:#fff;border:1px solid #e0e2da;min-height:178px;padding:18px}.stat-icon{border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-grid p{color:#757a75;margin:19px 0 4px;font-size:10px}.stat-grid strong{letter-spacing:-.07em;font-size:34px;display:block}.stat-grid small{color:#90948f;margin-top:5px;font-size:9px;line-height:1.4;display:block}.dashboard-grid{grid-template-columns:1.4fr .8fr;gap:14px;margin-top:14px;display:grid}.dashboard-card{background:#fff;border:1px solid #e0e2da;padding:21px}.card-heading{justify-content:space-between;align-items:start;display:flex}.card-heading h2,.launch-card h2{letter-spacing:-.055em;margin:0;font-size:19px}.card-heading p{color:#838782;margin:5px 0 0;font-size:10px}.mini-resource-list{margin-top:17px}.mini-resource-list button{text-align:left;background:0 0;border:0;border-top:1px solid #eef0ea;align-items:center;gap:10px;width:100%;min-height:55px;padding:0;display:flex}.mini-resource-list button:last-child{border-bottom:1px solid #eef0ea}.mini-resource-list button>div{min-width:0}.mini-resource-list b,.mini-resource-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-resource-list b{font-size:11px}.mini-resource-list small{color:#888d88;margin-top:4px;font-size:9px}.mini-resource-list button>svg{color:#9da29d;margin-left:auto;transform:rotate(-90deg)}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot.published{background:#57a67b}.status-dot.draft{background:#c4a053}.launch-card{color:#fff;background:radial-gradient(circle at 85% 12%,#f76f3533,#0000 35%),#202426}.launch-card h2{margin:15px 0;font-size:27px;line-height:1.05}.launch-card>p:not(.eyebrow){color:#c3c9c2;font-size:11px;line-height:1.65}.launch-card .button{margin-top:20px}.dashboard-empty{color:#7c817d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:230px;display:flex}.dashboard-empty>svg{color:#a3a8a2}.dashboard-empty b{color:#454a46;margin-top:4px;font-size:13px}.dashboard-empty span{max-width:260px;font-size:10px}.dashboard-empty .button{margin-top:10px}.table-tools{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.table-tools>span{color:#858a85;font-size:10px}.resource-table,.member-table{background:#fff;border:1px solid #e0e2da}.resource-table article{border-top:1px solid #eef0ea;grid-template-columns:48px minmax(180px,1fr) 125px 88px 105px 89px;align-items:center;gap:13px;padding:11px 14px;display:grid}.resource-table article:first-child{border-top:0}.table-thumb{color:#fff;font:700 21px var(--serif);background:#343839;justify-content:center;align-items:center;width:48px;height:38px;display:flex;overflow:hidden}.table-thumb img{width:100%;height:100%}.resource-row-main{min-width:0}.resource-row-main b,.resource-row-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.resource-row-main b{font-size:11px}.resource-row-main span{color:#868b86;margin-top:4px;font-size:9px}.category-cell,.date-cell{color:#666b66;font-size:10px}.status-badge{text-align:center;text-transform:capitalize;border-radius:99px;width:max-content;padding:5px 8px;font-size:9px;font-weight:750}.row-actions{align-items:center;gap:4px;display:flex}.row-actions button{color:#777d78;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.row-actions button:nth-child(2):hover{color:#ba4f3d}.row-actions>svg{color:#a4a8a4}.member-table article{border-top:1px solid #eef0ea;grid-template-columns:31px 1fr 150px 110px;align-items:center;gap:11px;padding:13px 16px;display:grid}.member-table article:first-child{border-top:0}.member-avatar{width:30px;height:30px}.member-avatar img{width:100%;height:100%}.member-table article>div b,.member-table article>div span{display:block}.member-table b{font-size:11px}.member-table article>div span,.member-table article>span:not(.member-avatar){color:#858a85;margin-top:4px;font-size:9px}.member-table article>span{margin:0}.role-select{color:#565c57;border:1px solid #e0e3dc;border-radius:5px;align-items:center;display:flex;position:relative}.role-select select{appearance:none;color:inherit;background:0 0;border:0;outline:none;width:100%;padding:7px 22px 7px 9px;font-size:10px;font-weight:700}.role-select svg{pointer-events:none;position:absolute;right:6px}.drawer-backdrop{z-index:10;background:#0f13147a;justify-content:flex-end;display:flex;position:fixed;inset:0}.resource-drawer{background:#fafbf7;width:min(490px,100%);height:100vh;padding:30px;animation:.28s ease-out drawer-in;overflow:auto;box-shadow:-20px 0 45px #00000024}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.resource-drawer header{justify-content:space-between;align-items:start;margin-bottom:27px;display:flex}.resource-drawer h2{letter-spacing:-.07em;margin:10px 0 0;font-size:28px}.resource-drawer form{flex-direction:column;gap:17px;display:flex}.resource-drawer label>span{color:#545a55;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.resource-drawer label>span i{color:#979c97;font-size:9px;font-style:normal;font-weight:500}.resource-drawer input,.resource-drawer textarea{color:#252928;resize:vertical;background:#fff;border:1px solid #dce0d8;border-radius:6px;outline:0;width:100%;padding:10px 11px;font-size:12px}.status-switch{background:#e7e9e3;border-radius:7px;padding:3px;display:flex}.status-switch button{color:#767b77;background:0 0;border:0;border-radius:5px;flex:1;padding:9px;font-size:11px;font-weight:760}.status-switch button.active{color:#333834;background:#fff;box-shadow:0 1px 4px #00000012}.status-switch small{margin-top:3px;font-size:8px;font-weight:500;display:block}.drawer-footer{border-top:1px solid #e1e4dd;justify-content:flex-end;gap:10px;margin-top:9px;padding-top:19px;display:flex}.drawer-footer .button{min-height:40px}.project-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.project-card{border:1px solid #e0e2da;border-top:3px solid var(--project-color);background:#fff;padding:20px}.project-card-top{justify-content:space-between;align-items:center;display:flex}.project-tag{background:color-mix(in srgb,var(--project-color) 14%,transparent);color:var(--project-color);letter-spacing:.08em;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:800}.project-card-top>a{color:#565c57;border:1px solid #e0e2da;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.project-card-top>a:hover{border-color:var(--project-color);color:var(--project-color);background:#f5f5f1}.project-card h2{letter-spacing:-.05em;margin:14px 0 2px;font-size:21px}.project-card>p{color:#858a85;font-family:var(--mono);margin:0 0 16px;font-size:10.5px}.project-stats{border-top:1px solid #eef0ea;grid-template-columns:repeat(3,1fr);padding-top:14px;display:grid}.project-stats strong{letter-spacing:-.05em;font-size:19px;display:block}.project-stats span{color:#90948f;margin-top:3px;font-size:9px;display:block}.project-card .button{width:100%;margin-top:16px}@media (max-width:980px){.hero{grid-template-columns:1fr .88fr;gap:35px}.resource-grid{grid-template-columns:repeat(2,1fr)}.auth-aside{padding-inline:50px}.auth-aside h1{font-size:49px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.resource-table article{grid-template-columns:48px minmax(160px,1fr) 105px 78px 70px}.resource-table .date-cell{display:none}.admin-main{padding-inline:34px}.account-layout{gap:32px}}@media (max-width:760px){.container{width:min(100% - 32px,1170px)}.site-header{height:63px}.header-actions{gap:7px}.account-chip b{display:none}.hero{min-height:0;padding:74px 0 66px;display:block}.hero-copy h1{font-size:54px}.hero-description{font-size:14px}.live-metrics{gap:15px;margin-top:38px}.live-metrics strong{font-size:21px}.hero-panel{max-width:500px;min-height:370px;margin:52px auto 0;transform:none}.card-featured{top:13%}.card-featured strong{font-size:23px}.card-mini{bottom:14%;right:7%}.library-section{padding:70px 0}.section-heading{align-items:start;margin-bottom:26px;display:block}.section-heading>p{margin-top:16px}.section-heading h2{font-size:39px}.library-tools{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-list{margin-inline:-2px}.resource-grid{grid-template-columns:1fr;gap:14px}.process-section{padding:70px 0}.process-grid{display:block}.process-grid article,.process-grid article:first-child{border-bottom:1px solid var(--line);border-left:0;min-height:0;padding:24px 0}.process-grid h3{margin:25px 0 7px}.site-footer{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0}.site-footer>div{gap:14px}.auth-page{display:block}.auth-aside{min-height:330px;padding:27px 27px 30px}.auth-back{color:#9a9a9a;top:23px;left:auto;right:25px}.auth-aside-content{height:auto;margin-top:80px}.auth-aside h1{max-width:480px;font-size:38px}.auth-aside h1+p,.auth-aside ul{display:none}.auth-panel{padding:42px 23px 54px}.auth-heading{margin-top:28px}.account-hero{flex-wrap:wrap;padding:42px 0 34px}.account-hero h1{font-size:35px}.admin-link{width:100%;margin-left:0}.account-layout{padding-top:29px;display:block}.profile-card{margin-bottom:38px}.saved-heading{align-items:start;display:block}.saved-heading .text-link{margin-top:12px}.saved-item{grid-template-columns:66px 1fr 30px}.saved-thumb{height:52px}.admin-page{display:block}.admin-sidebar{min-height:0;padding:18px 16px 13px}.admin-sidebar .brand{padding-left:0}.admin-label,.sidebar-bottom>a,.sidebar-bottom>button{display:none}.admin-sidebar nav{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:21px;display:grid}.admin-sidebar nav button{justify-content:center;padding:0 4px;font-size:10px}.admin-sidebar nav button span,.admin-sidebar nav button svg{display:none}.sidebar-bottom{border:0;margin:0;padding:0}.admin-identity{display:none}.admin-main{padding:32px 16px 60px}.admin-header{gap:14px;margin-bottom:25px}.admin-header h1{font-size:34px}.admin-header .button{white-space:nowrap;min-height:38px;padding:0 11px;font-size:10px}.stat-grid{gap:9px}.stat-grid article{min-height:145px;padding:14px}.stat-grid p{margin-top:13px}.stat-grid strong{font-size:28px}.stat-grid small{font-size:8px}.dashboard-card{padding:16px}.launch-card h2{font-size:24px}.table-tools{gap:9px}.table-tools>span{white-space:nowrap}.resource-table{margin-inline:-16px}.resource-table article{grid-template-columns:39px minmax(0,1fr) 63px 56px;gap:9px;padding:10px 12px}.table-thumb{width:39px;height:34px}.resource-table .category-cell,.resource-table .row-actions>svg{display:none}.resource-row-main b{font-size:10px}.resource-row-main span{font-size:8px}.status-badge{padding:4px 6px;font-size:8px}.row-actions{gap:0}.row-actions button{width:24px;height:24px}.member-table{margin-inline:-16px}.member-table article{grid-template-columns:30px minmax(0,1fr) 88px;gap:8px;padding:11px 12px}.member-table article>span:not(.member-avatar){display:none}.member-table b{font-size:10px}.member-table article>div span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.resource-drawer{padding:23px 18px}.simple-card{padding:32px 23px}.simple-card h1{font-size:25px}.project-grid{grid-template-columns:1fr;gap:10px}.project-card{padding:16px}.project-card h2{margin-top:11px;font-size:18px}.project-stats strong{font-size:16px}}@media (max-width:410px){.hero-copy h1{font-size:47px}.live-metrics{gap:10px}.live-metrics>div{padding-left:8px}.live-metrics strong{font-size:18px}.live-metrics span{font-size:8px}.card-featured{width:70%;left:7%}.card-stat{left:7%}.card-mini{width:185px}.resource-content{padding:14px}.account-header>div{gap:12px}.account-header .text-link{font-size:10px}.stat-grid article{min-height:130px}.stat-grid small{display:none}.stat-icon{width:27px;height:27px}.stat-grid p{font-size:9px}.admin-header{align-items:flex-end}.admin-header h1{font-size:29px}.admin-header .button svg{display:none}.admin-header .button{padding:0 9px}.resource-table article{grid-template-columns:35px minmax(0,1fr) 55px 52px}.table-thumb{width:35px}.member-table article{grid-template-columns:30px minmax(0,1fr) 78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body,.site-shell,.account-page,.simple-page,.admin-page{color:#f8f7f5;background:#070707}.site-shell{background:radial-gradient(720px 430px at 82% 5%,#ff7a0017,#0000 62%),#070707}.site-header,.site-footer,.account-header{border-color:#ffffff1f}.brand-muted{color:#898989}.text-link,.site-footer p,.site-footer a{color:#a7a7a7}.text-link:hover,.site-footer a:hover{color:var(--orange)}.button-primary{background:var(--orange);color:#111;box-shadow:0 10px 25px #ff7a0038}.button-primary:hover{background:#ff9b35;box-shadow:0 14px 30px #ff7a0052}.button-secondary,.icon-button{color:#f8f7f5;background:#151515;border-color:#ffffff24}.button-secondary:hover,.icon-button:hover{background:#202020;border-color:#ffffff47}.icon-button.quiet{color:#bababa}.account-chip{color:#f8f7f5;background:#181818}.account-chip span{color:#171717;background:#ff7a00}.hero-description,.section-heading>p,.process-grid p{color:#aaa}.live-metrics>div,.process-grid,.process-grid article{border-color:#ffffff21}.hero-panel{background:radial-gradient(circle at 78% 18%,#ff7a0033,#0000 29%),#101010;box-shadow:0 40px 75px #00000073}.floating-card{color:#f8f7f5;background:#171717e0;border-color:#ffffff24}.card-featured p,.card-featured>div,.card-mini small,.card-stat small,.card-stat>span{color:#aaa}.library-section{background:#101010;border-color:#ffffff1f}.search-box{color:#aaa;background:#151515;border-color:#ffffff24}.search-box input{color:#f8f7f5}.search-box input::placeholder{color:#777}.search-box:focus-within{border-color:#ff7a00bf;box-shadow:0 0 0 3px #ff7a001f}.filter-list button{color:#aaa}.filter-list button.active{background:var(--orange);color:#151515}.setup-banner{color:#ffc17d;background:#ff7a001c;border-color:#ff9f4361}.setup-banner.error{color:#ffb4a9;background:#ff5b4b1c;border-color:#ff776b66}.setup-banner code,.simple-card code{background:#ffffff14}.resource-visual{background:#151515}.resource-placeholder{background:linear-gradient(135deg,#ff7a00,#27211c 73%)}.resource-content{color:#f8f7f5;background:#141414}.resource-content p,.resource-content a:hover{color:#ff9f43}.resource-content span,.resource-content .not-linked{color:#999}.resource-content a{color:#e4e4e4}.save-button{color:#fff;background:#141414e6}.save-button.saved{background:var(--orange);color:#111}.empty-library{background:#101010;border-color:#ffffff3d}.empty-library h3{color:#f8f7f5}.empty-library p{color:#aaa}.auth-page{background:#080808}.auth-aside{background:radial-gradient(circle at 10% 58%,#ff7a0033,#0000 33%),#101010}.auth-panel{background:#080808}.auth-back{color:#bbb}.auth-aside h1+p,.auth-aside li{color:#b8b8b8}.auth-aside ul{border-color:#ffffff21}.mode-switch{background:#1a1a1a}.mode-switch button{color:#a5a5a5}.mode-switch button.active{color:#111;box-shadow:none;background:#f8f7f5}.auth-heading>p:last-child{color:#aaa}.form-notice{color:#ffc17d;background:#ff7a001c}.form-error{color:#ffb4a9;background:#ff5b4b1f}.form-success{color:#99e8b5;background:#4dd4811f}.google-button,.field{color:#f2f2f2;background:#151515;border-color:#ffffff26}.google-button:hover{background:#1b1b1b;border-color:#ffffff4d}.divider{color:#888}.divider:before,.divider:after{background:#ffffff24}.auth-card label>span{color:#d4d4d4}.field input{color:#f8f7f5}.field:focus-within{border-color:#ff7a00bf;box-shadow:0 0 0 3px #ff7a001f}.auth-terms{color:#777}.profile-avatar,.member-avatar,.admin-identity>span{color:#211006;background:linear-gradient(140deg,#ffae66,#d85b00)}.account-hero p:last-child,.profile-card dt,.account-notice,.saved-item div>span{color:#999}.profile-card,.saved-item{background:#141414;border-color:#ffffff21}.profile-card dl,.profile-card dl>div,.saved-list,.saved-item{border-color:#ffffff1a}.profile-icon,.verification-card{color:#ffab62;background:#ff7a001f}.verification-card p{color:#ffc17d}.verification-card button{color:#ffad68}.saved-item p{color:#ff9f43}.saved-item>a{color:#ddd;border-color:#ffffff24}.admin-page{background:#090909}.admin-sidebar{background:#101010;border-right:1px solid #ffffff1a}.admin-sidebar nav button,.sidebar-bottom>a,.sidebar-bottom>button{color:#aaa}.admin-sidebar nav button.active{color:#fff;background:#242424}.admin-sidebar nav button.active svg{color:#ff9f43}.admin-sidebar nav button span{background:#303030}.sidebar-bottom,.admin-identity{border-color:#ffffff1f}.sidebar-bottom>a:hover,.sidebar-bottom>button:hover{background:#1d1d1d}.admin-main{background:#090909}.admin-header h1,.card-heading h2,.launch-card h2,.dashboard-empty b{color:#f8f7f5}.admin-notice{color:#a4e9be;background:#4dd4811f;border-color:#4dd48157}.stat-grid article,.dashboard-card,.resource-table,.member-table{color:#f8f7f5;background:#141414;border-color:#ffffff1f}.stat-grid p,.stat-grid small,.card-heading p,.mini-resource-list small,.table-tools>span,.resource-row-main span,.category-cell,.date-cell,.member-table article>div span,.member-table article>span:not(.member-avatar){color:#949494}.stat-icon.peach{color:#ff9f43;background:#ff7a0024}.stat-icon.green{color:#78d99a;background:#4dd48121}.stat-icon.blue{color:#9abbff;background:#78a8ff21}.stat-icon.violet{color:#c8b1ff;background:#b99cff24}.mini-resource-list button{color:#f4f4f4;border-color:#ffffff1a}.mini-resource-list button>svg,.dashboard-empty{color:#999}.launch-card{background:radial-gradient(circle at 85% 12%,#ff7a004d,#0000 35%),#171717}.launch-card .eyebrow{color:#ffad68}.launch-card>p:not(.eyebrow){color:#c1c1c1}.resource-table article,.member-table article{border-color:#ffffff1a}.table-thumb,.saved-thumb{background:#242424}.status-badge.published{color:#89e2aa;background:#4dd48124}.status-badge.draft{color:#ffd17e;background:#ffb74d21}.row-actions button{color:#aaa}.row-actions button:hover{background:#242424;border-color:#ffffff21}.role-select{color:#ddd;border-color:#ffffff24}.role-select select{color:inherit;background:#171717}.drawer-backdrop{background:#000000b8}.resource-drawer{color:#f8f7f5;background:#111}.resource-drawer input,.resource-drawer textarea{color:#f8f7f5;background:#191919;border-color:#ffffff24}.resource-drawer input:focus,.resource-drawer textarea:focus{border-color:#ff7a00bf;box-shadow:0 0 0 3px #ff7a001f}.resource-drawer label>span{color:#d7d7d7}.status-switch{background:#242424}.status-switch button{color:#aaa}.status-switch button.active{color:#111;box-shadow:none;background:#f8f7f5}.drawer-footer{border-color:#ffffff21}.project-card{background:#141414;border-color:#ffffff1f}.project-card>p{color:#949494}.project-card-top>a{color:#ddd;border-color:#ffffff24}.project-card-top>a:hover{background:#1d1d1d}.project-stats{border-color:#ffffff1a}.project-stats span{color:#949494}.components-page{color:#f8f7f5;background:radial-gradient(720px 580px at 80% 4%,#ff7a0014,#0000 52%),#080808;grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.components-sidebar{background:#0f0f0ff2;border-right:1px solid #ffffff1a;flex-direction:column;height:100vh;padding:30px 18px 20px;display:flex;position:sticky;top:0;overflow:hidden}.components-sidebar .brand{padding:0 9px}.components-sidebar-heading{padding:62px 9px 19px}.components-sidebar-heading h1{letter-spacing:-.07em;margin:10px 0 0;font-size:26px}.component-search{color:#858585;background:#191919;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.component-search:focus-within{border-color:#ff7a00bf;box-shadow:0 0 0 3px #ff7a001a}.component-search input{color:#f8f7f5;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.component-search input::placeholder{color:#777}.component-sidebar-meta{color:#848484;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:28px 9px 11px;font-size:10px;font-weight:800;display:flex}.component-sidebar-meta b{color:#c6c6c6;background:#262626;border-radius:99px;padding:4px 7px;font-size:9px}.component-nav{flex-direction:column;flex:1;gap:3px;min-height:0;padding-right:2px;display:flex;overflow:auto}.component-nav button{color:#8f8f8f;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:51px;padding:7px 9px;display:flex}.component-nav button:hover{color:#e8e8e8;background:#1b1b1b}.component-nav button.active{box-shadow:inset 2px 0 0 var(--orange);color:#fff;background:linear-gradient(90deg,#ff7a002b,#ff7a000f)}.component-number{color:#6f6f6f;letter-spacing:.04em;min-width:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.component-nav button.active .component-number{color:#ffac66}.component-nav b,.component-nav small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.component-nav b{font-size:12px;font-weight:760}.component-nav small{color:#777;margin-top:4px;font-size:9px}.component-nav button.active small{color:#d8ad88}.components-sidebar-footer{border-top:1px solid #ffffff1a;margin-top:14px;padding:17px 9px 0}.components-sidebar-footer a{color:#c5c5c5;align-items:center;gap:7px;width:max-content;font-size:11px;font-weight:700;display:flex}.components-sidebar-footer a:hover{color:#ffad68}.components-sidebar-footer p{color:#707070;margin:10px 0 0;font-size:9px;line-height:1.5}.components-main{width:100%;min-width:0;max-width:1460px;margin:0 auto;padding:62px clamp(24px,5.2vw,82px) 76px}.components-header{justify-content:space-between;align-items:start;gap:28px;display:flex}.components-header h2{letter-spacing:-.09em;max-width:650px;margin:13px 0 17px;font-size:clamp(40px,4.6vw,68px);line-height:.93}.components-header h2 em{color:var(--orange);font-family:var(--serif);font-weight:500}.components-header>div>p:last-child{color:#a5a5a5;max-width:570px;margin:0;font-size:14px;line-height:1.7}.components-home{flex:none;margin-top:4px}.component-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:46px 0 38px;display:grid}.component-tile{color:#f7f7f7;cursor:pointer;text-align:left;background:#131313;border:1px solid #ffffff1a;border-radius:11px;min-height:164px;padding:12px;transition:border-color .2s,transform .2s,background .2s;overflow:hidden}.component-tile:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.component-tile:hover{background:#191919;border-color:#ffffff40;transform:translateY(-3px)}.component-tile.selected{background:linear-gradient(160deg,#ff7a0024,#ff7a0009);border-color:#ff7a00b8;box-shadow:0 12px 30px #ff7a0014}.component-tile-preview{background:radial-gradient(circle at 50% 45%,#ffffff0f,#0000 54%),#0b0b0b;border-radius:7px;justify-content:center;align-items:center;height:92px;margin-bottom:11px;display:flex;overflow:hidden}.component-tile span{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:790;display:block;overflow:hidden}.component-tile small{color:#858585;margin-top:4px;font-size:9px;display:block}.component-tile.selected small{color:#f0a96a}.component-studio{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px;display:grid}.component-preview-panel,.component-controls-panel,.component-output{background:#131313;border:1px solid #ffffff1c;border-radius:13px;overflow:hidden}.component-preview-panel{flex-direction:column;min-height:416px;display:flex}.studio-label{color:#818181;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #ffffff17;align-items:center;gap:8px;padding:16px 18px;font-size:9px;font-weight:800;display:flex}.studio-label i{background:#505050;border-radius:50%;width:3px;height:3px}.component-live-canvas{isolation:isolate;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:32px 32px;flex:1;justify-content:center;align-items:center;min-height:270px;display:flex;position:relative;overflow:hidden}.component-live-canvas:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#ff7a001a,#0000 62%);width:330px;height:330px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.component-preview-caption{border-top:1px solid #ffffff17;justify-content:space-between;align-items:end;gap:20px;padding:18px;display:flex}.component-preview-caption h3{letter-spacing:-.06em;margin:0;font-size:21px}.component-preview-caption p{color:#9a9a9a;max-width:390px;margin:7px 0 0;font-size:11px;line-height:1.55}.component-preview-caption>span{color:#ffac66;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.component-controls-panel{padding:23px}.controls-heading{justify-content:space-between;align-items:center;display:flex}.controls-heading h3{letter-spacing:-.065em;margin:9px 0 0;font-size:23px}.selected-dot{border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 5px #ffffff0f}.control-group{border-top:1px solid #ffffff1a;margin-top:25px;padding-top:19px}.control-label{justify-content:space-between;align-items:center;display:flex}.control-label span{color:#dadada;font-size:11px;font-weight:720}.control-label code{color:#ffad68;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.color-options{gap:9px;margin-top:14px;display:flex}.color-options button,.custom-color{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;padding:0;display:flex}.color-options button svg{color:#131313;opacity:0}.color-options button.active{border-color:#f7f7f7;box-shadow:0 0 0 2px #131313,0 0 0 3px #ffffff59}.color-options button.active svg{opacity:1}.custom-color{border:2px solid #ffffffa6;position:relative;overflow:hidden}.custom-color input{cursor:pointer;opacity:0;width:130%;height:130%;position:absolute;top:-15%;left:-15%}.size-range{appearance:none;background:linear-gradient(90deg,var(--orange) var(--range-progress),#343434 var(--range-progress));border-radius:99px;outline:0;width:100%;height:5px;margin:17px 0 0}.size-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--orange);background:#f8f7f5;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 5px #00000073}.size-range::-moz-range-thumb{border:3px solid var(--orange);background:#f8f7f5;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 5px #00000073}.range-labels{color:#737373;justify-content:space-between;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.component-tip{color:#f3bf92;background:#ff7a001a;border:1px solid #ff7a0038;border-radius:8px;align-items:center;gap:8px;margin-top:26px;padding:11px;font-size:10px;line-height:1.45;display:flex}.component-tip svg{color:#ffad68;flex:none}.component-output{margin-top:14px}.output-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;padding:20px 21px;display:flex}.output-header h3{letter-spacing:-.06em;margin:9px 0 0;font-size:21px}.output-actions{align-items:center;gap:10px;display:flex}.output-tabs{background:#222;border-radius:8px;padding:3px;display:flex}.output-tabs button{color:#8f8f8f;background:0 0;border:0;border-radius:6px;height:31px;padding:0 12px;font-size:10px;font-weight:750}.output-tabs button.active{color:#151515;background:#f8f7f5}.output-copy{min-height:37px;padding:0 13px}.component-code{color:#d0d0d0;white-space:pre-wrap;background:#0d0d0d;max-height:326px;margin:0;padding:20px 21px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.7;overflow:auto}.component-code code{font-family:inherit}.component-loader{justify-content:center;align-items:center;line-height:0;display:flex}.component-loader>*{flex:none}.loader-orbit{aspect-ratio:1;width:var(--component-size);position:relative}.loader-orbit span{border:2px solid #ffffff24;border-right-color:var(--component-color);border-radius:50%;position:absolute;inset:0}.loader-orbit span:first-child{animation:1.35s linear infinite component-spin}.loader-orbit span:nth-child(2){animation:1.9s linear infinite reverse component-spin;inset:15%}.loader-orbit span:nth-child(3){animation:.95s linear infinite component-spin;inset:30%}.loader-orbit i{background:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.28) var(--component-color);border-radius:50%;position:absolute;inset:44%}.loader-pulse-grid{aspect-ratio:1;width:var(--component-size);grid-template-columns:repeat(3,1fr);gap:12%;display:grid}.loader-pulse-grid span{background:var(--component-color);border-radius:30%;animation:.95s ease-in-out infinite component-pulse;display:block}.loader-pulse-grid span:nth-child(2n){animation-delay:.15s}.loader-pulse-grid span:nth-child(3n){animation-delay:.3s}.loader-dot-wave{align-items:center;gap:calc(var(--component-size)*.1);height:var(--component-size);display:flex}.loader-dot-wave span{background:var(--component-color);height:calc(var(--component-size)*.16);width:calc(var(--component-size)*.16);border-radius:50%;animation:.75s ease-in-out infinite component-wave}.loader-dot-wave span:nth-child(2){animation-delay:.1s}.loader-dot-wave span:nth-child(3){animation-delay:.2s}.loader-dot-wave span:nth-child(4){animation-delay:.3s}.loader-dot-wave span:nth-child(5){animation-delay:.4s}.loader-ring-dash{aspect-ratio:1;border:calc(var(--component-size)*.09) solid #ffffff1f;border-right-color:var(--component-color);border-top-color:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.22) #ff7a001f;width:var(--component-size);border-radius:50%;animation:.82s linear infinite component-spin}.loader-cubes{aspect-ratio:1;width:calc(var(--component-size)*.78);grid-template-columns:repeat(2,1fr);gap:10%;display:grid;transform:rotate(45deg)}.loader-cubes span{background:var(--component-color);animation:1.12s ease-in-out infinite component-tile;display:block}.loader-cubes span:nth-child(2){animation-delay:.12s}.loader-cubes span:nth-child(3){animation-delay:.24s}.loader-cubes span:nth-child(4){animation-delay:.36s}.loader-trail{height:var(--component-size);width:calc(var(--component-size)*1.35);align-items:center;display:flex}.loader-trail span{background:var(--component-color);height:calc(var(--component-size)*.22);margin-left:calc(var(--component-size)*-.07);width:calc(var(--component-size)*.22);border-radius:50%;animation:1.1s ease-in-out infinite component-trail}.loader-trail span:nth-child(2){opacity:.76;animation-delay:80ms}.loader-trail span:nth-child(3){opacity:.56;animation-delay:.16s}.loader-trail span:nth-child(4){opacity:.36;animation-delay:.24s}.loader-trail span:nth-child(5){opacity:.18;animation-delay:.32s}.loader-prism{aspect-ratio:1;transform-style:preserve-3d;width:var(--component-size);animation:1.3s ease-in-out infinite component-prism;position:relative}.loader-prism span{background:var(--component-color);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.9;position:absolute;inset:10%}.loader-prism span:nth-child(2){opacity:.58;transform:rotate(120deg)}.loader-prism span:nth-child(3){opacity:.3;transform:rotate(240deg)}.loader-bars{align-items:center;gap:calc(var(--component-size)*.1);height:var(--component-size);display:flex}.loader-bars span{background:var(--component-color);height:42%;width:calc(var(--component-size)*.1);border-radius:999px;animation:.75s ease-in-out infinite component-bar}.loader-bars span:nth-child(2){animation-delay:.12s}.loader-bars span:nth-child(3){animation-delay:.24s}.loader-bars span:nth-child(4){animation-delay:.36s}.loader-bars span:nth-child(5){animation-delay:.48s}.loader-arc{aspect-ratio:1;border:calc(var(--component-size)*.08) solid transparent;border-bottom-color:var(--component-color);border-right-color:var(--component-color);filter:drop-shadow(0 0 calc(var(--component-size)*.12) var(--component-color));width:var(--component-size);border-radius:50%;animation:1s cubic-bezier(.55,.1,.45,.9) infinite component-spin}.loader-mosaic{aspect-ratio:1;width:var(--component-size);grid-template-columns:repeat(4,1fr);gap:10%;display:grid}.loader-mosaic span{background:var(--component-color);border-radius:22%;animation:.9s ease-in-out infinite component-mosaic;display:block}.loader-mosaic span:nth-child(3n+2){animation-delay:.13s}.loader-mosaic span:nth-child(3n){animation-delay:.26s}@keyframes component-spin{to{transform:rotate(360deg)}}@keyframes component-pulse{50%{opacity:.22;transform:scale(.5)}}@keyframes component-wave{50%{opacity:.35;transform:translateY(calc(var(--component-size)*-.22))}}@keyframes component-tile{50%{opacity:.25;transform:scale(.48)}}@keyframes component-trail{50%{transform:translateX(calc(var(--component-size)*.48))}}@keyframes component-prism{50%{transform:rotateY(180deg)rotate(80deg)}}@keyframes component-bar{50%{opacity:.38;height:92%}}@keyframes component-mosaic{50%{opacity:.18;transform:rotate(45deg)scale(.35)}}@media (max-width:1050px){.components-page{grid-template-columns:252px minmax(0,1fr)}.components-main{padding:48px 34px 60px}.component-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.component-studio{grid-template-columns:1fr}.component-controls-panel{grid-template-columns:1fr 1fr;gap:0;display:grid}.controls-heading,.component-tip{grid-column:1/-1}.control-group{margin-right:20px}.control-group+.control-group{margin-left:20px;margin-right:0}}@media (max-width:760px){.components-page{display:block}.components-sidebar{border-bottom:1px solid #ffffff1a;border-right:0;height:auto;padding:21px 16px 15px;position:relative;overflow:visible}.components-sidebar-heading{padding:29px 7px 15px}.components-sidebar-heading h1{font-size:23px}.component-sidebar-meta{margin:20px 7px 9px}.component-nav{flex-direction:row;gap:7px;padding:0 0 3px;overflow:auto}.component-nav button{background:#151515;border:1px solid #ffffff1a;flex:none;min-width:170px}.component-nav button.active{box-shadow:inset 0 2px 0 var(--orange)}.components-sidebar-footer{display:none}.components-main{padding:42px 16px 54px}.components-header{display:block}.components-header h2{max-width:500px;font-size:46px}.components-header>div>p:last-child{font-size:13px}.components-home{margin-top:22px}.component-gallery{grid-template-columns:repeat(2,minmax(0,1fr));margin:31px 0 18px}.component-tile{min-height:144px}.component-tile-preview{height:77px}.component-controls-panel{display:block}.control-group,.control-group+.control-group{margin-left:0;margin-right:0}.component-preview-panel{min-height:365px}.output-header{align-items:flex-start;display:block}.output-actions{justify-content:space-between;margin-top:18px}.component-code{max-height:290px;padding:17px;font-size:9px}.component-preview-caption{align-items:start}.component-preview-caption h3{font-size:19px}}@media (max-width:390px){.components-header h2{font-size:40px}.component-tile{padding:9px}.component-tile span{font-size:10px}.output-actions{flex-direction:column;align-items:stretch}.output-tabs,.output-copy{width:100%}.output-tabs button{flex:1}.component-preview-caption p{font-size:10px}.component-preview-caption>span{font-size:9px}}.component-nav-group+.component-nav-group{border-top:1px solid #ffffff1a;margin-top:13px;padding-top:13px}.component-nav-group>p{color:#777;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 9px 6px;font-size:9px;font-weight:800;display:flex}.component-nav-group>p span{color:#aaa;background:#222;border-radius:99px;padding:3px 6px;font-size:8px}.component-collection-summary{color:#969696;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin:30px 0 0;font-size:10px;font-weight:700;display:flex}.component-collection-summary i{background:#555;border-radius:50%;width:3px;height:3px}.component-gallery-section{margin-top:37px}.gallery-group+.gallery-group{border-top:1px solid #ffffff1a;margin-top:41px;padding-top:35px}.gallery-group-heading{z-index:1;justify-content:space-between;align-items:center;margin-bottom:-25px;display:flex;position:relative}.gallery-group-heading>span{color:#777;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.gallery-group .component-gallery{margin:46px 0 0}.navbar-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.navbar-gallery .component-tile{min-height:141px}.navbar-gallery .component-tile-preview{height:69px}.component-navbar{width:100%;max-width:100%}.navbar-artwork{color:#dedede;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--navbar-height)*.22);height:var(--navbar-height);max-width:100%;padding:0 calc(var(--navbar-height)*.3);width:var(--navbar-width);background:#191919;border:1px solid #ffffff29;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.navbar-artwork b{color:#fff;letter-spacing:-.08em;z-index:2;font-size:.9em;position:relative}.navbar-links{z-index:2;align-items:center;gap:1.15em;height:100%;display:flex;position:relative}.navbar-links span{color:#8f8f8f;font-size:.72em;position:relative}.navbar-links .active{color:#fff}.navbar-artwork>i{background:var(--component-color);color:#111;font-family:var(--sans);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:1.75em;height:1.75em;font-size:.85em;font-style:normal;display:flex;position:relative}.component-loader.is-compact .navbar-artwork{font-size:9px}.component-loader.is-compact .navbar-links{gap:7px}.component-loader.is-compact .navbar-artwork>i{display:none}.navbar-1{border-radius:999px}.navbar-1:before{background:var(--component-color);content:"";border-radius:999px;width:25%;height:3px;animation:2.8s ease-in-out infinite navbar-slide;position:absolute;bottom:3px;left:26%}.navbar-2{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#ffffff17;border-radius:9px}.navbar-2:after{content:"";background:linear-gradient(90deg,#0000,#ffffff36,#0000);animation:3s ease-in-out infinite navbar-sheen;position:absolute;inset:0;transform:translate(-110%)}.navbar-3{border-color:var(--component-color);box-shadow:0 0 14px #ff7a003d}.navbar-3 .active{color:var(--component-color);text-shadow:0 0 9px var(--component-color)}.navbar-3:after{background:var(--component-color);content:"";width:22%;height:2px;animation:1.6s ease-in-out infinite navbar-pulse;position:absolute;bottom:0;left:0}.navbar-4{background:#131313;border:0;border-bottom:1px solid #ffffff2e}.navbar-4 .active:after{background:var(--component-color);content:"";width:100%;height:2px;animation:2.1s ease-in-out infinite navbar-width;position:absolute;bottom:-.75em;left:0}.navbar-5{border-radius:999px;padding:0 .4em}.navbar-5 .active{background:var(--component-color);color:#161616;border-radius:999px;padding:.55em .85em}.navbar-6{background:linear-gradient(90deg,#191919 50%,#ff7a0024 50%);border-radius:0}.navbar-6:after{background:var(--component-color);content:"";width:4px;height:100%;animation:2.3s ease-in-out infinite navbar-split;position:absolute;top:0;right:0}.navbar-7 .navbar-links span{animation:2.4s ease-in-out infinite navbar-lift}.navbar-7 .navbar-links span:nth-child(2){animation-delay:.2s}.navbar-7 .navbar-links span:nth-child(3){animation-delay:.4s}.navbar-8{border-radius:1.2em;transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.navbar-8:before{background:var(--component-color);content:"";border-radius:50%;width:.45em;height:.45em;position:absolute;top:.48em;left:1em}.navbar-9{border-radius:4px}.navbar-9:after{background:linear-gradient(90deg,transparent,var(--component-color),transparent);content:"";width:42%;height:2px;animation:2s linear infinite navbar-signal;position:absolute;bottom:0;left:-40%}.navbar-10{clip-path:polygon(0 0,100% 0,100% 72%,94% 100%,0 100%)}.navbar-10 .active:before{border:5px solid #0000;border-top-color:var(--component-color);content:"";animation:1.8s ease-in-out infinite navbar-corner;position:absolute;top:-.8em;left:50%}.navbar-11{border-radius:2px}.navbar-11:before{background:repeating-linear-gradient(90deg,var(--component-color) 0 .45em,transparent .45em .75em);content:"";width:100%;height:3px;animation:1.8s steps(4,end) infinite navbar-pixels;position:absolute;bottom:0;left:0}.navbar-12{background:linear-gradient(110deg,#191919 20%,#ff7a003d,#191919 80%);border-radius:7px}.navbar-12:after{content:"";background:linear-gradient(90deg,#0000,#ffffff3d,#0000);animation:2.4s ease-in-out infinite navbar-sheen;position:absolute;inset:0;transform:translate(-120%)}.navbar-13 .active{color:#111}.navbar-13 .active:before{background:var(--component-color);content:"";z-index:-1;border-radius:999px;animation:2.1s cubic-bezier(.2,.9,.3,1.1) infinite navbar-elastic;position:absolute;inset:-.55em -.65em}.navbar-14{border-radius:999px}.navbar-14:before,.navbar-14:after{background:var(--component-color);content:"";border-radius:50%;width:.45em;height:.45em;animation:2.5s linear infinite navbar-orbit;position:absolute}.navbar-14:before{top:.55em;left:16%}.navbar-14:after{animation-delay:-1.25s;bottom:.55em;right:16%}.navbar-15{background:#0d0d0d;border-radius:5px}.navbar-15 b:before{color:var(--component-color);content:">_";margin-right:.45em}.navbar-15 .active{color:var(--component-color)}.navbar-16{border-radius:0}.navbar-16:after{background:var(--component-color);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);content:"";width:30%;height:4px;animation:2.5s ease-in-out infinite navbar-ribbon;position:absolute;bottom:0;left:32%}.navbar-17{border-radius:1em}.navbar-17 .active:after{border:1px solid var(--component-color);content:"";border-radius:50%;animation:1.9s ease-in-out infinite navbar-halo;position:absolute;inset:-.6em -.8em}.navbar-18{background:#151515;overflow:hidden}.navbar-18:before{content:"";background:#ff7a0033;width:42%;animation:2.4s ease-in-out infinite navbar-reveal;position:absolute;inset:0;transform:translate(-105%)}.navbar-19{background-image:radial-gradient(var(--component-color) .7px,transparent .7px);background-position:0 0;background-size:5px 5px}.navbar-19 .active{color:var(--component-color);background:#191919;box-shadow:0 0 0 .3em #191919}.navbar-20{border-radius:8px}.navbar-20:after{background:linear-gradient(90deg,transparent,var(--component-color),#b99cff,var(--component-color),transparent);content:"";width:55%;height:3px;animation:3s linear infinite navbar-aurora;position:absolute;bottom:0;left:-50%}@keyframes navbar-slide{50%{transform:translate(125%)}}@keyframes navbar-sheen{to{transform:translate(120%)}}@keyframes navbar-pulse{50%{transform:translate(360%)}}@keyframes navbar-width{50%{transform:scaleX(.55)}}@keyframes navbar-split{50%{transform:translate(-900%)}}@keyframes navbar-lift{50%{color:var(--component-color);transform:translateY(-.35em)}}@keyframes navbar-signal{to{transform:translate(340%)}}@keyframes navbar-corner{50%{transform:translateY(.45em)}}@keyframes navbar-pixels{to{background-position:3em 0}}@keyframes navbar-elastic{50%{inset:-.55em -1.2em}}@keyframes navbar-orbit{to{transform:rotate(360deg)translate(1em)}}@keyframes navbar-ribbon{50%{transform:translate(55%)}}@keyframes navbar-halo{50%{opacity:.3;transform:scale(1.45)}}@keyframes navbar-reveal{50%{transform:translate(290%)}}@keyframes navbar-aurora{to{transform:translate(290%)}}.loader-flip-clock{gap:calc(var(--component-size)*.08);height:var(--component-size);width:calc(var(--component-size)*.9);display:flex}.loader-flip-clock span{background:var(--component-color);transform-origin:bottom;width:45%;height:52%;animation:.9s ease-in-out infinite component-flip}.loader-flip-clock span:nth-child(2){transform-origin:top;animation-delay:.18s}.loader-radar{aspect-ratio:1;width:var(--component-size);position:relative}.loader-radar span{border:1px solid var(--component-color);opacity:0;border-radius:50%;animation:1.7s ease-out infinite component-radar;position:absolute;inset:42%}.loader-radar span:nth-child(2){animation-delay:.55s}.loader-radar span:nth-child(3){animation-delay:1.1s}.loader-radar i{background:var(--component-color);border-radius:50%;position:absolute;inset:45%}.loader-slide-dashes{align-items:center;gap:calc(var(--component-size)*.08);height:calc(var(--component-size)*.12);width:calc(var(--component-size)*1.2);background:#ffffff14;border-radius:99px;display:flex;overflow:hidden}.loader-slide-dashes span{background:var(--component-color);border-radius:99px;width:22%;height:100%;animation:1s ease-in-out infinite component-dash}.loader-slide-dashes span:nth-child(2){animation-delay:.12s}.loader-slide-dashes span:nth-child(3){animation-delay:.24s}.loader-slide-dashes span:nth-child(4){animation-delay:.36s}.loader-ripple-core{aspect-ratio:1;width:var(--component-size);position:relative}.loader-ripple-core span{border:2px solid var(--component-color);border-radius:50%;animation:1.45s ease-out infinite component-radar;position:absolute;inset:42%}.loader-ripple-core span:nth-child(2){animation-delay:.48s}.loader-ripple-core span:nth-child(3){animation-delay:.96s}.loader-ripple-core i{background:var(--component-color);border-radius:50%;position:absolute;inset:42%}.loader-crossfade{aspect-ratio:1;width:var(--component-size);position:relative}.loader-crossfade span{background:var(--component-color);width:82%;height:18%;animation:1.1s ease-in-out infinite component-crossfade;position:absolute;top:41%;left:9%}.loader-crossfade span:nth-child(2){animation-delay:.55s;transform:rotate(90deg)}.loader-loop-line{aspect-ratio:1;border:calc(var(--component-size)*.07) solid #ffffff1f;border-bottom-color:var(--component-color);border-left-color:var(--component-color);width:var(--component-size);border-radius:24%;animation:1.1s linear infinite component-spin}.loader-pixel-sprint{width:var(--component-size);grid-template-columns:repeat(4,1fr);gap:11%;display:grid}.loader-pixel-sprint span{background:var(--component-color);aspect-ratio:1;animation:.8s steps(2,end) infinite component-pixel}.loader-pixel-sprint span:nth-child(2n){animation-delay:.12s}.loader-pixel-sprint span:nth-child(3n){animation-delay:.24s}.loader-dual-halo{aspect-ratio:1;width:var(--component-size);position:relative}.loader-dual-halo span{border:calc(var(--component-size)*.055) solid transparent;border-left-color:var(--component-color);border-radius:50%;animation:1.2s linear infinite component-spin;position:absolute;inset:0}.loader-dual-halo span:nth-child(2){border-left-color:#0000;border-right-color:var(--component-color);animation-duration:.75s;animation-direction:reverse;inset:23%}.loader-morph-blob{background:var(--component-color);height:calc(var(--component-size)*.74);width:calc(var(--component-size)*.74);animation:2.1s ease-in-out infinite component-blob}.loader-rise-steps{align-items:end;gap:calc(var(--component-size)*.07);height:var(--component-size);display:flex}.loader-rise-steps span{background:var(--component-color);width:calc(var(--component-size)*.11);border-radius:99px 99px 4px 4px;animation:.95s ease-in-out infinite component-steps}.loader-rise-steps span:first-child{height:25%}.loader-rise-steps span:nth-child(2){height:40%;animation-delay:.1s}.loader-rise-steps span:nth-child(3){height:55%;animation-delay:.2s}.loader-rise-steps span:nth-child(4){height:70%;animation-delay:.3s}.loader-rise-steps span:nth-child(5){height:85%;animation-delay:.4s}@keyframes component-flip{50%{opacity:.35;transform:rotateX(180deg)}}@keyframes component-radar{to{opacity:0;inset:0}}@keyframes component-dash{50%{opacity:.2;transform:translateX(calc(var(--component-size)*.35))}}@keyframes component-crossfade{50%{opacity:.17;transform:rotate(180deg)}}@keyframes component-pixel{50%{opacity:.25;transform:translate(40%,40%)}}@keyframes component-blob{0%,to{border-radius:42% 58% 55% 45%/44% 43% 57% 56%;transform:rotate(0)}50%{border-radius:61% 39% 35% 65%/57% 59% 41% 43%;transform:rotate(180deg)}}@keyframes component-steps{50%{filter:brightness(1.25);transform:translateY(calc(var(--component-size)*-.16))}}.component-threeD{perspective:calc(var(--component-size)*3.4)}.three-d-loader{aspect-ratio:1;transform-style:preserve-3d;width:var(--component-size);position:relative}.three-d-loader span{display:block;position:absolute}.three-d-1{animation:6s linear infinite td-spin-z}.three-d-1 span{border:calc(var(--component-size)*.05) solid var(--component-color);background:0 0;border-radius:50%;inset:10%;transform:rotateX(62deg)}.three-d-1 span:first-child{opacity:1}.three-d-1 span:nth-child(2){opacity:.6;animation:2.4s ease-out infinite td-portal-ring}.three-d-1 span:nth-child(3){opacity:.6;animation:2.4s ease-out .8s infinite td-portal-ring}.three-d-1 span:nth-child(4){background:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.35) var(--component-color);border:0;border-radius:50%;inset:42%;transform:rotateX(62deg)translateZ(6px)}.three-d-2{animation:3.2s linear infinite td-spin-xy}.three-d-2 span{border:calc(var(--component-size)*.045) solid var(--component-color);background:0 0;border-radius:50%;inset:6%}.three-d-2 span:nth-child(2){opacity:.7;transform:rotateY(62deg)}.three-d-2 span:nth-child(3){opacity:.45;transform:rotateY(-62deg)rotateX(24deg)}.three-d-2 span:nth-child(4){background:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.3) var(--component-color);border:0;border-radius:50%;inset:44%}.three-d-3{animation:4.2s linear infinite td-spin-y}.three-d-3:before{background:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.3) var(--component-color);content:"";border-radius:50%;position:absolute;inset:40%}.three-d-3 span{border:2px solid var(--component-color);clip-path:polygon(25% 3%,75% 3%,97% 50%,75% 97%,25% 97%,3% 50%);background:0 0;inset:10%}.three-d-3 span:first-child{opacity:.9;transform:translateZ(-16px)rotate(0)}.three-d-3 span:nth-child(2){opacity:.6;transform:translateZ(0)rotate(30deg)scale(.88)}.three-d-3 span:nth-child(3){opacity:.35;transform:translateZ(16px)rotate(60deg)scale(.76)}.three-d-3 span:nth-child(4){opacity:.2;transform:translateZ(30px)rotate(90deg)scale(.6)}.three-d-4{animation:2.6s ease-in-out infinite td-tunnel}.three-d-4 span{border:2px solid var(--component-color);background:0 0;border-radius:4px;inset:20%}.three-d-4 span:first-child{opacity:1;transform:translateZ(34px)scale(1)}.three-d-4 span:nth-child(2){opacity:.75;transform:translateZ(12px)scale(.8)}.three-d-4 span:nth-child(3){opacity:.55;transform:translateZ(-10px)scale(.62)}.three-d-4 span:nth-child(4){opacity:.35;transform:translateZ(-32px)scale(.44)}.three-d-4 span:nth-child(5){opacity:.18;transform:translateZ(-54px)scale(.26)}.three-d-5{animation:3.8s linear infinite td-spin-y-tilt}.three-d-5 span{background:linear-gradient(180deg,var(--component-color),#0006);width:70%;height:78%;top:11%;left:15%}.three-d-5 span:first-child{opacity:1;transform:rotateY(0deg) translateZ(calc(var(--component-size)*.22))}.three-d-5 span:nth-child(2){opacity:.62;transform:rotateY(120deg) translateZ(calc(var(--component-size)*.22))}.three-d-5 span:nth-child(3){opacity:.4;transform:rotateY(240deg) translateZ(calc(var(--component-size)*.22))}.three-d-6{animation:8s linear infinite td-spin-x-tilt}.three-d-6:before{background:radial-gradient(circle at 32% 28%,#fff,var(--component-color) 40%,#1a1a1a 82%);box-shadow:0 0 calc(var(--component-size)*.2) var(--component-color);content:"";border-radius:50%;position:absolute;inset:32%}.three-d-6 span{background:var(--component-color);border-radius:50%;width:12%;height:12%;top:2%;left:44%}.three-d-6 span:first-child{transform-origin:50% calc(var(--component-size)*.48);animation:2s linear infinite td-moon}.three-d-6 span:nth-child(2){opacity:.6;transform-origin:50% calc(var(--component-size)*.48);animation:2s linear -.9s infinite td-moon}.three-d-6 span:nth-child(3){opacity:.35;transform-origin:50% calc(var(--component-size)*.48);animation:2s linear -1.5s infinite td-moon}.three-d-7{animation:2.2s ease-in-out infinite td-flip}.three-d-7 span{backface-visibility:hidden;background:var(--component-color);border-radius:8px;inset:14%}.three-d-7 span:first-child{opacity:.95}.three-d-7 span:nth-child(2){background:#ffffffd9;transform:rotateY(180deg)}.three-d-8{animation:5.5s linear infinite td-spin-xy}.three-d-8 span{border:calc(var(--component-size)*.028) solid var(--component-color);background:0 0;border-radius:50%;inset:4%}.three-d-8 span:first-child{opacity:.85}.three-d-8 span:nth-child(2){opacity:.6;transform:rotateY(60deg)}.three-d-8 span:nth-child(3){opacity:.6;transform:rotateY(120deg)}.three-d-8 span:nth-child(4){opacity:.4;transform:rotateX(60deg)}.three-d-8 span:nth-child(5){opacity:.4;transform:rotateX(120deg)}.three-d-8 span:nth-child(6){background:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.16) var(--component-color);border:0;width:8%;height:8%;inset:46% auto auto 46%}.three-d-9{animation:3s linear infinite td-spin-y-tilt}.three-d-9 span{background:linear-gradient(160deg,#ffffffe6,var(--component-color));clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:50% 100%;width:52%;height:52%;top:24%;left:24%}.three-d-9 span:first-child{opacity:1;transform:rotateY(0)}.three-d-9 span:nth-child(2){opacity:.82;transform:rotateY(90deg)}.three-d-9 span:nth-child(3){opacity:.6;transform:rotateY(180deg)}.three-d-9 span:nth-child(4){opacity:.4;transform:rotateY(270deg)}.three-d-9 span:nth-child(5){opacity:.9;transform:rotateX(180deg)rotateY(0)}.three-d-9 span:nth-child(6){opacity:.72;transform:rotateX(180deg)rotateY(90deg)}.three-d-9 span:nth-child(7){opacity:.52;transform:rotateX(180deg)rotateY(180deg)}.three-d-9 span:nth-child(8){opacity:.32;transform:rotateX(180deg)rotateY(270deg)}.three-d-10{animation:5s linear infinite td-spin-z}.three-d-10 span{--a:0deg;background:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.1) var(--component-color);border-radius:3px;width:11%;height:11%;animation:1.8s ease-in-out infinite td-nova;top:44.5%;left:44.5%}.three-d-10 span:first-child{--a:0deg}.three-d-10 span:nth-child(2){--a:45deg;opacity:.85;animation-delay:60ms}.three-d-10 span:nth-child(3){--a:90deg;opacity:.75;animation-delay:.12s}.three-d-10 span:nth-child(4){--a:135deg;opacity:.65;animation-delay:.18s}.three-d-10 span:nth-child(5){--a:180deg;opacity:.85;animation-delay:.24s}.three-d-10 span:nth-child(6){--a:225deg;opacity:.75;animation-delay:.3s}.three-d-10 span:nth-child(7){--a:270deg;opacity:.65;animation-delay:.36s}.three-d-10 span:nth-child(8){--a:315deg;opacity:.55;animation-delay:.42s}@keyframes td-spin-z{to{transform:rotate(360deg)}}@keyframes td-spin-xy{to{transform:rotateX(360deg)rotateY(360deg)}}@keyframes td-spin-y{to{transform:rotateY(360deg)}}@keyframes td-spin-y-tilt{to{transform:rotateY(360deg)rotateX(10deg)}}@keyframes td-spin-x-tilt{to{transform:rotateX(360deg)}}@keyframes td-tunnel{50%{transform:rotate(90deg)translateZ(-14px)}}@keyframes td-moon{to{transform:rotate(360deg)}}@keyframes td-flip{0%,40%{transform:rotateY(0)}60%,to{transform:rotateY(180deg)}}@keyframes td-portal-ring{0%{opacity:.7;transform:rotateX(62deg)translateZ(0)scale(.5)}to{opacity:0;transform:rotateX(62deg)translateZ(-6px)scale(1.5)}}@keyframes td-nova{0%,to{transform:rotate(var(--a)) translateY(calc(var(--component-size)*-.15)) translateZ(0) scale(.6)}50%{transform:rotate(var(--a)) translateY(calc(var(--component-size)*-.42)) translateZ(24px) scale(1)}}@media (max-width:1050px){.navbar-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-group-heading{margin-bottom:-18px}.component-collection-summary{flex-wrap:wrap}}@media (max-width:760px){.component-nav-group{gap:7px;min-width:max-content;display:flex}.component-nav-group+.component-nav-group{border-top:0;border-left:1px solid #ffffff1a;margin-top:0;margin-left:7px;padding-top:0;padding-left:7px}.component-nav-group>p{display:none}.component-nav-group button{min-width:166px}.component-gallery-section{margin-top:29px}.gallery-group+.gallery-group{margin-top:33px;padding-top:28px}.gallery-group .component-gallery{margin-top:34px}.navbar-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.component-collection-summary{gap:7px;font-size:9px}.component-collection-summary i{width:2px;height:2px}}.component-nav-group{border-top:1px solid #ffffff1a;min-width:0;padding-top:8px;display:block}.component-nav-group+.component-nav-group{border-top:1px solid #ffffff1a;margin:8px 0 0;padding:8px 0 0}.component-nav .component-nav-group-toggle{color:#a8a8a8;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;min-height:34px;padding:0 9px;font-size:10px;font-weight:800;display:flex}.component-nav .component-nav-group-toggle:hover{color:#f2f2f2;background:#191919}.component-nav-group-toggle>span{align-items:center;gap:7px;display:flex}.component-nav-group-toggle small{color:#9b9b9b;letter-spacing:0;background:#262626;border-radius:99px;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.component-nav-group-toggle svg{color:#777;transition:transform .34s cubic-bezier(.2,.85,.25,1)}.component-nav-group.is-open .component-nav-group-toggle{color:#f0f0f0}.component-nav-group.is-open .component-nav-group-toggle svg{color:#ffad68;transform:rotate(180deg)}.component-nav-items{grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.2,.85,.25,1);display:grid}.component-nav-items>div{flex-direction:column;min-height:0;padding-top:0;transition:padding .3s;display:flex;overflow:hidden}.component-nav-group.is-open .component-nav-items{grid-template-rows:1fr}.component-nav-group.is-open .component-nav-items>div{padding-top:4px}.component-nav .component-nav-items button{opacity:0;transition:opacity .24s,transform .3s;animation:none;transform:translateY(-6px)}.component-nav-group.is-open .component-nav-items button{opacity:1;transform:translateY(0)}.component-nav-group.is-open .component-nav-items button:nth-child(2){transition-delay:35ms}.component-nav-group.is-open .component-nav-items button:nth-child(3){transition-delay:70ms}.component-nav-group.is-open .component-nav-items button:nth-child(4){transition-delay:.105s}.component-nav-group.is-open .component-nav-items button:nth-child(5){transition-delay:.14s}.component-nav-group.is-open .component-nav-items button:nth-child(6){transition-delay:.175s}.component-selected-summary{background:linear-gradient(90deg,#ff7a001f,#ff7a0006);border:1px solid #ff7a0038;border-radius:9px;align-items:center;gap:9px;margin:37px 0 14px;padding:11px 13px;display:flex}.component-selected-summary .eyebrow{color:#ffad68;white-space:nowrap;font-size:8px}.component-selected-summary>span{color:#898989;font-size:10px}.component-selected-summary i{background:#606060;border-radius:50%;width:3px;height:3px}.component-selected-summary b{color:#f6f6f6;font-size:11px}.device-preview-canvas{isolation:isolate;align-items:center;min-height:430px;padding:60px 22px 24px}.device-switcher{z-index:3;background:#181818;border:1px solid #ffffff24;border-radius:9px;gap:2px;padding:3px;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%)}.device-switcher button{color:#8d8d8d;background:0 0;border:0;border-radius:6px;height:27px;padding:0 10px;font-size:9px;font-weight:780;transition:background .25s,color .25s,transform .25s}.device-switcher button:hover{color:#f0f0f0}.device-switcher button.active{background:var(--orange);color:#181818;transform:translateY(-1px)}.device-frame{background:#0b0b0b;border:1px solid #ffffff2e;flex-direction:column;max-width:100%;animation:.48s cubic-bezier(.2,.82,.2,1) both device-frame-in;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 48px #0000005c}.device-frame.desktop{border-radius:12px;width:min(92%,720px);height:242px}.device-frame.tablet{border-radius:15px;width:min(66%,492px);height:300px}.device-frame.mobile{border-radius:22px;width:min(230px,78%);height:335px}.device-frame-chrome{background:#141414;border-bottom:1px solid #ffffff17;align-items:center;gap:5px;height:27px;padding:0 10px;display:flex}.device-frame-chrome>span{background:#4b4b4b;border-radius:50%;width:5px;height:5px}.device-frame-chrome>span:first-child{background:#7a4640}.device-frame-chrome>span:nth-child(2){background:#7b693e}.device-frame-chrome>span:nth-child(3){background:#426d50}.device-frame-chrome b{color:#757575;text-transform:uppercase;margin-left:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:500}.device-frame.mobile .device-frame-chrome{justify-content:center;height:31px}.device-frame.mobile .device-frame-chrome>span{display:none}.device-frame.mobile .device-frame-chrome b{margin:0}.device-frame-content{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:22px 22px;flex:1;justify-content:center;align-items:center;min-height:0;padding:14px;display:flex;position:relative}.device-frame-content:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#ff7a001f,#0000 64%);width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.device-frame-content>.component-loader{max-width:100%}.device-frame.mobile .device-frame-content{padding:12px}.device-frame.mobile .component-navbar{width:100%}.device-frame.mobile .navbar-artwork{font-size:8px}.device-frame.mobile .navbar-links{gap:6px}.device-frame.mobile .navbar-artwork>i{display:none}@keyframes device-frame-in{0%{filter:blur(5px);opacity:0;transform:translateY(14px)scale(.94)}to{filter:blur();opacity:1;transform:translateY(0)scale(1)}}@media (max-width:760px){.component-nav-group{border:0;width:100%;min-width:0;padding:0;display:block}.component-nav-group+.component-nav-group{border:0;margin:5px 0 0;padding:0}.component-nav{flex-direction:column;max-height:370px;display:flex;overflow:auto}.component-nav-group .component-nav-group-toggle,.component-nav-group .component-nav-items button{min-width:0}.component-selected-summary{margin-top:28px}.component-selected-summary .eyebrow{display:none}.device-preview-canvas{min-height:405px;padding:57px 12px 20px}.device-frame.desktop{width:96%;height:215px}.device-frame.tablet{width:min(78%,450px);height:270px}.device-frame.mobile{width:218px;height:315px}.device-switcher{top:13px}.device-switcher button{padding:0 9px}.component-preview-panel{min-height:440px}}@media (max-width:390px){.component-selected-summary{gap:7px;padding:10px}.component-selected-summary>span{font-size:9px}.component-selected-summary b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.device-frame.desktop{height:195px}.device-frame.tablet{width:86%;height:245px}.device-frame.mobile{width:202px;height:294px}}.sidebar-back-button{color:#ffd0a6;background:linear-gradient(90deg,#ff7a0029,#ff7a0009);border:1px solid #ff7a0047;border-radius:8px;align-items:center;gap:7px;width:max-content;margin:20px 9px 0;padding:10px 11px;font-size:10px;font-weight:780;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden}.sidebar-back-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:55%;animation:3.2s ease-in-out infinite sidebar-back-shine;position:absolute;inset:0;transform:translate(-130%)}.sidebar-back-button span,.sidebar-back-button svg{z-index:1;position:relative}.sidebar-back-button svg{animation:1.8s ease-in-out infinite sidebar-back-arrow}.sidebar-back-button:hover{color:#fff;border-color:#ffad68;transform:translate(-3px);box-shadow:0 9px 22px #ff7a0024}.components-sidebar>.component-search{margin-top:29px}.components-sidebar-footer{padding-top:14px}.components-sidebar-footer p{margin:0}.output-copy{isolation:isolate;transition:background .25s,color .25s,box-shadow .25s,transform .25s;position:relative;overflow:hidden}.output-copy:after{content:"";z-index:-1;background:linear-gradient(105deg,#0000 25%,#fff9 50%,#0000 75%);width:50%;height:170%;position:absolute;top:-35%;left:-115%;transform:skew(-18deg)}.output-copy:hover{transform:translateY(-2px);box-shadow:0 10px 22px #ff7a0042}.output-copy.is-copied{color:#102317;background:#58d68d;animation:.68s cubic-bezier(.2,.9,.25,1) both copy-success;box-shadow:0 9px 25px #58d68d45}.output-copy.is-copied:after{animation:.68s ease-out both copy-sweep}.output-tabs button.active{animation:.34s cubic-bezier(.2,.9,.3,1.1) copy-tab}@keyframes sidebar-back-shine{0%,58%{transform:translate(-130%)}74%,to{transform:translate(290%)}}@keyframes sidebar-back-arrow{50%{transform:translate(-3px)}}@keyframes copy-success{0%{transform:scale(.92)}45%{transform:scale(1.09)rotate(-1deg)}to{transform:scale(1)rotate(0)}}@keyframes copy-sweep{to{left:175%}}@keyframes copy-tab{50%{transform:scale(.91)}}.component-footer,.component-hero{width:100%;max-width:100%}.component-motion{min-height:160px}.footer-artwork{color:#eee;font-family:var(--sans);background:#141414;border:1px solid #ffffff29;flex-direction:column;gap:18px;width:min(100%,620px);max-width:100%;min-height:170px;padding:18px;line-height:1.1;display:flex;position:relative;overflow:hidden}.footer-artwork:before{background:radial-gradient(circle,var(--component-color),transparent 67%);content:"";filter:blur(4px);opacity:.14;pointer-events:none;width:105px;height:105px;position:absolute;top:-38px;right:-24px}.footer-artwork-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:relative}.footer-artwork-top>b{letter-spacing:-.09em;font-size:18px}.footer-artwork-top>b span{color:var(--component-color);vertical-align:top;font-size:7px}.footer-artwork-top p{color:#9d9d9d;max-width:150px;margin:2px auto 0 0;font-size:9px;line-height:1.45}.footer-artwork button,.hero-artwork button{background:var(--component-color);color:#151515;white-space:nowrap;border:0;padding:9px 10px;font-family:inherit;font-size:8px;font-weight:800}.footer-artwork button i,.hero-artwork button i{margin-left:4px;font-size:11px;font-style:normal}.footer-artwork-links{border-top:1px solid #ffffff21;grid-template-columns:repeat(4,1fr);padding-top:12px;display:grid;position:relative}.footer-artwork-links span{color:#d6d6d6;flex-direction:column;gap:5px;font-size:10px;display:flex}.footer-artwork-links small{color:#6c6c6c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px}.footer-artwork-bottom{color:#777;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;display:flex;position:relative}.footer-artwork-bottom i{background:var(--component-color);border-radius:50%;width:5px;height:5px;margin-left:4px;animation:1.4s ease-in-out infinite footer-blink;display:inline-block}.footer-artwork:is(.footer-1,.footer-7,.footer-13,.footer-19,.footer-25){border-radius:16px}.footer-artwork:is(.footer-2,.footer-8,.footer-14,.footer-20,.footer-26){color:#171717;background:#ece9e1;border-color:#d9d4c7}.footer-artwork:is(.footer-2,.footer-8,.footer-14,.footer-20,.footer-26) .footer-artwork-top p,.footer-artwork:is(.footer-2,.footer-8,.footer-14,.footer-20,.footer-26) .footer-artwork-bottom,.footer-artwork:is(.footer-2,.footer-8,.footer-14,.footer-20,.footer-26) .footer-artwork-links small{color:#69665e}.footer-artwork:is(.footer-2,.footer-8,.footer-14,.footer-20,.footer-26) .footer-artwork-links,.footer-artwork:is(.footer-2,.footer-8,.footer-14,.footer-20,.footer-26) .footer-artwork-bottom{border-color:#15151524}.footer-artwork:is(.footer-3,.footer-9,.footer-15,.footer-21,.footer-27){background:linear-gradient(125deg,#111 60%,color-mix(in srgb,var(--component-color) 21%,#111));border-radius:2px}.footer-artwork:is(.footer-4,.footer-10,.footer-16,.footer-22,.footer-28){background:#0c1020;border-radius:20px 4px}.footer-artwork:is(.footer-5,.footer-11,.footer-17,.footer-23,.footer-29){border-left:3px solid var(--component-color);background:linear-gradient(120deg,#191919,#121212);border-radius:0}.footer-artwork:is(.footer-6,.footer-12,.footer-18,.footer-24,.footer-30){background:linear-gradient(#ffffff1c,#ffffff06);border-radius:14px;box-shadow:inset 0 1px #ffffff1c}.footer-7 .footer-artwork-links,.footer-13 .footer-artwork-links,.footer-19 .footer-artwork-links,.footer-25 .footer-artwork-links{grid-template-columns:repeat(2,1fr);row-gap:14px}.footer-8 .footer-artwork-top,.footer-14 .footer-artwork-top,.footer-20 .footer-artwork-top,.footer-26 .footer-artwork-top{align-items:center}.footer-9 .footer-artwork-bottom,.footer-15 .footer-artwork-bottom,.footer-21 .footer-artwork-bottom,.footer-27 .footer-artwork-bottom{border-top:0;padding-top:0}.footer-10 .footer-artwork-top,.footer-16 .footer-artwork-top,.footer-22 .footer-artwork-top,.footer-28 .footer-artwork-top{align-items:flex-end}.footer-11 .footer-artwork-links,.footer-17 .footer-artwork-links,.footer-23 .footer-artwork-links,.footer-29 .footer-artwork-links{grid-template-columns:1.4fr 1fr 1fr .8fr}.footer-12 .footer-artwork-top p,.footer-18 .footer-artwork-top p,.footer-24 .footer-artwork-top p,.footer-30 .footer-artwork-top p{font-style:italic}.motion-artwork{aspect-ratio:1.45;isolation:isolate;width:min(72vw,210px);max-width:210px;max-height:150px;position:relative;overflow:hidden}.motion-artwork span,.motion-artwork i,.motion-artwork b{display:block;position:absolute}.motion-artwork:is(.motion-1,.motion-7,.motion-13,.motion-19,.motion-25){border:1px solid color-mix(in srgb,var(--component-color) 62%,transparent);border-radius:50%;animation:3.2s linear infinite motion-turn;inset:15%}.motion-artwork:is(.motion-1,.motion-7,.motion-13,.motion-19,.motion-25) span{background:var(--component-color);box-shadow:0 0 13px var(--component-color);transform-origin:6px calc(100% + 6px);border-radius:50%;width:12px;height:12px;animation:1.6s linear infinite motion-orbit;top:-6px;left:calc(50% - 6px)}.motion-artwork:is(.motion-2,.motion-8,.motion-14,.motion-20,.motion-26){border:1px solid #ffffff3d}.motion-artwork:is(.motion-2,.motion-8,.motion-14,.motion-20,.motion-26) span{border:2px solid var(--component-color);width:32%;height:32%;animation:1.7s ease-in-out infinite motion-corner}.motion-artwork:is(.motion-2,.motion-8,.motion-14,.motion-20,.motion-26) span:first-child{top:0;left:0}.motion-artwork:is(.motion-2,.motion-8,.motion-14,.motion-20,.motion-26) span:nth-child(2){top:0;right:0}.motion-artwork:is(.motion-2,.motion-8,.motion-14,.motion-20,.motion-26) span:nth-child(3){bottom:0;left:0}.motion-artwork:is(.motion-2,.motion-8,.motion-14,.motion-20,.motion-26) span:nth-child(4){bottom:0;right:0}.motion-artwork:is(.motion-3,.motion-9,.motion-15,.motion-21,.motion-27){background:linear-gradient(130deg,#0000,#ffffff0f);border-radius:50%}.motion-artwork:is(.motion-3,.motion-9,.motion-15,.motion-21,.motion-27) span{border:2px solid var(--component-color);border-radius:50%;animation:2.4s ease-in-out infinite motion-ribbon;inset:17% 5%;transform:rotate(-26deg)}.motion-artwork:is(.motion-3,.motion-9,.motion-15,.motion-21,.motion-27) span:nth-child(2){opacity:.65;animation-delay:-.7s;inset:31% 5%}.motion-artwork:is(.motion-3,.motion-9,.motion-15,.motion-21,.motion-27) span:nth-child(3){opacity:.35;animation-delay:-1.4s;inset:45% 5%}.motion-artwork:is(.motion-4,.motion-10,.motion-16,.motion-22,.motion-28){grid-template-columns:repeat(3,1fr);gap:7px;padding:31px;display:grid}.motion-artwork:is(.motion-4,.motion-10,.motion-16,.motion-22,.motion-28) span{background:var(--component-color);border-radius:3px;animation:1.35s ease-in-out infinite motion-card;position:relative;inset:auto}.motion-artwork:is(.motion-4,.motion-10,.motion-16,.motion-22,.motion-28) span:nth-child(2n){animation-delay:.16s}.motion-artwork:is(.motion-5,.motion-11,.motion-17,.motion-23,.motion-29){border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40}.motion-artwork:is(.motion-5,.motion-11,.motion-17,.motion-23,.motion-29) span{background:var(--component-color);border-radius:99px;width:36%;height:3px;animation:1.8s ease-in-out infinite motion-line;top:calc(50% - 2px);left:0}.motion-artwork:is(.motion-5,.motion-11,.motion-17,.motion-23,.motion-29) span:nth-child(2){opacity:.63;animation-delay:-.6s;top:34%}.motion-artwork:is(.motion-5,.motion-11,.motion-17,.motion-23,.motion-29) span:nth-child(3){opacity:.3;animation-delay:-1.2s;top:66%}.motion-artwork:is(.motion-6,.motion-12,.motion-18,.motion-24,.motion-30){grid-template-columns:repeat(3,1fr);gap:7px;padding:28px;display:grid;transform:rotate(-7deg)}.motion-artwork:is(.motion-6,.motion-12,.motion-18,.motion-24,.motion-30) span{background:var(--component-color);border-radius:2px;animation:1.4s ease-in-out infinite motion-pixel;position:relative;inset:auto}.motion-artwork:is(.motion-6,.motion-12,.motion-18,.motion-24,.motion-30) span:nth-child(3n){animation-delay:.24s}.motion-artwork i{background:var(--component-color);box-shadow:0 0 20px var(--component-color);border-radius:50%;width:8px;height:8px;top:calc(50% - 4px);left:calc(50% - 4px)}.motion-artwork b{border:1px solid #ffffff29;border-radius:50%;inset:38%}@keyframes footer-blink{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--component-color) 0%,transparent);opacity:.35}}@keyframes motion-turn{to{transform:rotate(360deg)}}@keyframes motion-orbit{to{transform:rotate(360deg)}}@keyframes motion-corner{50%{border-radius:50%;transform:scale(.58)rotate(90deg)}}@keyframes motion-ribbon{50%{transform:rotate(26deg)scale(.72)}}@keyframes motion-card{50%{opacity:.25;transform:translateY(-14px)scale(.72)}}@keyframes motion-line{50%{transform:translate(180%)}}@keyframes motion-pixel{50%{opacity:.25;transform:scale(.35)rotate(45deg)}}.hero-artwork{color:#fff;isolation:isolate;background:#141414;width:min(100%,720px);max-width:100%;height:100%;min-height:190px;line-height:1;position:relative;overflow:hidden}.hero-artwork>img{object-fit:cover;z-index:-3;width:100%;height:100%;animation:1s cubic-bezier(.2,.8,.2,1) both hero-image-in;position:absolute;inset:0}.hero-artwork-shade{z-index:-2;background:linear-gradient(100deg,#080808d1,#08080838 64%,#08080814);position:absolute;inset:0}.hero-artwork-copy{max-width:57%;position:absolute;bottom:19px;left:19px}.hero-artwork-copy>span{color:var(--component-color);letter-spacing:.13em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px}.hero-artwork-copy h4{letter-spacing:-.07em;margin:8px 0 12px;font-size:clamp(20px,4vw,36px);line-height:.91}.hero-artwork-copy button{animation:2.8s ease-in-out infinite hero-button}.hero-artwork-index{color:#d7d7d7;writing-mode:vertical-rl;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;display:flex;position:absolute;bottom:18px;right:18px}.hero-artwork-index i{background:#d7d7d7;width:1px;height:24px}.hero-artwork:is(.hero-2,.hero-8,.hero-14,.hero-20,.hero-26) .hero-artwork-shade{background:linear-gradient(#0808080d 26%,#080808d9)}.hero-artwork:is(.hero-2,.hero-8,.hero-14,.hero-20,.hero-26) .hero-artwork-copy{text-align:center;max-width:72%;bottom:21px;left:14%;right:14%}.hero-artwork:is(.hero-3,.hero-9,.hero-15,.hero-21,.hero-27) .hero-artwork-shade{background:linear-gradient(90deg,#0808081f,#080808b8)}.hero-artwork:is(.hero-3,.hero-9,.hero-15,.hero-21,.hero-27) .hero-artwork-copy{text-align:right;left:auto;right:19px}.hero-artwork:is(.hero-4,.hero-10,.hero-16,.hero-22,.hero-28){border-radius:18px}.hero-artwork:is(.hero-4,.hero-10,.hero-16,.hero-22,.hero-28) .hero-artwork-shade{background:linear-gradient(135deg,#22120cd1,#08080814)}.hero-artwork:is(.hero-5,.hero-11,.hero-17,.hero-23,.hero-29) .hero-artwork-copy{top:20px;bottom:auto}.hero-artwork:is(.hero-5,.hero-11,.hero-17,.hero-23,.hero-29) .hero-artwork-shade{background:linear-gradient(#080808b8,#0000 70%)}.hero-artwork:is(.hero-6,.hero-12,.hero-18,.hero-24,.hero-30){border:1px solid color-mix(in srgb,var(--component-color) 45%,#ffffff38)}.hero-artwork:is(.hero-6,.hero-12,.hero-18,.hero-24,.hero-30)>img{filter:saturate(.72)contrast(1.12)}.hero-7 .hero-artwork-copy,.hero-13 .hero-artwork-copy,.hero-19 .hero-artwork-copy,.hero-25 .hero-artwork-copy{bottom:50%;transform:translateY(50%)}.hero-8 .hero-artwork-copy,.hero-14 .hero-artwork-copy,.hero-20 .hero-artwork-copy,.hero-26 .hero-artwork-copy h4{font-style:italic}.hero-9 .hero-artwork-copy,.hero-15 .hero-artwork-copy,.hero-21 .hero-artwork-copy,.hero-27 .hero-artwork-copy{max-width:48%}.hero-10 .hero-artwork-copy,.hero-16 .hero-artwork-copy,.hero-22 .hero-artwork-copy,.hero-28 .hero-artwork-copy{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080847;padding:11px}.hero-11 .hero-artwork-index,.hero-17 .hero-artwork-index,.hero-23 .hero-artwork-index,.hero-29 .hero-artwork-index{color:var(--component-color)}.hero-12 .hero-artwork-copy,.hero-18 .hero-artwork-copy,.hero-24 .hero-artwork-copy,.hero-30 .hero-artwork-copy{border-left:2px solid var(--component-color);padding-left:10px}@keyframes hero-image-in{0%{filter:blur(7px);opacity:.2;transform:scale(1.08)}to{filter:blur();opacity:1;transform:scale(1)}}@keyframes hero-button{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--component-color) 0%,transparent);transform:translateY(-2px)}}@media (max-width:760px){.component-collection-summary{row-gap:8px}.footer-artwork{gap:13px;min-height:152px;padding:14px}.footer-artwork-top p{display:none}.footer-artwork-top>b{font-size:16px}.footer-artwork-links{padding-top:9px}.footer-artwork-links span{font-size:8px}.footer-artwork-bottom{font-size:6px}.motion-artwork{max-width:176px}.hero-artwork-copy{bottom:15px;left:15px}.hero-artwork-copy h4{font-size:22px}.hero-artwork-index{bottom:15px;right:14px}.device-frame.mobile .footer-artwork{min-height:196px}.device-frame.mobile .footer-artwork-links{grid-template-columns:repeat(2,1fr);row-gap:10px}.device-frame.mobile .hero-artwork-copy{max-width:74%}.device-frame.mobile .hero-artwork-copy h4{font-size:19px}.device-frame.mobile .hero-artwork-index{display:none}}@media (prefers-reduced-motion:reduce){.footer-artwork-bottom i,.motion-artwork,.motion-artwork *,.hero-artwork>img,.hero-artwork-copy button{animation-duration:.01ms!important;animation-iteration-count:1!important}}.preview-fullscreen-button{color:#d7d7d7;z-index:4;background:#161616eb;border:1px solid #ffffff29;border-radius:7px;align-items:center;gap:6px;padding:8px 9px;font-size:9px;font-weight:760;transition:border-color .25s,box-shadow .25s,color .25s,transform .25s;display:flex;position:absolute;top:15px;right:15px}.preview-fullscreen-button:hover{border-color:var(--orange);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #ff7a002e}.preview-fullscreen-button svg{color:#ffad68;transition:transform .35s cubic-bezier(.2,.9,.25,1)}.preview-fullscreen-button:hover svg{transform:scale(1.18)rotate(8deg)}.preview-lightbox{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;background:#050505c7;justify-content:center;align-items:center;padding:clamp(11px,3vw,34px);animation:.34s both preview-overlay-in;display:flex;position:fixed;inset:0}.preview-lightbox.is-closing{animation:.4s both preview-overlay-out}.preview-lightbox-panel{background:#111;border:1px solid #ffffff2b;flex-direction:column;width:min(100%,1380px);max-width:1440px;height:min(92vh,940px);animation:.52s cubic-bezier(.2,.88,.2,1) both preview-panel-in;display:flex;position:relative;overflow:hidden;box-shadow:0 34px 100px #0000009e}.preview-lightbox.is-closing .preview-lightbox-panel{animation:.38s cubic-bezier(.55,.05,.75,.2) both preview-panel-out}.preview-lightbox-header{background:linear-gradient(90deg,#151515,#101010);border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;min-height:60px;padding:0 18px;display:flex}.preview-lightbox-header>div{align-items:baseline;gap:10px;display:flex}.preview-lightbox-header span{color:#8e8e8e;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.preview-lightbox-header b{color:#f2f2f2;font-size:12px}.preview-lightbox-header button{color:#d7d7d7;background:#ffffff0e;border:1px solid #ffffff21;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:700;transition:background .2s,color .2s,transform .2s;display:flex}.preview-lightbox-header button:hover{color:#171717;background:#f1f1f1;transform:rotate(-2deg)scale(1.04)}.preview-lightbox-canvas{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:30px 30px;flex:1;justify-content:center;align-items:center;min-height:0;padding:78px 34px 34px;display:flex;position:relative}.preview-lightbox-canvas:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff7a0026,#0000 64%);width:min(68vw,830px);height:min(68vw,830px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-lightbox-canvas .device-switcher{top:18px}.preview-lightbox-canvas .device-frame{z-index:1;position:relative}.preview-lightbox-canvas .device-frame.desktop{width:min(92%,1180px);height:min(70vh,710px)}.preview-lightbox-canvas .device-frame.tablet{width:min(67%,760px);height:min(72vh,740px)}.preview-lightbox-canvas .device-frame.mobile{width:min(330px,82%);height:min(72vh,740px)}.preview-lightbox-canvas .device-frame-content{padding:clamp(16px,3vw,42px)}.preview-lightbox-canvas .component-hero,.preview-lightbox-canvas .component-footer{height:100%}.preview-lightbox-canvas .hero-artwork,.preview-lightbox-canvas .footer-artwork{height:100%;max-height:100%}.preview-lightbox-canvas .hero-artwork{min-height:0}.preview-lightbox-canvas .footer-artwork{justify-content:space-between;min-height:0}.preview-lightbox-canvas .component-motion{min-height:220px;transform:scale(1.45)}@keyframes preview-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes preview-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes preview-panel-in{0%{filter:blur(9px);opacity:0;transform:translateY(34px)scale(.94)}to{filter:blur();opacity:1;transform:translateY(0)scale(1)}}@keyframes preview-panel-out{to{filter:blur(7px);opacity:0;transform:translateY(26px)scale(.95)}}.three-d-11{animation:4.5s linear infinite td-spin-xy}.three-d-11 span{background:color-mix(in srgb,var(--component-color) 18%,transparent);border:calc(var(--component-size)*.035) solid var(--component-color);opacity:.9;inset:14%}.three-d-11 span:first-child{transform:translateZ(calc(var(--component-size)*.17))}.three-d-11 span:nth-child(2){opacity:.4;transform:translateZ(calc(var(--component-size)*-.17))}.three-d-11 span:nth-child(3){transform:rotateY(90deg) translateZ(calc(var(--component-size)*.17))}.three-d-11 span:nth-child(4){opacity:.4;transform:rotateY(90deg) translateZ(calc(var(--component-size)*-.17))}.three-d-11 span:nth-child(5){opacity:.6;transform:rotateX(90deg) translateZ(calc(var(--component-size)*.17))}.three-d-11 span:nth-child(6){background:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.3) var(--component-color);opacity:1;border:0;border-radius:50%;width:16%;height:16%;inset:42% auto auto 42%}.three-d-12{animation:9s linear infinite td-spin-x-tilt}.three-d-12:before{background:radial-gradient(circle at 34% 28%,#fff,var(--component-color) 40%,#1c1424 82%);box-shadow:0 0 calc(var(--component-size)*.24) var(--component-color);content:"";border-radius:50%;position:absolute;inset:28%}.three-d-12 span{border:calc(var(--component-size)*.045) solid var(--component-color);opacity:.85;background:0 0;border-radius:50%;inset:12% -20%;transform:rotateX(58deg)rotate(-14deg)}.three-d-12 span:nth-child(2){background:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.12) var(--component-color);opacity:1;border:0;border-radius:50%;width:10%;height:10%;inset:44% auto auto -4%}.three-d-12 span:nth-child(3){background:var(--component-color);opacity:.6;border:0;border-radius:50%;width:7%;height:7%;inset:44% auto auto 96%}.three-d-13{animation:3.4s ease-in-out infinite td-fan}.three-d-13:before{background:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.22) var(--component-color);content:"";width:14%;height:16%;position:absolute;top:42%;left:43%;transform:translateZ(24px)}.three-d-13 span{background:linear-gradient(150deg,#ffffffeb,var(--component-color));clip-path:polygon(50% 0,100% 100%,50% 84%,0 100%);opacity:.9;transform-origin:50% 84%;width:52%;height:64%;top:16%;left:24%}.three-d-13 span:first-child{transform:rotateY(-40deg)translateZ(10px)}.three-d-13 span:nth-child(2){opacity:.78;transform:rotateY(-16deg)translateZ(10px)}.three-d-13 span:nth-child(3){opacity:.9;transform:rotateY(8deg)translateZ(10px)}.three-d-13 span:nth-child(4){opacity:.78;transform:rotateY(32deg)translateZ(10px)}.three-d-13 span:nth-child(5){opacity:.62;transform:rotateY(56deg)translateZ(10px)}.three-d-13 span:nth-child(6){opacity:.46;transform:rotateY(80deg)translateZ(10px)}.three-d-14{animation:5s linear infinite td-spin-xy}.three-d-14 span{background:var(--component-color);inset:18%}.three-d-14 span:first-child{opacity:1;transform:translateZ(calc(var(--component-size)*.16))}.three-d-14 span:nth-child(2){opacity:.35;transform:translateZ(calc(var(--component-size)*-.16)) rotateY(180deg)}.three-d-14 span:nth-child(3){opacity:.75;transform:rotateY(90deg) translateZ(calc(var(--component-size)*.16))}.three-d-14 span:nth-child(4){opacity:.55;transform:rotateY(-90deg) translateZ(calc(var(--component-size)*.16))}.three-d-14 span:nth-child(5){opacity:.9;transform:rotateX(90deg) translateZ(calc(var(--component-size)*.16))}.three-d-14 span:nth-child(6){opacity:.45;transform:rotateX(-90deg) translateZ(calc(var(--component-size)*.16))}.three-d-15{animation:7s linear infinite td-spin-x-tilt}.three-d-15:before{background:radial-gradient(circle,#fff,var(--component-color) 42%,transparent 74%);box-shadow:0 0 calc(var(--component-size)*.4) var(--component-color);content:"";border-radius:50%;position:absolute;inset:32%}.three-d-15 span{background:linear-gradient(145deg,var(--component-color),#fff6);border:calc(var(--component-size)*.012) solid #fff9}.three-d-15 span:first-child{width:28%;height:56%;top:22%;left:-16%;transform:rotateY(34deg)}.three-d-15 span:nth-child(2){width:28%;height:56%;top:22%;right:-16%;transform:rotateY(-34deg)}.three-d-15 span:nth-child(3){background:var(--component-color);box-shadow:0 0 calc(var(--component-size)*.1) var(--component-color);height:11%;transform-origin:50% calc(var(--component-size)*.48);border:0;border-radius:50%;width:11%;animation:3s linear infinite td-moon;top:0;left:44.5%}@keyframes td-fan{0%,to{transform:rotateY(0)}50%{transform:rotateY(35deg)rotateX(6deg)}}@media (max-width:760px){.preview-fullscreen-button{top:12px;right:11px}.preview-fullscreen-button span{display:none}.preview-lightbox{padding:7px}.preview-lightbox-panel{width:100%;height:calc(100vh - 14px)}.preview-lightbox-header{min-height:54px;padding:0 12px}.preview-lightbox-header>div{gap:6px}.preview-lightbox-header span{font-size:7px}.preview-lightbox-header b{font-size:10px}.preview-lightbox-header button span{display:none}.preview-lightbox-canvas{padding:62px 10px 16px}.preview-lightbox-canvas .device-switcher{top:13px}.preview-lightbox-canvas .device-frame.desktop{width:97%;height:min(63vh,540px)}.preview-lightbox-canvas .device-frame.tablet{width:min(88%,510px);height:min(67vh,590px)}.preview-lightbox-canvas .device-frame.mobile{width:min(258px,82%);height:min(69vh,620px)}.preview-lightbox-canvas .component-motion{transform:scale(1.15)}}.home-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);align-items:center;gap:clamp(36px,6vw,88px);min-height:calc(100vh - 74px);padding:clamp(74px,10vw,132px) 0 88px;display:grid}.home-hero-copy h1{letter-spacing:-.09em;max-width:680px;margin:17px 0 25px;font-size:clamp(49px,6vw,82px);font-weight:690;line-height:.91}.home-hero-copy h1 em{color:var(--orange);font-family:var(--serif);font-weight:500}.home-metrics{flex-wrap:wrap;gap:15px 30px;margin-top:50px;display:flex}.home-metrics>div{border-left:1px solid #ffffff21;padding-left:13px}.home-metrics strong{letter-spacing:-.07em;font-size:25px;display:block}.home-metrics span{color:#888;margin-top:3px;font-size:10px;font-weight:650}.home-featured{background:#111;border:1px solid #ffffff24;min-height:490px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0006}.home-featured:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 80% 15%,#ff7a003d,#0000 30%);position:absolute;inset:0}.featured-resource-card{flex-direction:column;height:100%;min-height:490px;display:flex}.featured-resource-visual{background:#191919;flex:1;min-height:280px;position:relative;overflow:hidden}.featured-resource-visual>img{width:100%;height:100%;position:absolute}.featured-resource-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#0a0a0a9e);position:absolute;inset:0}.featured-resource-visual>span{color:#f7f7f5;letter-spacing:.08em;text-transform:uppercase;z-index:2;background:#0b0b0bb8;border:1px solid #ffffff29;border-radius:99px;padding:7px 9px;font-size:9px;font-weight:800;position:absolute;top:16px;left:16px}.featured-resource-content{z-index:2;background:#111;padding:20px 22px 23px;position:relative}.featured-resource-content .eyebrow{color:#a4a4a4;font-size:8px}.featured-resource-content h2{letter-spacing:-.075em;margin:10px 0;font-size:clamp(27px,3.2vw,42px);line-height:.96}.featured-resource-content>p:not(.eyebrow){color:#a7a7a7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.featured-resource-content a{color:#ffad68;align-items:center;gap:6px;margin-top:15px;font-size:11px;font-weight:800;display:inline-flex}.featured-empty-state{background:radial-gradient(circle at 78% 15%,#ff7a0029,#0000 30%),#111;flex-direction:column;justify-content:center;align-items:flex-start;min-height:490px;padding:clamp(30px,5vw,56px);display:flex;position:relative}.featured-empty-state>svg{color:#ffad68}.featured-empty-state .eyebrow{margin-top:26px}.featured-empty-state strong{letter-spacing:-.075em;max-width:330px;margin-top:11px;font-size:clamp(30px,3.6vw,46px);line-height:.95}.featured-empty-state>span{color:#a7a7a7;max-width:300px;margin-top:14px;font-size:12px;line-height:1.6}.featured-empty-state .button{margin-top:23px}.library-notice{color:#ffc4b5;background:#ff705b1a;border:1px solid #ff8f773d;align-items:center;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:11px;display:flex}.resource-no-image{color:#858585;height:100%;min-height:inherit;background:linear-gradient(135deg,#1b1b1b,#101010);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.resource-no-image span{letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:700}.resource-no-image.featured{color:#9b9b9b;background:radial-gradient(circle at 75% 28%,#ff7a0029,#0000 28%),linear-gradient(135deg,#1d1d1d,#101010)}.site-footer p{color:#888}@media (max-width:860px){.home-hero{grid-template-columns:1fr;min-height:auto;padding-top:84px}.home-featured{width:100%;max-width:640px}.featured-resource-card,.featured-empty-state{min-height:440px}.featured-resource-visual{min-height:245px}}@media (max-width:600px){.home-hero{padding:62px 0 64px}.home-hero-copy h1{font-size:clamp(43px,13vw,63px)}.home-metrics{gap:16px 22px;margin-top:37px}.home-featured,.featured-resource-card,.featured-empty-state{min-height:390px}.featured-resource-visual{min-height:210px}.featured-resource-content{padding:18px}.featured-empty-state{padding:30px}.featured-empty-state strong{font-size:35px}}.home-hero{align-items:center;min-height:100vh;padding:100px 0 80px;display:flex;position:relative;overflow:hidden}.home-hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid;position:relative}.home-hero-copy{max-width:580px}.home-hero-product{position:relative}.home-hero-centered-inner{text-align:center;z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.home-hero-centered .home-hero-copy{max-width:760px}.hero-headline-center,.hero-description-center{margin-inline:auto}.hero-buttons-center,.hero-stats-center{justify-content:center}.home-hero-product-center{width:100%;max-width:640px;margin:64px auto 0}.hero-gauge-arc{opacity:.34;pointer-events:none;z-index:0;width:min(90vw,640px);height:340px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.hero-gauge-arc svg{width:100%;height:100%}.hero-gauge-arc-fill{stroke-dasharray:640;stroke-dashoffset:640px;animation:4.5s ease-in-out infinite gaugeArcSweep}@keyframes gaugeArcSweep{0%{stroke-dashoffset:640px}45%,55%{stroke-dashoffset:0}to{stroke-dashoffset:-640px}}.hero-gauge-needle{transform-origin:320px 300px;animation:2.6s cubic-bezier(.5,.05,.5,.95) infinite gaugeNeedleSweep}.hero-gauge-needle-tip{filter:drop-shadow(0 0 6px #ff9f43d9)}@keyframes gaugeNeedleSweep{0%,to{transform:rotate(-56deg)}50%{transform:rotate(56deg)}}@media (max-width:860px){.home-hero-product-center{max-width:100%}.hero-gauge-arc{height:260px;top:0}}@media (prefers-reduced-motion:reduce){.hero-gauge-arc-fill{stroke-dashoffset:0;animation:none}.hero-gauge-needle{animation:none;transform:rotate(0)}}.hero-orb{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#ff7a0052,#0000 70%);width:700px;height:700px;animation:9s ease-in-out infinite orbFloat;top:-260px;left:-180px}.hero-orb-2{background:radial-gradient(circle,#b99cff2e,#0000 70%);width:550px;height:550px;animation:12s ease-in-out infinite reverse orbFloat;top:60px;right:-200px}.hero-orb-3{background:radial-gradient(circle,#4dd4811a,#0000 70%);width:450px;height:450px;animation:15s ease-in-out 3s infinite orbFloat;bottom:-80px;left:38%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(28px,-38px)scale(1.04)}66%{transform:translate(-18px,22px)scale(.97)}}.hero-badge{color:#aaa;letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff21;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:7px 14px;font-size:11px;font-weight:600;display:inline-flex}.hero-badge-dot{background:#4dd481;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite heroBadgePulse}@keyframes heroBadgePulse{0%,to{opacity:1;box-shadow:0 0 #4dd48199}50%{opacity:.8;box-shadow:0 0 0 5px #4dd48100}}.hero-headline{letter-spacing:-.065em;flex-direction:column;gap:4px;margin:0 0 24px;font-size:clamp(52px,5.5vw,88px);font-weight:700;line-height:.93;display:flex}.hero-line{display:block}.hero-line-accent{background:linear-gradient(90deg,#ff7a00 0%,#ffad68 50%,#ff7a00 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes shimmerText{to{background-position:200%}}.hero-typing{white-space:nowrap;vertical-align:bottom;border-right:.07em solid #ff9f43;max-width:0;animation:.9s steps(6,end) .95s forwards heroTypeReveal,.8s step-end .95s infinite heroCaretBlink,3.5s linear 1.85s infinite shimmerText;display:inline-block;overflow:hidden}@keyframes heroTypeReveal{0%{max-width:0}to{max-width:440px}}@keyframes heroCaretBlink{0%,to{border-color:#ff9f43}50%{border-color:#0000}}@media (prefers-reduced-motion:reduce){.hero-typing{border-right-color:#0000;max-width:440px;animation:none}}.home-hero-description{color:#999;max-width:460px;margin:0 0 32px;font-size:16px;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:10px;margin-bottom:36px;display:flex}.hero-stats{border-top:1px solid #ffffff14;gap:32px;padding-top:24px;display:flex}.hero-stat{flex-direction:column;gap:3px;display:flex}.hero-stat strong{color:#f8f7f5;letter-spacing:-.05em;font-size:22px;font-weight:700;line-height:1}.hero-stat span{color:#666;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.hero-panel{background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:18px;animation:7s ease-in-out infinite heroPanelFloat;position:relative;overflow:hidden;box-shadow:0 32px 80px #0000008c,inset 0 1px #ffffff1a}@keyframes heroPanelFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(.5deg)}}.hero-panel-chrome{background:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 14px;display:flex}.hero-panel-dots{gap:5px;display:flex}.hero-panel-dots span{border-radius:50%;width:10px;height:10px}.hero-panel-title{color:#555;font-family:var(--mono);letter-spacing:.04em;text-align:center;flex:1;font-size:10px}.hero-panel-live{color:#4dd481;font-family:var(--mono);letter-spacing:.08em;font-size:9px;font-weight:700;animation:2s ease-in-out infinite heroBadgePulse}.hero-panel-canvas{background-color:#080808;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;height:320px;display:flex;position:relative;overflow:hidden}.hero-cycler{flex-direction:column;gap:16px;width:100%;display:flex}.hero-cycler-stage{justify-content:center;align-items:center;height:240px;transition:opacity .28s,transform .28s;animation:.32s cubic-bezier(.2,.8,.2,1) both heroCyclerIn;display:flex}@keyframes heroCyclerIn{0%{opacity:0;transform:scale(.88)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-cycler-stage{animation:none!important}}.hero-cycler-stage.is-exiting{opacity:0;transform:scale(.88)translateY(-8px)}.hero-cycler-stage .cpt-thumb{transform:scale(1.1)}.hero-cycler-stage .component-footer .cpt-thumb,.hero-cycler-stage .component-hero .cpt-thumb{transform:scale(.62)}.hero-cycler-footer{background:#ffffff0a;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.hero-cycler-meta{flex-direction:column;gap:2px;display:flex}.hero-cycler-name{letter-spacing:-.01em;font-size:12px;font-weight:700;transition:color .28s}.hero-cycler-sub{color:#555;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.hero-cycler-dots{gap:5px;display:flex}.hero-cycler-dot{cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .25s,transform .25s}.hero-cycler-dot.active{transform:scale(1.35)}.hero-cycler-dot:hover{background:#ffffff80}.hero-float-card{pointer-events:none;-webkit-backdrop-filter:blur(12px);background:#0f0f0feb;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;box-shadow:0 8px 32px #00000080}.hero-float-card strong{color:#f8f7f5;letter-spacing:-.01em;white-space:nowrap;font-size:12px;font-weight:700;display:block}.hero-float-card span{color:#666;white-space:nowrap;font-size:9px;display:block}.hero-float-icon{color:#ff9f43;font-size:18px;line-height:1}.hero-float-tr{animation:6s ease-in-out infinite floatTR;top:-16px;right:-24px}.hero-float-bl{animation:8s ease-in-out 1s infinite floatBL;bottom:64px;left:-28px}.hero-float-br{animation:7s ease-in-out 2s infinite floatBR;bottom:-14px;right:24px}@keyframes floatTR{0%,to{transform:translate(0)}50%{transform:translate(4px,-8px)}}@keyframes floatBL{0%,to{transform:translate(0)}50%{transform:translate(-6px,6px)}}@keyframes floatBR{0%,to{transform:translate(0)}50%{transform:translate(5px,-5px)}}.hero-live-dot{background:#4dd481;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite heroBadgePulse}@media (max-width:980px){.home-hero-inner{grid-template-columns:1fr;gap:48px}.home-hero{min-height:auto;padding:120px 0 60px}.home-hero-inner .home-hero-product{display:none}.hero-headline{font-size:clamp(44px,10vw,72px)}.home-hero-description{font-size:15px}.home-hero-centered{padding-top:20px}}@media (max-width:580px){.hero-headline{font-size:clamp(38px,12vw,60px)}.hero-stats{gap:20px}.hero-stat strong{font-size:18px}}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.18s}.delay-3{animation-delay:.28s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.52s}.delay-6{animation-delay:.64s}.btn-glow{transition:transform .2s,background .2s,box-shadow .35s}.btn-glow:hover{box-shadow:0 0 36px #ff7a008c,0 10px 28px #ff7a0052!important}.marquee-strip{background:#0c0c0c;border-block:1px solid #ffffff12;padding:15px 0;position:relative;overflow:hidden}.marquee-strip:before,.marquee-strip:after{content:"";z-index:2;pointer-events:none;width:130px;position:absolute;top:0;bottom:0}.marquee-strip:before{background:linear-gradient(90deg,#0c0c0c,#0000);left:0}.marquee-strip:after{background:linear-gradient(-90deg,#0c0c0c,#0000);right:0}.marquee-inner{width:max-content;animation:32s linear infinite marqueeScroll;display:flex}.marquee-item{color:#555;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;padding:0 26px;font-size:10px;font-weight:700;transition:color .2s;display:inline-flex}.marquee-item:hover{color:#ff9f43}.marquee-dot{background:#ff7a00;border-radius:50%;flex-shrink:0;width:4px;height:4px}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.showcase-section{padding:120px 0 100px}.showcase-heading{letter-spacing:-.078em;margin:10px 0 0;font-size:clamp(38px,4.6vw,64px);line-height:.95}.showcase-heading em{color:var(--orange);font-family:var(--serif);font-weight:500}.single-showcase-card{background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid #ffffff14;border-radius:24px;grid-template-columns:1fr 1.1fr;margin-top:52px;transition:border-color .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000080,inset 0 1px #ffffff0d}.single-showcase-card:hover{border-color:#ff7a0040;box-shadow:0 32px 90px #0009,0 0 32px #ff7a0008}.single-showcase-visual{background-color:#080808;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-right:1px solid #ffffff12;justify-content:center;align-items:center;min-height:360px;padding:32px;display:flex;position:relative}.preview-mini-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:320px;display:grid}.mini-preview-box{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:140px;transition:border-color .25s,background .25s,transform .25s;display:flex;position:relative;overflow:hidden}.mini-preview-box:hover{background:#ffffff0a;border-color:#ffffff24;transform:scale(1.03)}.mini-preview-box small{color:#555;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:8px;transition:color .25s}.mini-preview-box:hover small{color:#aaa}.mini-preview-box .loader-orbit{transform:scale(.7)}.mini-preview-box .three-d-loader{--component-size:38px;transform:scale(.78)}.mini-preview-box .navbar-artwork{--navbar-height:22px;--navbar-width:110px;transform:scale(.78)}.mini-preview-box .loader-pulse-grid{transform:scale(.65)}.single-showcase-content{flex-direction:column;justify-content:center;padding:52px clamp(24px,5vw,64px);display:flex}.single-showcase-title{color:#f8f7f5;letter-spacing:-.05em;margin:12px 0 16px;font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.1}.single-showcase-desc{color:#888;margin:0 0 28px;font-size:14px;line-height:1.68}.single-showcase-tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.single-showcase-btn{width:max-content}@media (max-width:920px){.single-showcase-card{border-radius:18px;grid-template-columns:1fr}.single-showcase-visual{border-bottom:1px solid #ffffff12;border-right:none;min-height:300px;padding:24px}.single-showcase-content{padding:40px 24px}}.stats-section{background:#080808;border-block:1px solid #ffffff12;padding:88px 0}.stats-grid{background:#ffffff12;border:1px solid #ffffff12;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat-item{text-align:center;animation:.7s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--stat-index) * .13s);background:#080808;padding:52px 40px;transition:background .3s}.stat-item:hover{background:#0f0f0f}.stat-number{color:#f8f7f5;letter-spacing:-.082em;font-variant-numeric:tabular-nums;margin-bottom:12px;font-size:clamp(40px,4.8vw,62px);font-weight:750;line-height:1;display:block}.stat-label{color:#555;letter-spacing:.05em;font-size:11px;font-weight:600;display:block}.features-section{padding:120px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.features-grid.six-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:1020px){.features-grid.six-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.features-grid.six-grid{grid-template-columns:1fr}}.feature-card{animation-delay:calc(var(--feature-delay) * .12s);background:#0e0e0e;border:1px solid #ffffff14;border-radius:18px;padding:38px;transition:border-color .3s,transform .35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.feature-glow-bg{background:radial-gradient(circle at 0% 0%,var(--feature-bg,#ff7a001a),transparent 60%);pointer-events:none;position:absolute;inset:0}.feature-card:hover{border-color:#ffffff2e;transform:translateY(-5px)}.feature-icon{border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:26px;display:flex;position:relative}.feature-title{color:#f8f7f5;letter-spacing:-.045em;margin:0 0 13px;font-size:21px;font-weight:760;position:relative}.feature-desc{color:#888;margin:0;font-size:13px;line-height:1.72;position:relative}.footer-cta-section{text-align:center;background:radial-gradient(at 50% 0,#ff7a0033,#0000 58%),radial-gradient(at 80% 100%,#b99cff14,#0000 50%),#070707;border-top:1px solid #ffffff14;padding:130px 0}.footer-cta-inner{max-width:640px;margin:0 auto}.footer-cta-heading{letter-spacing:-.086em;margin:16px 0 22px;font-size:clamp(44px,5.2vw,76px);font-weight:720;line-height:.94}.footer-cta-heading em{color:var(--orange);font-family:var(--serif);font-weight:500}.footer-cta-sub{color:#888;margin:0 0 38px;font-size:15px;line-height:1.68}.footer-cta-buttons{justify-content:center;gap:12px;display:flex}@media (max-width:1020px){.showcase-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.showcase-section{padding:80px 0 60px}.showcase-grid{grid-template-columns:1fr;gap:12px}.showcase-card:hover{transform:translateY(-4px)scale(1.005)}.stats-section{padding:64px 0}.stats-grid{border-radius:14px}.stat-item{padding:36px 24px}.stat-number{font-size:clamp(36px,10vw,52px)}.features-grid{grid-template-columns:1fr}.features-section{padding:80px 0}.footer-cta-section{padding:88px 0}.footer-cta-buttons{flex-direction:column;align-items:center}.footer-cta-heading{font-size:clamp(38px,12vw,60px)}.hero-headline{font-size:clamp(40px,11.5vw,68px)}.hero-orb-1{filter:blur(70px);width:380px;height:380px;top:-120px;left:-100px}.hero-orb-2{filter:blur(70px);width:300px;height:300px;right:-80px}.hero-orb-3{display:none}}@media (max-width:460px){.stats-grid{grid-template-columns:1fr 1fr}.stat-item{padding:28px 18px}.stat-number{font-size:36px}}body{font-feature-settings:"ss01" 1,"ss02" 1;letter-spacing:-.01em}.brand{font-family:var(--sans);letter-spacing:-.06em;font-weight:700}h1,h2,h3,h4{font-family:var(--sans);font-feature-settings:"ss01" 1}.hero-headline{letter-spacing:-.065em;font-weight:700}.hero-line-accent{font-family:var(--sans);letter-spacing:-.065em;font-weight:700}.hero-headline em,.showcase-heading em,.footer-cta-heading em,.section-heading h2 em{font-family:var(--serif);letter-spacing:-.01em;font-style:italic;font-weight:600}.showcase-heading{letter-spacing:-.06em;font-weight:700}.footer-cta-heading{letter-spacing:-.065em;font-weight:700}.section-heading h2{letter-spacing:-.06em;font-weight:700}.showcase-card-title,.feature-title{font-family:var(--sans);letter-spacing:-.03em;font-weight:700}.stat-number{font-family:var(--sans);letter-spacing:-.07em;font-weight:700}.eyebrow{font-family:var(--sans);letter-spacing:.14em;font-size:10px;font-weight:700}.showcase-card-tagline{font-family:var(--sans);letter-spacing:.12em;font-weight:700}.button{font-family:var(--sans);letter-spacing:-.01em;font-weight:600}.header-cta{font-weight:600}code,.component-preview-caption>span,.studio-label,.component-number,.resource-content p,.admin-identity b,.admin-identity small{font-family:var(--mono)}.resource-content p{font-family:var(--mono);letter-spacing:.08em}.featured-resource-content h2{font-family:var(--sans);letter-spacing:-.065em;font-weight:700}.admin-header h1,.account-hero h1{font-family:var(--sans);letter-spacing:-.06em;font-weight:700}.auth-aside h1{font-family:var(--sans);letter-spacing:-.072em;font-weight:700}.cpt-section{background:#080808;border-block:1px solid #ffffff12;padding:120px 0}.cpt-tabs{flex-wrap:wrap;gap:8px;margin-top:52px;margin-bottom:40px;display:flex}.cpt-tab{color:#888;cursor:pointer;font-family:var(--sans);background:#ffffff0a;border:1px solid #ffffff17;border-radius:99px;align-items:center;gap:7px;padding:9px 18px;font-size:12px;font-weight:600;transition:background .25s,border-color .25s,color .25s,box-shadow .25s;display:inline-flex}.cpt-tab:hover{color:#ddd;background:#ffffff14;border-color:#fff3}.cpt-tab.active{border-color:var(--tab-color,#ff7a00);color:#f8f7f5;background:#ffffff14;box-shadow:0 0 18px #ff7a001f}.cpt-tab-icon{font-size:14px;line-height:1}.cpt-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cpt-card{background:#0f0f0f;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .3s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:flex;overflow:hidden}.cpt-card:hover{border-color:var(--tab-color,#ffffff40);box-shadow:0 16px 48px #0006,0 0 0 1px var(--tab-color,#ffffff1f);transform:translateY(-6px)}.cpt-card-preview{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;flex-shrink:0;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.cpt-card-preview:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff7a0017,#0000 65%);position:absolute;inset:0}.cpt-thumb{--component-size:48px;--navbar-height:36px;--navbar-width:200px;transform-origin:50%;transform:scale(.85)}.cpt-card:hover .cpt-thumb{transform:scale(.9)}.component-footer .cpt-thumb,.component-hero .cpt-thumb{transform-origin:top;transform:scale(.52)}.cpt-card:hover .component-footer .cpt-thumb,.cpt-card:hover .component-hero .cpt-thumb{transform:scale(.56)}.cpt-card-info{border-top:1px solid #ffffff12;padding:14px 16px}.cpt-card-label{color:#777;letter-spacing:.1em;text-transform:uppercase;background:#ffffff0f;border-radius:99px;padding:3px 8px;font-size:8px;font-weight:700}.cpt-card-name{color:#f8f7f5;letter-spacing:-.02em;margin:8px 0 4px;font-size:13px;font-weight:700}.cpt-card-desc{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.cpt-card-all{cursor:pointer;background:linear-gradient(140deg,#ff7a0017,#ff7a0008);border-color:#ff7a0040;justify-content:center;align-items:center;min-height:240px}.cpt-card-all:hover{background:linear-gradient(140deg,#ff7a0026,#ff7a0012);border-color:#ff7a008c}.cpt-card-all-inner{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px;display:flex}.cpt-all-count{color:#ff9f43;letter-spacing:-.08em;font-size:clamp(36px,5vw,54px);font-weight:700;line-height:1;display:block}.cpt-card-all-inner p{color:#888;margin:0;font-size:12px}.cpt-all-cta{color:#ff9f43;background:#ff7a0024;border:1px solid #ff7a0059;border-radius:99px;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;font-size:11px;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.cpt-card-all:hover .cpt-all-cta{background:#ff7a0040;border-color:#ff7a0099}@media (max-width:1100px){.cpt-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.cpt-section{padding:80px 0}.cpt-grid{grid-template-columns:repeat(2,1fr)}.cpt-tabs{gap:6px}.cpt-tab{padding:7px 13px;font-size:11px}}@media (max-width:480px){.cpt-grid{grid-template-columns:1fr 1fr}.cpt-card-preview{height:130px}}.preloader-overlay{z-index:99999;pointer-events:all;background:radial-gradient(720px 480px at 50% 40%,#ff7a0012,#0000 60%),#060606;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader-overlay.is-closing{animation:.28s cubic-bezier(.4,0,.2,1) forwards preloaderFadeOut}.preloader-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:640px;display:flex}.preloader-video{width:100%;max-width:min(92vw,640px)}.preloader-caption{color:#666;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:4px 0 0;font-size:10px;animation:.6s .3s both preloaderCaptionIn}.preloader-skip{color:#555;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;margin-top:26px;padding:6px 10px;font-size:11px;font-weight:650;transition:color .2s,opacity .4s}.preloader-skip.is-visible{opacity:1;pointer-events:auto}.preloader-skip:hover{color:#ffad68}@keyframes preloaderFadeOut{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes preloaderCaptionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.preloader-overlay.is-closing{animation-duration:.01ms!important}}.input-artwork{text-align:left;width:100%;max-width:280px;font-family:var(--sans);flex-direction:column;margin:0 auto;display:flex;position:relative}.input-artwork input{color:#fff;box-sizing:border-box;background:0 0;border:none;border-radius:6px;outline:none;width:100%;height:44px;padding:0 12px;font-size:13px}.input-wrapper{width:100%;position:relative}.input-1 input{border:1px solid #ffffff14;transition:border-color .2s}.input-1.is-focused input{border-color:var(--component-color)}.input-2 input{border:1px solid #ffffff1a;transition:border-color .25s,box-shadow .25s}.input-2.is-focused input{border-color:var(--component-color);box-shadow:0 0 16px #ff7a0026}.input-3 input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0f;transition:border-color .2s,background .2s;box-shadow:inset 0 1px #ffffff0d}.input-3.is-focused input{background:#ffffff0a;border-color:#fff3}.input-4 input{border-bottom:1px solid #ffffff1a;border-radius:0;transition:border-color .2s}.input-4:after{content:"";background:linear-gradient(90deg,transparent,var(--component-color),transparent);height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.input-4.is-focused:after{transform:scaleX(1)}.input-5 input{background:#ffffff03;border:1px solid #ffffff14;border-radius:99px;transition:box-shadow .25s,border-color .25s;box-shadow:0 4px 12px #0000004d}.input-5.is-focused input{border-color:#ffffff26;box-shadow:0 6px 20px #00000080}.input-6 input{border-bottom:1px solid #ffffff1a;border-radius:0}.input-6:after{content:"";background:var(--component-color);width:0;height:2px;box-shadow:0 0 6px var(--component-color);transition:width .25s,left .25s;position:absolute;bottom:0;left:50%}.input-6.is-focused:after{width:100%;left:0}.input-7{padding-top:14px}.input-7 label{color:#555;pointer-events:none;font-size:12px;transition:transform .2s,color .2s;position:absolute;top:28px;left:12px}.input-7 input{border:1px solid #ffffff14}.input-7.is-focused label,.input-7.has-val label{color:var(--component-color);transform:translateY(-22px)scale(.85)}.input-7.is-focused input{border-color:var(--component-color)}.input-8 input{font-family:var(--mono);color:#4dd481;background:#0000004d;border:1px solid #ffffff1f;border-radius:4px}.input-8.is-focused input{border-color:#4dd481}.input-9{flex-direction:row;align-items:center}.input-badge{color:#888;background:#ffffff0d;border:1px solid #ffffff14;border-right:none;border-radius:6px 0 0 6px;height:44px;padding:0 12px;font-size:10px;font-weight:700;line-height:42px}.input-9 input{border:1px solid #ffffff14;border-radius:0 6px 6px 0;transition:border-color .2s}.input-9.is-focused input{border-color:var(--component-color)}.input-10{flex-direction:row;align-items:center}.input-prompt{color:var(--component-color);font-family:var(--mono);margin-right:8px;font-size:14px;font-weight:700}.input-10 input{border-bottom:1px solid #ffffff1f;border-radius:0}.input-11 input{color:#000;background:#fff;border:2px solid #000;border-radius:4px;font-weight:700}.input-11.is-focused input{box-shadow:4px 4px #ff7a00}.input-12 input{border:1px solid #ff7a0033;border-radius:99px;transition:box-shadow .2s;box-shadow:inset 0 0 10px #ff7a0014}.input-12.is-focused input{box-shadow:0 0 20px #ff7a0040,inset 0 0 6px #ff7a000d}.input-13 input{border:2px solid #ffffff14;border-radius:8px;transition:transform .2s,border-color .2s}.input-13.is-focused input{border-color:#ffad68;transform:translate(-2px,-2px);box-shadow:4px 4px #ffad6826}.input-14 input{border:1px solid #ffffff14;transition:border-color .25s,box-shadow .25s;box-shadow:0 0 0 3px #ffffff03}.input-14.is-focused input{border-color:#b99cff;box-shadow:0 0 0 3px #b99cff26}.input-15 input{border-bottom:1px dashed #ffffff2e;border-radius:0;transition:border-color .2s}.input-15.is-focused input{border-bottom:1px solid var(--component-color)}.input-16 input{background:#0003;border:1px solid #0006;box-shadow:inset 0 3px 8px #0009}.input-17 input{background:#0a0a0a;border:1px solid #ffffff14}.input-18 input{border:1px solid #ffffff14;transition:background .25s,border-color .25s}.input-18.is-focused input{background:#ff7a0008;border-color:#ff7a0033}.input-19 input{clip-path:polygon(0 0,92% 0,100% 16%,100% 100%,0 100%);border:1px solid #ffffff14;border-radius:0}.input-20 input{font-family:var(--serif);border-bottom:1px solid #ffffff1f;border-radius:0;font-size:15px;font-style:italic}.input-21{padding-top:14px}.input-21 label{color:#555;pointer-events:none;font-size:12px;transition:all .25s cubic-bezier(.2,.8,.2,1);position:absolute;top:28px;left:12px}.input-21 input{border:1px solid #ffffff14}.input-21.is-focused label,.input-21.has-val label{color:var(--component-color);background:#080808;padding:0 6px;transform:translate(12px,-24px)scale(.85)}.input-21.is-focused input{border-color:var(--component-color)}.input-22 input{border-bottom:1px solid #ffffff14;border-radius:0}.input-22:after{content:"";background:var(--component-color);height:2px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.input-22.is-focused:after{transform:scaleX(1)}.input-23 input{z-index:2;border:1px solid #ffffff14;position:relative}.input-23:after{content:"";pointer-events:none;z-index:1;border:1px solid #0000;border-radius:6px;transition:border-color .25s;position:absolute;inset:-1px}.input-23.is-focused:after{border-color:var(--component-color);box-shadow:0 0 10px var(--component-color);animation:1.5s linear infinite borderDraw}@keyframes borderDraw{0%,to{opacity:.8}50%{opacity:1}}.input-24.is-focused input{border-color:#ff78b3;animation:.4s ease-in-out inputShake;box-shadow:0 0 12px #ff78b333}@keyframes inputShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.input-25 input{border:1px solid #ffffff14;border-radius:99px;transition:border-color .25s,background .25s}.input-25.is-focused input{border-color:var(--component-color);background:#ffffff08}.input-26 input{border:1px solid #ffffff14;padding-left:14px;transition:padding-left .3s cubic-bezier(.2,.8,.2,1)}.input-slide-icon{opacity:0;pointer-events:none;font-size:14px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:14px;left:-20px}.input-26.is-focused input{padding-left:36px}.input-26.is-focused .input-slide-icon{opacity:1;left:14px}.input-27 input{background:linear-gradient(90deg,#ffffff08 30%,#ffffff14 50%,#ffffff08 70%) 0 0/200% 100%;border:1px solid #ffffff14;animation:2.5s linear infinite shimmerText}.input-28 input{z-index:2;border:1px solid #ffffff14;position:relative}.input-ripple{pointer-events:none;z-index:1;background:#ffffff1a;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.input-28.is-focused .input-ripple{animation:.5s ease-out inputRippleEffect}@keyframes inputRippleEffect{to{opacity:0;transform:translate(-50%,-50%)scale(22)}}.input-29{perspective:800px}.input-29 .input-wrapper{transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.input-29 input{background:#0d0d0d;border:1px solid #ffffff14}.input-29.is-focused .input-wrapper{transform:rotateX(12deg)translateY(-2px)}.input-30 input{border:1px solid #ffffff14;transition:border-color .3s,box-shadow .3s}.input-30.is-focused input{background:radial-gradient(circle at 10% 20%,#ff7a0014,#0000 50%),radial-gradient(circle at 80% 80%,#b99cff14,#0000 50%),#080808;border-color:#0000;box-shadow:0 0 0 1px #ff7a00,0 0 16px #ff7a0026}.sidebar-tab-segment{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;margin-bottom:12px;padding:2px;display:flex}.sidebar-tab-segment button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:6px 0;font-size:11px;font-weight:600;transition:all .2s}.sidebar-tab-segment button.active{color:#fff;background:#ffffff14}.tab-sidebar-description{background:#ffffff03;border:1px solid #ffffff0a;border-radius:8px;margin-top:14px;padding:16px 12px}.tab-sidebar-description h4{letter-spacing:-.02em;color:#fff;margin:4px 0 8px;font-size:14px}.tab-sidebar-description p{color:#666;font-size:11px;line-height:1.5}.palettes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:24px;display:grid}.palette-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .25s;display:flex}.palette-card:hover{background:#ffffff08;border-color:#ffffff1f;transform:translateY(-3px)}.palette-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.palette-card-header h4{color:#fff;margin:0;font-size:13px;font-weight:700}.palette-category{color:#888;text-transform:uppercase;font-size:9px;font-family:var(--mono);background:#ffffff0d;border-radius:4px;padding:2px 6px}.palette-nodes{justify-content:space-between;gap:8px;margin-bottom:16px;display:flex}.palette-node-wrapper{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.palette-color-node{cursor:pointer;border:1px solid #ffffff1a;border-radius:50%;width:28px;height:28px;transition:transform .2s}.palette-color-node:hover{transform:scale(1.15)}.palette-hex-label{font-size:8px;font-family:var(--mono);color:#555}.color-picker-overlay{z-index:10;background:#141414;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.color-picker-overlay input[type=color]{cursor:pointer;background:0 0;border:none;width:32px;height:32px}.picker-close-btn{background:var(--component-color,#ff7a00);color:#111;cursor:pointer;border:none;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700}.palette-card-actions{border-top:1px solid #ffffff0d;gap:8px;padding-top:12px;display:flex}.palette-action-btn{color:#aaa;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;flex:1;padding:6px 0;font-size:10px;font-weight:600;transition:all .2s}.palette-action-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f}.custom-palette-studio{background:linear-gradient(165deg,#ff7a0017,#b99cff0d 55%,#0000),#0d0d0d;border:1px solid #ffffff1f;border-radius:20px;margin:24px 0 40px;padding:26px 28px 28px;position:relative;overflow:hidden}.custom-palette-studio:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ff7a0029,#0000 70%);width:300px;height:300px;position:absolute;top:-120px;right:-100px}.cps-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:relative}.cps-header h3{letter-spacing:-.05em;margin:8px 0 0;font-size:24px}.cps-header-actions{flex:none;gap:8px;display:flex}.cps-header-actions .button{min-height:36px;padding:0 14px;font-size:12px}.cps-body{z-index:1;grid-template-columns:minmax(0,1fr) 260px;gap:30px;margin-top:22px;display:grid;position:relative}.cps-name-field{margin-bottom:18px;display:block}.cps-name-field span{color:#b5b5b5;margin-bottom:7px;font-size:11px;font-weight:750;display:block}.cps-name-field input{color:#f8f7f5;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;outline:0;width:100%;height:42px;padding:0 13px;font-size:14px;font-weight:700;transition:border-color .2s,box-shadow .2s}.cps-name-field input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff7a0024}.cps-swatches{flex-wrap:wrap;gap:10px;display:flex}.cps-swatch{cursor:pointer;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;width:64px;height:76px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000059,inset 0 0 0 1px #ffffff24}.cps-swatch:hover{transform:translateY(-3px)}.cps-swatch input[type=color]{cursor:pointer;opacity:0;width:150%;height:150%;position:absolute;top:-25%;left:-25%}.cps-swatch-hex{color:#fff;font-family:var(--mono);text-align:center;background:#0000008c;width:100%;padding:4px 0;font-size:8px}.cps-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.cps-actions .palette-action-btn{flex:none;padding:9px 15px}.cps-add-btn{min-height:38px;margin-left:auto;padding:0 16px}.cps-preview{position:relative}.cps-preview .palette-ui-mockup{margin-bottom:0}@media (max-width:760px){.cps-body{grid-template-columns:1fr}.cps-preview{max-width:320px}.cps-add-btn{width:100%;margin-left:0}.custom-palette-studio{padding:22px 20px 24px}.cps-header{flex-direction:column}.cps-header-actions{width:100%}.cps-header-actions .button{flex:1}}.fonts-customizer-bar{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:20px;margin-top:24px;padding:16px 20px;display:flex}.font-text-input{flex-direction:column;flex:2;gap:6px;display:flex}.font-text-input span,.font-size-slider span{text-transform:uppercase;color:#666;letter-spacing:.05em;font-size:10px;font-weight:700}.font-text-input input{color:#fff;background:#0003;border:1px solid #ffffff14;border-radius:6px;outline:none;height:38px;padding:0 12px;font-size:13px;transition:border-color .2s}.font-text-input input:focus{border-color:#fff3}.font-size-slider{flex-direction:column;flex:1;gap:6px;display:flex}.font-size-slider input{width:100%}.fonts-list{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}.font-family-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:20px;transition:all .2s}.font-family-card:hover{background:#ffffff08;border-color:#ffffff1f}.font-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;display:flex}.font-card-header h4{color:#fff;margin:0 0 2px;font-size:15px;font-weight:700}.font-designer{color:#555;font-size:10px}.font-category-badge{color:#888;font-size:9px;font-family:var(--mono);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:2px 8px}.font-preview-render-block{color:#fff;align-items:center;min-height:80px;padding:8px 0;display:flex;overflow:hidden}.font-preview-render-block p{white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;overflow:hidden}.font-card-actions{border-top:1px solid #ffffff0d;gap:8px;margin-top:14px;padding-top:12px;display:flex}.font-action-btn{color:#aaa;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:600;transition:all .2s}.font-action-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f}.designing-sidebar-link{color:#ffd0a6;background:linear-gradient(90deg,#ff7a0024,#ff7a0008);border:1px solid #ff7a0040;border-radius:8px;align-items:center;gap:8px;width:max-content;margin:14px 9px 0;padding:10px 11px;font-size:11px;font-weight:750;transition:border-color .2s,color .2s,transform .2s;display:flex}.designing-sidebar-link:hover{color:#fff;border-color:#ffad68;transform:translate(-2px)}.palette-ui-mockup{border:1px solid #ffffff14;border-radius:10px;margin-bottom:14px;overflow:hidden}.palette-ui-mockup-nav{border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:8px 10px;display:flex}.palette-ui-mockup-dot{border-radius:50%;width:6px;height:6px}.palette-ui-mockup-nav b{letter-spacing:.04em;text-transform:uppercase;margin-left:4px;font-size:9px;font-weight:800}.palette-ui-mockup-body{flex-direction:column;gap:6px;padding:14px 12px 16px;display:flex}.palette-ui-mockup-heading{letter-spacing:-.02em;margin:0;font-size:13px;font-weight:800}.palette-ui-mockup-copy{max-width:92%;margin:0 0 8px;font-size:9.5px;line-height:1.5}.palette-ui-mockup-button{pointer-events:none;border:0;border-radius:99px;align-self:flex-start;padding:6px 12px;font-size:9px;font-weight:750}.font-ui-mockup{padding:6px 0 8px}.font-ui-mockup-eyebrow{color:#ff9f43;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.font-ui-mockup-headline{color:#fff;letter-spacing:-.02em;margin:0 0 10px;line-height:1.15}.font-ui-mockup-paragraph{color:#999;max-width:560px;margin:0 0 14px;line-height:1.6}.font-ui-mockup-button{color:#eee;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;padding:8px 16px;font-size:11px;font-weight:700;display:inline-flex}@media (max-width:640px){.palette-ui-mockup-copy,.font-ui-mockup-paragraph{max-width:100%}}.designing-section-nav{flex-direction:column;gap:8px;margin:0 9px 4px;display:flex}.designing-section-card{color:#cfcfcf;cursor:pointer;text-align:left;background:#151515;border:1px solid #ffffff14;border-left:3px solid #0000;border-radius:10px;align-items:center;gap:11px;width:100%;padding:12px;transition:border-color .22s,background .22s,transform .22s;display:flex}.designing-section-card:hover{background:#1b1b1b;border-color:#ffffff29;transform:translate(2px)}.designing-section-icon{color:#9a9a9a;background:#ffffff0d;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:background .22s,color .22s;display:flex}.designing-section-body{min-width:0}.designing-section-title{color:#f2f2f2;letter-spacing:-.01em;align-items:center;gap:8px;font-size:13px;font-weight:780;display:flex}.designing-section-title b{color:#c6c6c6;background:#262626;border-radius:99px;padding:2px 7px;font-size:9px;font-weight:800}.designing-section-card small{color:#7c7c7c;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;line-height:1.45;display:block;overflow:hidden}.designing-section-card.is-active{border-color:#ff7a004d;border-left-color:var(--orange);background:linear-gradient(90deg,#ff7a0029,#ff7a000a)}.designing-section-card.is-active .designing-section-icon{color:#ffad68;background:#ff7a0029}.designing-section-card.is-active .designing-section-title{color:#fff}.designing-section-card.is-active .designing-section-title b{color:#ffca9c;background:#ff7a0038}.designing-section-card.is-active small{color:#d8ad88}.designing-section-nav+.component-search{margin-top:14px}.palette-ui-mockup{position:relative}.palette-mockup-expand{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f4f4f4;cursor:pointer;opacity:0;z-index:3;background:#0a0a0a9e;border:1px solid #fff3;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .2s,transform .2s,background .2s;display:flex;position:absolute;top:8px;right:8px}.palette-card:hover .palette-mockup-expand,.palette-mockup-expand:focus-visible{opacity:1}.palette-mockup-expand:hover{background:var(--orange);border-color:var(--orange);color:#131313;transform:scale(1.08)}.preview-lightbox-canvas .palette-fullscreen-mockup{z-index:1}.palette-fullscreen-mockup{border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:min(100%,1040px);max-height:100%;display:flex;overflow:auto;box-shadow:0 34px 90px #00000080}.palette-fs-nav{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(18px,3vw,34px);display:flex}.palette-fs-nav b{letter-spacing:-.03em;font-size:17px;font-weight:850}.palette-fs-nav-links{flex:1;justify-content:center;gap:22px;font-size:13px;font-weight:600;display:flex}.palette-fs-nav button{cursor:default;border:0;border-radius:99px;padding:9px 18px;font-size:12px;font-weight:750}.palette-fs-hero{padding:clamp(30px,5vw,64px) clamp(18px,3vw,44px) clamp(24px,3vw,40px)}.palette-fs-eyebrow{letter-spacing:.16em;margin-bottom:14px;font-size:11px;font-weight:800;display:block}.palette-fs-hero h3{letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(34px,5vw,58px);font-weight:850;line-height:.98}.palette-fs-hero p{max-width:640px;margin:0 0 26px;font-size:clamp(13px,1.4vw,16px);line-height:1.65}.palette-fs-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.palette-fs-hero-actions button{cursor:default;border:0;border-radius:10px;padding:13px 24px;font-size:14px;font-weight:780}.palette-fs-hero-actions .palette-fs-ghost{background:0 0;border:1px solid}.palette-fs-cards{grid-template-columns:repeat(3,1fr);gap:14px;padding:0 clamp(18px,3vw,44px) clamp(24px,3vw,40px);display:grid}.palette-fs-card{border:1px solid #ffffff14;border-radius:14px;padding:20px}.palette-fs-card-tag{font-family:var(--mono);border-radius:7px;margin-bottom:14px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-block}.palette-fs-card b{letter-spacing:-.02em;margin-bottom:7px;font-size:16px;font-weight:800;display:block}.palette-fs-card small{font-size:12px;line-height:1.55;display:block}.palette-fs-swatches{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:18px;padding:22px clamp(18px,3vw,44px) clamp(26px,3vw,40px);display:flex}.palette-fs-swatch{flex-direction:column;align-items:center;gap:8px;display:flex}.palette-fs-swatch span{border:1px solid #ffffff24;border-radius:10px;width:46px;height:46px;display:block}.palette-fs-swatch code{font-family:var(--mono);letter-spacing:.02em;font-size:10px}@media (max-width:760px){.palette-fs-nav-links{display:none}.palette-fs-cards{grid-template-columns:1fr}}.stats-tokens-note{color:#9a9a9a;text-align:center;margin:22px auto 0;font-size:14px}.stats-tokens-note strong{color:#fff;font-weight:800}.stats-tokens-note a{color:var(--orange);align-items:center;gap:5px;font-weight:750;display:inline-flex}.stats-tokens-note a:hover{color:#ffad68}@keyframes riseIn{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;translate:none!important}.reveal.in-view{animation:none!important}}.scroll-progress{z-index:100000;transform-origin:0;will-change:transform;pointer-events:none;background:linear-gradient(90deg,#ff7a00,#ffad68,#b99cff);height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 12px #ff7a0080}@media (prefers-reduced-motion:reduce){.scroll-progress{transition:none}}html{scrollbar-width:thin;scrollbar-color:#ff7a008c #ffffff0a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:99px;transition:background .25s}::-webkit-scrollbar-thumb:hover{background:var(--orange);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}.dts-section{background:#0a0a0a;border-block:1px solid #ffffff12;padding:120px 0}.dts-badges{flex-wrap:wrap;gap:14px;margin-top:48px;display:flex}.dts-badge{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:16px 22px;display:flex}.dts-badge-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dts-badge-colors{color:#ff9f43;background:#ff7a001f}.dts-badge-fonts{color:#b99cff;background:#b99cff1f}.dts-badge strong{color:#f8f7f5;letter-spacing:-.06em;font-size:30px;font-weight:750;line-height:1;display:block}.dts-badge span{color:#777;letter-spacing:.04em;margin-top:4px;font-size:11px;font-weight:600;display:block}.dts-tabs{flex-wrap:wrap;gap:8px;margin-top:34px;margin-bottom:36px;display:flex}.dts-tab{color:#888;cursor:pointer;font-family:var(--sans);background:#ffffff0a;border:1px solid #ffffff17;border-radius:99px;align-items:center;gap:8px;padding:9px 20px;font-size:12px;font-weight:600;transition:background .25s,border-color .25s,color .25s,box-shadow .25s;display:inline-flex}.dts-tab:hover{color:#ddd;background:#ffffff14;border-color:#fff3}.dts-tab.active{border-color:var(--tab-color,#ff7a00);color:#f8f7f5;background:#ffffff14;box-shadow:0 0 18px #ff7a001f}.dts-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dts-card{background:#0f0f0f;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;padding:16px;transition:border-color .3s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:flex;overflow:hidden}.dts-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 16px 48px #0006}.dts-font-card{background:#0e0e0e}.dts-card .palette-ui-mockup{margin-bottom:0}.dts-card .font-ui-mockup{flex:1;padding:6px 6px 4px}.dts-card-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.dts-card-foot b{color:#f8f7f5;letter-spacing:-.02em;font-size:14px;font-weight:700}.dts-card-cat{color:#888;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border-radius:99px;padding:4px 9px;font-size:9px;font-weight:700}.dts-card-all{cursor:pointer;background:linear-gradient(140deg,#ff7a0017,#ff7a0008);border-color:#ff7a0040;justify-content:center;align-items:center;min-height:220px;text-decoration:none}.dts-card-all:hover{background:linear-gradient(140deg,#ff7a0026,#ff7a0012);border-color:#ff7a008c;transform:translateY(-5px)}.dts-card-all-inner{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.dts-all-count{color:#ff9f43;letter-spacing:-.08em;font-size:clamp(34px,4.5vw,50px);font-weight:700;line-height:1;display:block}.dts-card-all-inner p{color:#888;margin:0;font-size:12px}.dts-all-cta{color:#ff9f43;background:#ff7a0024;border:1px solid #ff7a0059;border-radius:99px;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;font-size:11px;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.dts-card-all:hover .dts-all-cta{background:#ff7a0040;border-color:#ff7a0099}.dts-cta{justify-content:center;margin-top:44px;display:flex}@media (max-width:900px){.dts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.dts-section{padding:80px 0}.dts-badge strong{font-size:26px}}@media (max-width:520px){.dts-grid{grid-template-columns:1fr}.dts-badges{gap:10px}.dts-badge{flex:1;min-width:0;padding:14px 16px}}.active-now-chip{color:#8fe0ab;cursor:default;white-space:nowrap;background:#4dd4811a;border:1px solid #4dd4814d;border-radius:99px;align-items:center;gap:7px;padding:6px 12px;font-size:10px;font-weight:750;display:flex}.active-now-dot{background:#4dd481;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite active-pulse;box-shadow:0 0 0 3px #4dd48133}@keyframes active-pulse{50%{opacity:.4;transform:scale(.8)}}.profile-menu{position:relative}.profile-trigger{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;overflow:hidden}.profile-trigger:hover{border-color:#ff7a0080}.profile-trigger img{object-fit:cover;width:100%;height:100%}.profile-trigger span{background:var(--orange);color:#171717;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;font-weight:800;display:flex}.profile-dropdown{z-index:40;background:#161616;border:1px solid #ffffff21;border-radius:12px;min-width:216px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 24px 55px #0000008c}.profile-dropdown-head{border-bottom:1px solid #ffffff17;padding:14px 16px}.profile-dropdown-head b{color:#f8f7f5;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.profile-dropdown-head span{color:#8c8c8a;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;display:block;overflow:hidden}.profile-dropdown a,.profile-dropdown button{color:#dcdcda;text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;padding:11px 16px;font-size:12px;font-weight:650;display:flex}.profile-dropdown a:hover,.profile-dropdown button:hover{color:#fff;background:#ffffff12}.profile-dropdown button{color:#ffab8c}.profile-dropdown button:hover{color:#ffb89e}.library-group{margin-bottom:28px}.library-group-title{color:#8b8f89;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:800;display:flex}.library-group-title span{color:#aaa;background:#ffffff14;border-radius:99px;padding:3px 7px;font-size:9px}.library-table{color:#f8f7f5;background:#141414;border:1px solid #ffffff1f}.library-table article{border-top:1px solid #ffffff1a;grid-template-columns:60px minmax(180px,1fr) 130px 96px 112px;align-items:center;gap:14px;padding:11px 16px;display:grid}.library-table article:first-child{border-top:0}.library-table article.is-hidden{background:#ffffff04}.library-table article.is-hidden .resource-row-main b{color:#c7c7c5}.library-thumb{background:#0a0a0a;border:1px solid #ffffff14;border-radius:9px;justify-content:center;align-items:center;width:60px;height:44px;display:flex;overflow:hidden}.visibility-toggle{white-space:nowrap;min-height:33px;padding:0 12px;font-size:10px}.active-user-list{margin-top:14px}.active-user-row{border-top:1px solid #ffffff1a;align-items:center;gap:11px;padding:11px 0;display:flex}.active-user-row:first-child{border-top:0}.active-user-avatar{color:#211006;background:linear-gradient(140deg,#ffae66,#d85b00);border-radius:7px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:flex;overflow:hidden}.active-user-avatar img{width:100%;height:100%}.active-user-row b{color:#f8f7f5;font-size:11px;display:block}.active-user-row small{color:#8f8f8f;margin-top:2px;font-size:9px;display:block}.active-user-row .active-dot{background:#4dd481;border-radius:50%;flex:none;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 3px #4dd4812e}.love-button{color:#c8c8c6;background:#ffffff0f;border:1px solid #ffffff21;border-radius:99px;flex:none;width:36px;height:36px}.love-button:hover{color:#ffab6c;border-color:#ff7a0073}.love-button.is-loved{color:#ff9f43;background:#ff7a0029;border-color:#ff7a008c}.output-locked{text-align:center;background:radial-gradient(circle at 50% 0,#ff7a0012,#0000 60%);flex-direction:column;align-items:center;gap:7px;padding:48px 24px;display:flex}.output-locked-icon{color:#ffab6c;background:#ff7a0024;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.output-locked b{color:#f8f7f5;font-size:14px}.output-locked p{color:#9a9a9a;max-width:340px;margin:0;font-size:11px;line-height:1.6}.output-locked .button{margin-top:10px}.loved-grid{border-top:1px solid #ffffff1a}.loved-item{border-bottom:1px solid #ffffff1a;align-items:center;gap:16px;padding:16px 0;display:flex}.loved-item-thumb{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:10px;flex:none;justify-content:center;align-items:center;width:84px;height:58px;display:flex;overflow:hidden}.loved-item-main{flex:1;min-width:0}.loved-item-type{color:#ff9f43;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.loved-item h3{color:#f8f7f5;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:16px;overflow:hidden}.loved-item-desc{color:#999;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.loved-item-actions{flex:none;align-items:center;gap:8px;display:flex}.loved-item-actions a,.loved-item-actions button{color:#ddd;background:#ffffff0a;border:1px solid #ffffff24;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.loved-item-actions button{color:#ff9f43}.loved-item-actions a:hover,.loved-item-actions button:hover{background:#ffffff14;border-color:#ffffff47}@media (max-width:760px){.library-table article{grid-template-columns:44px minmax(0,1fr) 78px;gap:10px;padding:10px 12px}.library-table .category-cell,.library-table .status-badge{display:none}.library-thumb{width:44px;height:34px}.loved-item{flex-wrap:wrap}.loved-item-thumb{width:70px;height:48px}}.btn-artwork{color:#f8f7f5;cursor:pointer;font-family:var(--sans);background:#2a2a2a;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:13px;font-weight:700;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s,border-color .22s,box-shadow .22s,color .22s;display:inline-flex;position:relative;overflow:hidden}.btn-icon{font-style:normal;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-label{z-index:1;position:relative}.btn-1{background:var(--component-color);color:#171717;border-radius:99px}.btn-1:hover{transform:translateY(-3px);box-shadow:0 12px 26px #00000059}.btn-2{background:var(--component-color);color:#171717;border-radius:3px;box-shadow:5px 5px #0006}.btn-2:hover{transform:translate(3px,3px);box-shadow:2px 2px #0006}.btn-3{background:var(--component-color);clip-path:polygon(0 0,88% 0,100% 30%,100% 100%,0 100%);color:#171717;border-radius:2px}.btn-3:hover{clip-path:polygon(0 0,94% 0,100% 15%,100% 100%,0 100%)}.btn-4{background:var(--component-color);color:#171717;transform-origin:50%;box-shadow:0 6px #00000059}.btn-4:active,.btn-4.is-active{transform:translateY(6px);box-shadow:0 0 #00000059}.btn-5{background:var(--component-color);color:#171717;transform:skew(-8deg)}.btn-5 .btn-label,.btn-5 .btn-icon{display:inline-block;transform:skew(8deg)}.btn-5:hover{transform:skew(0)}.btn-6{background:linear-gradient(115deg,var(--component-color),#ffd48a);color:#171717;background-size:180% 180%}.btn-6:hover{background-position:100% 0}.btn-7{background:linear-gradient(90deg,var(--component-color) 50%,#232323 50%);color:#171717}.btn-7:hover{background-position:-100% 0;background-size:200% 100%}.btn-8{border:1.5px solid var(--component-color);color:var(--component-color);background:0 0}.btn-8:before{content:"";background:var(--component-color);z-index:0;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translate(-101%)}.btn-8:hover{color:#171717}.btn-8:hover:before{transform:translate(0)}.btn-9{color:#ddd;background:0 0;border:1px solid #ffffff29}.btn-9:hover{background:#ffffff14;border-color:#ffffff4d}.btn-10{background:#232323;box-shadow:0 4px 14px #0000004d}.btn-10:hover{transform:translateY(-4px);box-shadow:0 14px 30px #00000080}.btn-11{color:#e6e6e6;background:0 0;border:1px solid #ffffff2e}.btn-11:hover{border-color:var(--component-color);color:var(--component-color)}.btn-12{border:2.5px solid var(--component-color);color:var(--component-color);background:0 0}.btn-12:hover{background:#ff7a0014}.btn-13{color:#f0f0f0;background:0 0;background-image:linear-gradient(#171717,#171717),linear-gradient(120deg,var(--component-color),#b99cff);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000}.btn-13:hover{background-image:linear-gradient(#171717,#171717),linear-gradient(120deg,#b99cff,var(--component-color))}.btn-14{color:#ddd;background:0 0;border:1.5px dashed #ffffff47}.btn-14:hover{border-style:solid;border-color:var(--component-color);color:var(--component-color)}.btn-15{color:#e6e6e6;background:0 0;border:1px solid #fff3;box-shadow:0 0 0 4px #ffffff0d}.btn-15:hover{border-color:var(--component-color);box-shadow:0 0 0 4px #ff7a001f}.btn-16{color:#e6e6e6;background:0 0;border:0;box-shadow:inset 0 0 0 1px #ffffff2e}.btn-16:before,.btn-16:after{content:"";border:2px solid var(--component-color);opacity:0;width:10px;height:10px;transition:all .25s;position:absolute}.btn-16:before{border-bottom:0;border-right:0;top:2px;left:2px}.btn-16:after{border-top:0;border-left:0;bottom:2px;right:2px}.btn-16:hover:before{opacity:1;top:-4px;left:-4px}.btn-16:hover:after{opacity:1;bottom:-4px;right:-4px}.btn-17{color:#e6e6e6;z-index:1;background:0 0;border:1px solid #ffffff29;position:relative}.btn-17:after{content:"";border-radius:inherit;border:1px solid var(--component-color);opacity:0;z-index:-1;position:absolute;inset:-1px}.btn-17:hover:after{opacity:1;animation:1.4s linear infinite btnBorderDraw}@keyframes btnBorderDraw{0%,to{box-shadow:0 0 8px var(--component-color)}50%{box-shadow:0 0 16px var(--component-color)}}.btn-18{color:#e6e6e6;background:0 0;border:1px solid #ffffff24}.btn-18:hover{border-color:var(--component-color);color:var(--component-color);box-shadow:0 0 22px #ff7a0047}.btn-19{color:#e6e6e6;background:0 0;border:0;border-radius:0;padding-inline:2px}.btn-19:after{content:"";background:var(--component-color);width:0;height:2px;transition:width .28s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.btn-19:hover:after{width:70%}.btn-20{color:#e6e6e6;z-index:1;background:0 0;border:1px solid #ffffff29;position:relative}.btn-20:before{content:"";background:var(--component-color);clip-path:polygon(0 100%,0 100%,0 100%);z-index:-1;transition:clip-path .32s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.btn-20:hover{color:#171717}.btn-20:hover:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.btn-21{background:var(--component-color);color:#171717}.btn-21 .btn-icon{order:2}.btn-21:hover .btn-icon{transform:translate(5px)}.btn-22{color:#e6e6e6;background:#242424;border:1px solid #ffffff24}.btn-22 .btn-icon{order:-1}.btn-22:hover .btn-icon{transform:rotate(90deg)}.btn-23{color:#e6e6e6;background:#242424;border:1px solid #ffffff24}.btn-23 .btn-icon{order:2}.btn-23:hover .btn-icon{animation:.6s btnBounce}@keyframes btnBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-5px)}55%{transform:translateY(1px)}}.btn-24{background:var(--component-color);color:#171717}.btn-24 .btn-icon{order:2}.btn-24:hover .btn-icon:before{content:"✓"}.btn-24 .btn-icon{position:relative}.btn-24:hover .btn-icon{font-size:0}.btn-24:hover .btn-icon:before{font-size:13px;font-weight:800}.btn-25{color:#e6e6e6;isolation:isolate;background:#242424;border:1px solid #ffffff24}.btn-25 .btn-icon{z-index:1;order:2;position:relative}.btn-25:before{content:"";background:var(--component-color);z-index:0;border-radius:50%;width:26px;height:26px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;right:14px;transform:translate(50%,-50%)scale(0)}.btn-25:hover:before{transform:translateY(-50%)scale(1)}.btn-25:hover .btn-icon{color:#171717}.btn-26{background:var(--component-color);color:#171717;border-radius:50%;width:46px;height:46px;padding:0}.btn-26 .btn-label{display:none}.btn-26:hover{transform:scale(1.08)rotate(8deg)}.btn-27{color:#e6e6e6;background:#242424;border:1px solid #ffffff24;border-radius:99px;padding-left:8px}.btn-27 .btn-icon{background:var(--component-color);color:#171717;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.btn-28{color:#e6e6e6;background:#242424;border:1px solid #ffffff24}.btn-28:hover,.btn-28:hover .btn-icon{transform:translateY(-3px)}.btn-29{background:var(--component-color);color:#171717}.btn-29 .btn-icon{order:2}.btn-29:before{content:"+"}.btn-29 .btn-icon{display:none}.btn-29:hover:before{content:"×"}.btn-29:before{font-size:16px;font-weight:400;transition:transform .25s;position:absolute;right:18px}.btn-29:hover:before{transform:rotate(90deg)}.btn-30{color:#e6e6e6;background:#242424;border:1px solid #ffffff24;overflow:hidden}.btn-30 .btn-icon{order:2}.btn-30:after{content:"";background:var(--component-color);opacity:.16;transform-origin:0;transition:transform .5s linear;position:absolute;inset:0;transform:scaleX(0)}.btn-30:hover:after{transform:scaleX(1)}.btn-31{color:#e6e6e6;background:0 0;border:0;padding-inline:2px}.btn-31 .btn-icon{display:none}.btn-31:after{content:"";background:var(--component-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.btn-31:hover:after{width:100%}.btn-32{color:#e6e6e6;letter-spacing:.02em;background:0 0;border:0}.btn-32 .btn-icon{display:none}.btn-32:hover .btn-label{letter-spacing:.18em}.btn-32 .btn-label{transition:letter-spacing .3s}.btn-33{color:#e6e6e6;isolation:isolate;background:0 0;border:1px solid #ffffff24}.btn-33 .btn-icon{display:none}.btn-33:before{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:60%;transition:left .55s;position:absolute;top:0;bottom:0;left:-60%}.btn-33:hover:before{left:120%}.btn-34{color:#e6e6e6;background:0 0;border:0}.btn-34 .btn-icon{display:none}.btn-34 .btn-label{background:linear-gradient(90deg,var(--component-color),#78a8ff,var(--component-color));color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text;transition:background-position .5s}.btn-34:hover .btn-label{background-position:100%}.btn-35{color:#e6e6e6;background:#242424;border:1px solid #ffffff24}.btn-35 .btn-icon{display:none}.btn-35:hover .btn-label{animation:.35s steps(2,end) btnGlitch}@keyframes btnGlitch{0%{transform:translate(0)}20%{text-shadow:2px 0 #ff3b6a,-2px 0 #4dd4ff;transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{text-shadow:none;transform:translate(-1px)}to{transform:translate(0)}}.btn-36{color:#e6e6e6;background:#242424;border:1px solid #ffffff24}.btn-36 .btn-icon{display:none}.btn-36 .btn-label{border-right:2px solid #0000;padding-right:2px}.btn-36:hover .btn-label{animation:.9s step-end infinite btnTypeCaret}@keyframes btnTypeCaret{50%{border-color:var(--component-color)}}.btn-37{color:#e6e6e6;isolation:isolate;background:0 0;border:1px solid #ffffff24}.btn-37 .btn-icon{display:none}.btn-37:before{content:"";background:var(--component-color);z-index:-1;height:0;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.btn-37:hover{color:#171717}.btn-37:hover:before{height:100%}.btn-38{color:#f4f4f4;background:0 0;border:0}.btn-38 .btn-icon{display:none}.btn-38 .btn-label{text-shadow:1px 1px #ffffff14,2px 2px #ffffff0d,3px 3px #ffffff08}.btn-38:hover .btn-label{text-shadow:2px 2px 0 var(--component-color),4px 4px 0 #ff7a0066}.btn-39{background:0 0;border:0}.btn-39 .btn-icon{display:none}.btn-39 .btn-label{background:linear-gradient(90deg,var(--component-color),#e6e6e6 50%);color:#0000;-webkit-background-clip:text;background-clip:text}.btn-40{color:#e6e6e6;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;font-size:11px}.btn-40 .btn-icon{display:none}.btn-41{color:#232323;background:#e9e6df;box-shadow:6px 6px 14px #00000073,-6px -6px 14px #ffffff08}.btn-41:active,.btn-41.is-active{box-shadow:inset 4px 4px 10px #00000040,inset -4px -4px 10px #fff6}.btn-42{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f4f4f4;background:#ffffff0f;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff26}.btn-42:hover{background:#ffffff1a}.btn-43{color:#f4f4f4;z-index:1;background:#171717;border-radius:99px;position:relative}.btn-43:before{content:"";background:conic-gradient(from 0deg,var(--component-color),#b99cff,#78a8ff,var(--component-color));z-index:-1;border-radius:99px;animation:3.2s linear infinite btnSpinBorder;position:absolute;inset:-2px}@keyframes btnSpinBorder{to{transform:rotate(360deg)}}.btn-44{background:var(--component-color);color:#171717}.btn-44:after{content:"";left:var(--ripple-x,50%);top:var(--ripple-y,50%);opacity:0;background:#fff9;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)scale(0)}.btn-44.is-active:after{animation:.65s ease-out btnRipple}@keyframes btnRipple{to{opacity:0;transform:translate(-50%,-50%)scale(22)}}.btn-45{background:var(--component-color);color:#171717}.btn-45.is-active{color:#0000}.btn-45.is-active:after{content:"";border:2px solid #17171759;border-top-color:#171717;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite btnSpin;position:absolute}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-46{color:#e6e6e6;background:#242424;border:1.5px solid #ffffff29}.btn-46.is-active{color:#0d1f14;background:#4dd481;border-color:#4dd481}.btn-46.is-active .btn-icon{display:none}.btn-46.is-active .btn-label:after{content:" ✓"}.btn-47{color:#e6e6e6;background:#242424;border:1px solid #ffffff24;transition:transform .12s}.btn-47:hover{transform:perspective(300px)rotateX(6deg)rotateY(-6deg)}.btn-48{color:#e6e6e6;background:#171717}.btn-48 .btn-icon{background:repeating-linear-gradient(90deg,var(--component-color) 0 3px,transparent 3px 6px);background-size:200% 100%;width:22px;height:14px;display:inline-block}.btn-48:hover .btn-icon{animation:.6s linear infinite btnWaveScroll}@keyframes btnWaveScroll{to{background-position:-24px 0}}.btn-49{color:#e6e6e6;z-index:1;background:#242424;border:1px solid #ffffff24;border-radius:24px;position:relative;overflow:hidden}.btn-49:before{content:"";background:radial-gradient(circle,var(--component-color) 0%,transparent 70%);opacity:0;filter:blur(6px);z-index:-1;width:140%;height:140%;transition:opacity .4s;position:absolute}.btn-49:hover:before{opacity:.55;animation:3.5s ease-in-out infinite btnBlob}@keyframes btnBlob{0%,to{border-radius:40% 60% 60% 40%/60% 40%}50%{border-radius:60% 40% 40% 60%/40% 60%}}.btn-50{background:linear-gradient(120deg,var(--component-color),#b99cff,#78a8ff,var(--component-color));color:#171717;background-size:300%;animation:6s linear infinite btnAurora}@keyframes btnAurora{to{background-position:300%}}.btn-artwork:focus-visible{outline:2px solid var(--component-color);outline-offset:3px}@media (prefers-reduced-motion:reduce){.btn-artwork,.btn-artwork *{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:520px){.btn-artwork{height:40px;padding:0 16px;font-size:12px}}.card-artwork{--ca:var(--component-color);color:#f8f7f5;font-family:var(--sans);background:#141414;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;width:236px;max-width:100%;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s,background .32s;display:flex;position:relative;overflow:hidden}.card-media{aspect-ratio:1.1;background:#0c0c0c;flex:none;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s,opacity .4s}.card-media-back{opacity:0;position:absolute;inset:0}.card-body{flex-direction:column;min-width:0;padding:15px 16px 17px;display:flex}.card-category{color:#8c8c8c;letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:800}.card-title{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:15px;overflow:hidden}.card-tagline{color:#8f8f8f;margin-top:5px;font-size:11px}.card-price-row{align-items:baseline;gap:8px;margin-top:11px;display:flex}.card-price{color:#f8f7f5;letter-spacing:-.02em;font-size:16px;font-weight:800}.card-price-was{color:#7a7a7a;font-size:11px;text-decoration:line-through}.card-badge,.card-stock-dot,.card-wishlist,.card-compare,.card-quick-actions,.card-rating,.card-swatches,.card-sizes,.card-tagline,.card-price-was,.card-media-back{display:none}.card-badge{background:var(--ca);color:#141414;letter-spacing:.02em;z-index:3;border-radius:6px;padding:5px 9px;font-size:9px;font-weight:800;position:absolute;top:11px;left:11px}.card-stock-dot{z-index:3;background:#4dd481;border-radius:50%;width:8px;height:8px;position:absolute;top:11px;right:11px;box-shadow:0 0 0 3px #4dd48133}.card-wishlist{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:3;background:#0808088c;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;position:absolute;top:11px;right:11px}.card-wishlist span{opacity:.75;font-size:14px;transition:opacity .2s,transform .2s}.is-wished .card-wishlist span{color:var(--ca);opacity:1;transform:scale(1.2)}.card-compare{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e6e6e6;z-index:3;background:#0808088c;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:700;position:absolute;bottom:11px;left:11px}.card-compare input{accent-color:var(--ca);margin:0}.card-quick-actions{z-index:3;padding:11px;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(105%)}.card-quick-actions button{background:var(--ca);color:#141414;cursor:pointer;border:0;border-radius:8px;width:100%;height:36px;font-size:11px;font-weight:800}.card-rating{color:#ffb545;letter-spacing:1px;gap:2px;margin-top:8px;font-size:11px}.card-swatches{gap:7px;margin-top:10px}.card-swatches span{border:1px solid #fff3;border-radius:50%;width:15px;height:15px;display:block}.card-sizes{gap:6px;margin-top:10px}.card-sizes span{color:#b0b0b0;border:1px solid #ffffff2e;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700}.card-1{background:#111;border-color:#0000}.card-1 .card-body{padding:16px 4px 6px}.card-1 .card-media{border-radius:12px}.card-2{background:#0f0f0f;border:2px solid #f2f0ea;border-radius:2px;padding:9px}.card-2 .card-media{aspect-ratio:1}.card-2 .card-body{padding:12px 4px 4px}.card-2 .card-title{font-family:var(--serif)}.card-3{box-shadow:0 10px 26px #00000059}.card-3:hover{transform:translateY(-8px);box-shadow:0 26px 52px #0000008c}.card-4{--ca:#ff78b3;border-radius:26px}.card-4 .card-media{border-radius:26px 26px 0 0}.card-4 .card-price{color:#ff9ec8}.card-5{--ca:#ffb545;aspect-ratio:.74;border:0}.card-5 .card-media{aspect-ratio:auto;position:absolute;inset:0}.card-5 .card-media:after{content:"";background:linear-gradient(#0000 38%,#000000e6);position:absolute;inset:0}.card-5 .card-body{z-index:2;margin-top:auto;padding:16px;position:relative}.card-5 .card-price{color:#ffd08a}.card-6 .card-badge{color:#141414;background:#fff;font-size:12px;display:block;left:auto;right:11px}.card-6 .card-price-row{display:none}.card-7{--ca:#ff3b6a}.card-7 .card-badge{background:var(--ca);color:#fff;text-align:center;width:120px;display:block;top:15px;left:-30px;transform:rotate(-45deg)}.card-8 .card-quick-actions{display:block}.card-9{--ca:#ff7a00;background:var(--ca);color:#1a0f04;border:0}.card-9 .card-media{aspect-ratio:1.15;background:0 0}.card-9 .card-media img{mix-blend-mode:multiply;object-fit:contain;padding:16px}.card-9 .card-category{color:#140a0499}.card-9 .card-price,.card-9 .card-title{color:#1a0f04}.card-10{flex-direction:row;width:330px}.card-10 .card-media{aspect-ratio:auto;width:128px}.card-10 .card-body{flex:1;justify-content:center}.card-11{background:#0f0f0f;border:0;border-radius:0}.card-11 .card-body{padding:16px 2px 2px}.card-11 .card-category{letter-spacing:.22em}.card-11 .card-title{font-family:var(--serif);margin-top:9px;font-size:21px;font-style:italic;font-weight:500}.card-12{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff24}.card-12 .card-media{border-radius:10px;margin:11px 11px 0}.card-13{--ca:#e6c071;background:radial-gradient(120% 80% at 50% 0,#1c1a15,#0a0a0a 70%);border-color:#e6c0714d}.card-13 .card-category{color:#c6a860;letter-spacing:.24em}.card-13 .card-title{font-family:var(--serif)}.card-13 .card-price{color:#e6c071}.card-14{background:0 0;border:1px solid #ffffff47;border-radius:0}.card-14 .card-media{border:1px solid #ffffff1f;margin:10px 10px 0}.card-14 .card-media img{filter:grayscale(.35)}.card-15{--ca:#ff7a00}.card-15 .card-media{aspect-ratio:1.5}.card-15 .card-title{letter-spacing:-.05em;white-space:normal;margin-top:9px;font-size:27px;font-weight:800;line-height:.96}.card-15 .card-category{order:-1}.card-16{--ca:#78a8ff}.card-16 .card-media{background:#101a2e}.card-16 .card-media img{filter:grayscale()contrast(1.1)sepia()hue-rotate(175deg)saturate(3);mix-blend-mode:luminosity;opacity:.92}.card-17{color:#242424;background:#f6f3ec;border:0;padding:11px 11px 0;transform:rotate(-1.4deg)}.card-17 .card-media{aspect-ratio:1;border-radius:1px}.card-17 .card-body{text-align:center;align-items:center;padding:12px 4px 18px}.card-17 .card-category{color:#8c8677}.card-17 .card-title{font-family:var(--serif);font-style:italic}.card-17 .card-price{color:#242424}.card-18{--ca:#4dd481}.card-18 .card-media{-webkit-mask:radial-gradient(9px at 0 100%,#0000 98%,#000) 0 0/51% no-repeat,radial-gradient(9px at 100% 100%,#0000 98%,#000) 100% 0/51% no-repeat;mask:radial-gradient(9px at 0 100%,#0000 98%,#000) 0 0/51% no-repeat,radial-gradient(9px at 100% 100%,#0000 98%,#000) 100% 0/51% no-repeat}.card-18 .card-body{border-top:1px dashed #ffffff38;margin:0 12px;padding:14px 0 4px}.card-19{--ca:#b99cff;border-radius:20px;width:188px}.card-19 .card-media{aspect-ratio:1;border-radius:14px;margin:10px 10px 0}.card-19 .card-body{padding:12px 12px 14px}.card-19 .card-title{font-size:13px}.card-20{--ca:#ff7a00;background:#0e0e0e}.card-20 .card-media:before{color:#fff;content:"REF. 002 / 2026";font-family:var(--mono);letter-spacing:.1em;text-shadow:0 1px 4px #0009;z-index:2;font-size:9px;position:absolute;top:11px;left:11px}.card-20 .card-body{font-family:var(--mono)}.card-20 .card-category{display:none}.card-20 .card-title{font-family:var(--sans)}.card-21{flex-direction:row;align-items:stretch;width:340px}.card-21 .card-media{aspect-ratio:auto;width:104px}.card-21 .card-body{flex:1;justify-content:center;padding:12px 14px}.card-21 .card-rating{margin-top:6px;display:flex}.card-22{background:#101010;border-radius:12px;flex-direction:row;align-items:center;gap:2px;width:300px;padding:9px}.card-22 .card-media{aspect-ratio:auto;border-radius:9px;width:56px;height:56px}.card-22 .card-body{padding:0 12px}.card-22 .card-title{font-size:13px}.card-22 .card-price-row{margin-top:4px}.card-22 .card-body:after{color:#aaa;content:"× 1";border:1px solid #ffffff29;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.card-23 .card-media:after{content:"";background:repeating-linear-gradient(90deg,#ffffff29 0 24px,#0000 24px 30px);border-radius:6px;height:28px;position:absolute;bottom:8px;left:8px;right:8px}.card-24{--ca:#ff7a00;background:linear-gradient(165deg,#ff7a0029,#121212 58%);border-color:#ff7a0066;width:220px}.card-24 .card-media{display:none}.card-24 .card-body{gap:4px;padding:20px 18px}.card-24 .card-category:before{content:"PLAN · "}.card-24 .card-price{font-size:30px}.card-24 .card-price:after{color:#9a9a9a;content:"/mo";font-size:12px;font-weight:600}.card-24 .card-sizes{display:flex}.card-25{--ca:#b99cff}.card-25 .card-media{margin:11px 11px 0}.card-25 .card-media:before{content:"";z-index:-1;background:#1c1c1c;border:1px solid #ffffff1f;border-radius:10px;position:absolute;inset:6px -6px -6px 6px}.card-25 .card-badge{background:var(--ca);color:#150c26;display:block}.card-25 .card-badge:before{content:"×3 "}.card-26 .card-media:after{content:"";background:linear-gradient(105deg,#0000 32%,#ffffff38 50%,#0000 68%) 0 0/250% 100%;animation:2.6s linear infinite cardShimmer;position:absolute;inset:0}@keyframes cardShimmer{to{background-position:-250% 0}}.card-27 .card-media img{animation:3.6s ease-in-out infinite cardBreathe}@keyframes cardBreathe{50%{transform:scale(1.07)}}.card-28{transform-style:preserve-3d;animation:7s ease-in-out infinite cardRotate3d}@keyframes cardRotate3d{0%,to{transform:perspective(760px)rotateY(-7deg)}50%{transform:perspective(760px)rotateY(7deg)}}.card-29{--ca:#b99cff;position:relative;overflow:hidden}.card-29:before{content:"";z-index:0;background:radial-gradient(circle,#b99cff47,#0000 62%);width:170%;height:170%;animation:9s ease-in-out infinite cardBlobDrift;position:absolute;top:-32%;left:-32%}.card-29 .card-media,.card-29 .card-body{z-index:1;position:relative}@keyframes cardBlobDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8%,10%)scale(1.18)}}.card-30{background:linear-gradient(120deg,#141414,#78a8ff2e,#ff78b32e,#b99cff2e,#141414) 0 0/340% 340%;border-color:#ffffff29;animation:5s infinite cardHolo}@keyframes cardHolo{50%{background-position:100% 100%}}.card-artwork:focus-within{outline:2px solid var(--ca);outline-offset:2px}@media (prefers-reduced-motion:reduce){.card-artwork,.card-artwork *,.card-artwork:before,.card-artwork:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:560px){.card-artwork{width:100%;max-width:300px}.card-10,.card-21,.card-22{flex-direction:column;width:100%;max-width:280px}.card-10 .card-media,.card-21 .card-media{aspect-ratio:1.1;width:100%}.card-22 .card-media{width:100%;height:120px}.card-22 .card-body:after{margin-top:6px;position:static;transform:none}}.component-button .cpt-thumb{transform:scale(.7)}.component-card .cpt-thumb{transform-origin:top;transform:scale(.28)}.cpt-card:hover .component-button .cpt-thumb{transform:scale(.76)}.cpt-card:hover .component-card .cpt-thumb{transform:scale(.3)}.device-frame-content .component-card{transform-origin:50%;transform:scale(.56)}.device-frame.tablet .device-frame-content .component-card{transform:scale(.66)}.device-frame.mobile .device-frame-content .component-card{transform:scale(.6)}.preview-lightbox-canvas .device-frame-content .component-card{transform:scale(.95)}.preview-lightbox-canvas .device-frame.mobile .device-frame-content .component-card{transform:scale(.8)}.library-thumb .component-card,.loved-item-thumb .component-card{transform-origin:top;transform:scale(.24)}@media (max-width:760px){.device-frame-content .component-card{transform:scale(.46)}}.input-31 input{border:1px dashed #ffffff38;border-radius:99px;transition:box-shadow .18s,border-style .18s}.input-31.is-typing input{border-style:solid;border-color:var(--component-color);box-shadow:0 0 14px #ff7a0059}.input-32{transition:transform .12s}.input-32 input{border:3px double #ffffff47;border-radius:6px}.input-32.is-typing{animation:.18s inputBouncePunch}@keyframes inputBouncePunch{0%{transform:scale(1)}40%{transform:scale(1.02)translateY(-1px)}to{transform:scale(1)}}.input-33 input{border:1.5px solid var(--component-color);background:#ffffff05;border-radius:99px;transition:border-color .2s}.input-33.is-typing input{animation:1.2s linear infinite inputHueCycle}@keyframes inputHueCycle{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.input-34{padding-bottom:5px}.input-34 input{background:#ffffff0b;border:0;border-radius:12px 12px 4px 4px}.input-progress{background:var(--component-color);border-radius:2px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-4px;left:0}.input-35 input{background:#1e325a2e;border:1px solid #78a8ff38;border-radius:99px;padding-right:44px}.input-wave{pointer-events:none;align-items:center;gap:2px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.input-wave span{background:#444;border-radius:2px;width:2px;height:6px;transition:height .15s,background .15s}.input-35.is-typing .input-wave span{background:var(--component-color);animation:.6s ease-in-out infinite inputWaveBar}.input-wave span:nth-child(2){animation-delay:80ms}.input-wave span:nth-child(3){animation-delay:.16s}.input-wave span:nth-child(4){animation-delay:.24s}.input-wave span:nth-child(5){animation-delay:.32s}@keyframes inputWaveBar{0%,to{height:5px}50%{height:14px}}.input-36{padding-top:14px}.input-36 label{color:#555;pointer-events:none;background:#ffffff0f;border-radius:4px;padding:0 4px;font-size:12px;transition:transform .2s,color .2s,background .2s;position:absolute;top:26px;left:10px}.input-36.is-focused label,.input-36.has-val label{color:var(--component-color);background:#ff7a0014;transform:translateY(-22px)scale(.85)}.input-36.is-typing label{animation:.22s inputLabelJitter}@keyframes inputLabelJitter{0%,to{transform:translateY(-22px)scale(.85)rotate(0)}50%{transform:translateY(-22px)scale(.85)rotate(-2deg)}}.input-36 input{background:0 0;border:0;border-bottom:1px solid #ffffff24;border-radius:0}.input-37{position:relative}.input-37 input{background:#ffffff05;border:1px solid #ffffff14;border-left:4px solid #ffffff38;border-radius:4px}.input-37:after{background:var(--component-color);content:"";opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;top:20px;right:12px}.input-37.is-typing:after{animation:.35s ease-out inputTickPulse}.input-37.is-typing input{border-left-color:var(--component-color)}@keyframes inputTickPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}.input-38 input{background:#0000003d;border:1px solid #00000080;border-radius:20px;transition:box-shadow .2s;box-shadow:inset 0 3px 8px #0000008c}.input-38.is-typing input{box-shadow:inset 0 3px 8px #0000008c,0 0 18px #b99cff4d}.input-39 input{background:#141414;border:0;border-radius:16px;transition:transform .15s,box-shadow .15s;box-shadow:6px 6px 12px #00000073,-4px -4px 10px #ffffff08}.input-39.is-typing input{transform:scale(1.015);box-shadow:3px 3px 8px #0006,-2px -2px 6px #ffffff08}.input-40{transform:skew(-3deg)}.input-40 input{background:linear-gradient(90deg,#0000,#0000);border:1px solid #ffffff24;border-radius:3px;transition:border-color .2s;transform:skew(3deg)}.input-40.is-typing input{border-image:linear-gradient(90deg,var(--component-color),#78a8ff,var(--component-color)) 1;animation:1.4s linear infinite inputGradientSweep}@keyframes inputGradientSweep{0%{border-color:var(--component-color)}50%{border-color:#78a8ff}to{border-color:var(--component-color)}}.input-41{position:relative;overflow:hidden}.input-41 input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffffff24;border-radius:99px}.input-click-ripple{pointer-events:none;background:#ff7a0040;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.input-41.is-clicked .input-click-ripple{animation:.55s ease-out inputClickRipple}@keyframes inputClickRipple{to{opacity:0;transform:translate(-50%,-50%)scale(18)}}.input-42 input{border:2px dashed #fff3;border-radius:8px;transition:border-color .35s cubic-bezier(.2,.8,.2,1),border-style .2s}.input-42.is-clicked input{border-color:var(--component-color);border-style:solid}.input-43 input{background:#111;border:0;border-radius:10px;transition:transform .12s,box-shadow .12s;box-shadow:0 2px #0006}.input-43.is-clicked input{transform:scale(.97)translateY(1px);box-shadow:0 1px #0006}.input-44 input{border:1px solid #ffffff14;border-left:3px solid var(--component-color);background:#ffffff05;border-radius:4px}.input-44.is-clicked input{animation:.5s ease-out inputGlowBurst}@keyframes inputGlowBurst{0%{box-shadow:0 0 #ff7a0080}40%{box-shadow:0 0 26px #ff7a0073}to{box-shadow:0 0 #ff7a0000}}.input-45 input{background:#ffffff08;border:0;border-radius:10px 10px 0 0}.input-45:after{background:var(--component-color);content:"";width:0;height:2px;transition:width .12s;position:absolute;bottom:0;left:0}.input-45.is-clicked:after{width:100%}.input-46 input{clip-path:polygon(0 0,100% 0,100% 100%,10% 100%,0 76%);background:#ffffff05;border:1px solid #ffffff24;border-radius:0}.input-46.is-typing input{animation:.3s inputShakeOnce}@keyframes inputShakeOnce{0%,to{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}}.input-47 input{background:#0a101c80;border:1px solid #78a8ff38;border-radius:14px;transition:box-shadow .2s;box-shadow:0 0 #78a8ff00}.input-47.is-typing input{box-shadow:0 0 16px #78a8ff66}.input-47.is-focused input{border-color:#78a8ff}.input-48 input{border:1.5px solid #ffffff24;border-radius:99px;transition:border-color .3s,box-shadow .3s}.input-48.is-live-ok input{border-color:#4dd481;box-shadow:0 0 12px #4dd48140}.input-48.is-live-warn input{border-color:#ffb545;box-shadow:0 0 12px #ffb54540}.input-49{position:relative;overflow:visible}.input-49 input{background:#ffffff04;border:0;border-top:2px dotted #ffffff47;border-radius:6px}.input-particles{pointer-events:none;width:calc(100% - 28px);position:absolute;top:0;left:14px}.input-particles span{background:var(--component-color);opacity:0;border-radius:50%;width:3px;height:3px;position:absolute;top:20px}.input-particles span:first-child{left:8%}.input-particles span:nth-child(2){left:24%}.input-particles span:nth-child(3){left:44%}.input-particles span:nth-child(4){left:62%}.input-particles span:nth-child(5){left:78%}.input-particles span:nth-child(6){left:92%}.input-49.is-typing .input-particles span{animation:.6s ease-out inputParticleRise}@keyframes inputParticleRise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}.input-50 input{clip-path:polygon(0 0,92% 0,100% 30%,100% 100%,0 100%);background:linear-gradient(120deg,#ff7a0014,#78a8ff14,#b99cff14) 0 0/200% 200%;border:1px solid #ffffff1f;border-radius:2px}.input-50.is-typing input{animation:.8s linear infinite inputHoloShift}@keyframes inputHoloShift{to{background-position:200% 200%}}@media (prefers-reduced-motion:reduce){.input-artwork,.input-artwork *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.library-hub{min-height:100vh;position:relative;overflow:hidden}.library-hub-intro{text-align:center;z-index:1;padding:170px 0 20px;position:relative}.library-hub-intro .hero-badge{margin-inline:auto}.library-hub-title{letter-spacing:-.085em;max-width:720px;margin:22px auto 18px;font-size:clamp(38px,6vw,68px);font-weight:690;line-height:1}.library-hub-title em{color:var(--orange);font-family:var(--serif);font-style:italic;font-weight:500}.library-hub-sub{color:#a7a7a7;max-width:520px;margin:0 auto;font-size:15px;line-height:1.7}.library-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:26px;padding:56px 0 40px;display:grid;position:relative}.library-tile{isolation:isolate;background:#0d0d0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:space-between;gap:32px;min-height:460px;padding:34px 32px 32px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;display:flex;position:relative;overflow:hidden}.library-tile:hover{border-color:var(--tile-accent,#ff7a0080);box-shadow:0 30px 70px #00000080,0 0 0 1px var(--tile-accent,#ff7a004d);transform:translateY(-8px)}.library-tile-components{--tile-accent:#ff7a0080;--tile-accent-solid:#ff9b35}.library-tile-designing{--tile-accent:#b99cff80;--tile-accent-solid:#c9b3ff}.library-tile-commands{--tile-accent:#78a8ff80;--tile-accent-solid:#9dbdff}.library-tile-index{color:#ffffff14;font-family:var(--mono);letter-spacing:-.05em;z-index:0;font-size:80px;font-weight:700;animation:5s ease-in-out infinite libraryIndexFloat;position:absolute;top:6px;right:20px}@keyframes libraryIndexFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.library-tile-glow{filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;width:340px;height:340px;animation:6s ease-in-out infinite libraryGlowPulse;position:absolute;top:-90px;right:-90px}.library-tile-components .library-tile-glow{background:radial-gradient(circle,#ff7a0052,#0000 70%)}.library-tile-designing .library-tile-glow{background:radial-gradient(circle,#b99cff4d,#0000 70%)}.library-tile-commands .library-tile-glow{background:radial-gradient(circle,#78a8ff52,#0000 70%)}@keyframes libraryGlowPulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.library-tile-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 30% 20%,#000,#0000 72%);mask-image:radial-gradient(circle at 30% 20%,#000,#0000 72%)}.library-tile-sheen{pointer-events:none;z-index:1;background:linear-gradient(100deg,#0000,#ffffff24,#0000);width:40%;height:100%;transition:left .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:-60%;transform:skew(-12deg)}.library-tile:hover .library-tile-sheen{left:120%}.library-tile-preview{z-index:1;align-items:center;gap:18px;min-height:56px;display:flex;position:relative}.library-tile-preview .component-loader{flex:none}.library-palette-row{gap:6px;display:flex}.library-palette-row span{animation:3.2s ease-in-out infinite librarySwatchBreathe;animation-delay:calc(var(--swatch-index) * .18s);border-radius:8px;width:24px;height:38px;display:block;box-shadow:0 6px 16px #00000059}@keyframes librarySwatchBreathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.18)}}.library-specimen-text{background:linear-gradient(90deg,#b99cff 0%,#ff78b3 50%,#b99cff 100%) 0 0/200%;-webkit-text-fill-color:transparent;font-family:var(--serif);-webkit-background-clip:text;background-clip:text;margin-left:6px;font-size:44px;font-style:italic;font-weight:600;animation:3.5s linear infinite shimmerText}.library-chip-row{flex-wrap:wrap;gap:9px;display:flex}.library-chip{animation:4.5s ease-in-out infinite libraryChipFloat;animation-delay:calc(var(--chip-index,0) * .3s);color:#cfe0ff;font-family:var(--mono);background:#161616;border:1px solid #ffffff24;border-radius:8px;align-items:center;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 6px 16px #0000004d}@keyframes libraryChipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.library-chip{animation:none!important}}.library-tile-body{z-index:1;position:relative}.library-tile-icon{color:#f8f7f5;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;display:flex}.library-tile-components .library-tile-icon{color:#ffad68}.library-tile-designing .library-tile-icon{color:#c9b3ff}.library-tile-commands .library-tile-icon{color:#9dbdff}.library-tile-body h2{letter-spacing:-.05em;margin:0 0 10px;font-size:28px}.library-tile-body>p{color:#9a9a9a;max-width:400px;margin:0 0 22px;font-size:12.5px;line-height:1.7}.library-tile-stats{gap:26px;margin-bottom:22px;display:flex}.library-tile-stats>div{border-left:1px solid #ffffff24;padding-left:12px}.library-tile-stats strong{letter-spacing:-.06em;font-size:22px;display:block}.library-tile-stats span{color:#888;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:9.5px;font-weight:650;display:block}.library-tile-cta{color:#f8f7f5;align-items:center;gap:7px;font-size:13px;font-weight:750;transition:color .3s;display:inline-flex}.library-tile-cta svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.library-tile:hover .library-tile-cta{color:var(--tile-accent-solid,#ff9b35)}.library-tile:hover .library-tile-cta svg{transform:translate(4px,-4px)}.library-hub-footnote{color:#888;text-align:center;z-index:1;justify-content:center;align-items:center;gap:9px;padding-bottom:90px;font-size:11px;font-weight:600;display:flex;position:relative}.library-hub-footnote svg{color:#666}@media (max-width:1100px){.library-grid{grid-template-columns:1fr 1fr}}@media (max-width:860px){.library-grid{grid-template-columns:1fr}.library-hub-intro{padding-top:130px}}@media (max-width:520px){.library-tile{min-height:400px;padding:26px 22px 24px}.library-tile-index{font-size:58px}.library-tile-body h2{font-size:24px}.library-specimen-text{font-size:34px}.library-tile-preview{overflow:hidden}.library-tile-preview .component-navbar{display:none}}@media (prefers-reduced-motion:reduce){.library-tile-index,.library-tile-glow,.library-palette-row span,.library-specimen-text{animation:none!important}}.cmdsheet-nav{flex-direction:column;flex:1;gap:3px;min-height:0;margin-top:18px;padding-right:2px;display:flex;overflow:auto}.cmdsheet-nav button{color:#8f8f8f;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:48px;padding:7px 9px;transition:background .2s,color .2s;display:flex}.cmdsheet-nav button:hover{color:#e8e8e8;background:#1b1b1b}.cmdsheet-nav button.active{background:linear-gradient(90deg,color-mix(in srgb,var(--cat-color) 18%,transparent),transparent);box-shadow:inset 2px 0 0 var(--cat-color);color:#fff}.cmdsheet-nav-icon{color:var(--cat-color);background:#191919;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cmdsheet-nav button.active .cmdsheet-nav-icon{background:color-mix(in srgb,var(--cat-color) 20%,#191919)}.cmdsheet-nav b{font-size:12px;font-weight:760;display:block}.cmdsheet-nav small{color:#777;margin-top:2px;font-size:9px;display:block}.cmdsheet-nav button.active small{color:#c9c9c9}.cmdsheet-hero p:last-of-type{margin-bottom:0}.cmdsheet-badges{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.cmdsheet-badge{color:#aaa;background:#161616;border:1px solid #ffffff1f;border-radius:99px;padding:7px 13px;font-size:11px;font-weight:700}.cmdsheet-badge-accent{color:#ffad68;background:#ff7a001f;border-color:#ff7a0052}.cmdsheet-empty{color:#888;text-align:center;padding:60px 0;font-size:14px}.cmdsheet-category{border-top:1px solid #ffffff1a;margin-top:52px;padding-top:48px;scroll-margin-top:24px}.cmdsheet-category:first-of-type{margin-top:56px}.cmdsheet-category-head{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.cmdsheet-category-icon{background:color-mix(in srgb,var(--cat-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--cat-color) 34%,transparent);color:var(--cat-color);border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cmdsheet-category-head h3{letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(24px,2.6vw,32px)}.cmdsheet-category-head p{color:#999;max-width:560px;margin:0;font-size:13px;line-height:1.6}.cmdsheet-group+.cmdsheet-group{margin-top:30px}.cmdsheet-group-heading{color:#767676;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:10px;font-weight:800}.cmd-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cmd-row{background:#121212;border:1px solid #ffffff17;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 14px;padding:13px 10px 13px 15px;transition:border-color .2s,background .2s,transform .2s;display:grid}.cmd-row:hover{border-color:color-mix(in srgb,var(--cat-color) 45%,transparent);background:#161616;transform:translateY(-1px)}.cmd-code{color:var(--cat-color);font-family:var(--mono);white-space:nowrap;grid-area:1/1;font-size:11.5px;font-weight:700}.cmd-desc{color:#9a9a9a;grid-area:2/1/auto/-1;margin:2px 0 0;font-size:11.5px;line-height:1.55}.cmd-copy{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:7px;flex:none;grid-area:1/3;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.cmd-row:hover .cmd-copy{color:#ccc;border-color:#ffffff38}.cmd-copy:hover{background:color-mix(in srgb,var(--cat-color) 18%,transparent);color:#fff}.cmd-copy.is-copied{color:#102317;background:#58d68d;border-color:#58d68d;animation:.5s cubic-bezier(.2,.9,.25,1) both copy-success}@media (max-width:1050px){.cmd-rows{grid-template-columns:1fr}}@media (max-width:760px){.cmdsheet-category{margin-top:38px;padding-top:34px}.cmdsheet-category:first-of-type{margin-top:34px}.cmdsheet-category-head{align-items:center}.cmd-rows{grid-template-columns:1fr}}.hub-page{color:#f7f7fb;isolation:isolate;background:#050508;min-height:100vh;position:relative;overflow:hidden}.hub-page .reveal{opacity:0}.hub-page .reveal.in-view{animation-name:riseIn;animation-duration:.7s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}.hub-orb{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hub-orb-1{background:radial-gradient(circle,#8b5cf661,#0000 70%);width:640px;height:640px;animation:12s ease-in-out infinite hubOrbFloat;top:-260px;left:-220px}.hub-orb-2{background:radial-gradient(circle,#22d3ee47,#0000 70%);width:560px;height:560px;animation:15s ease-in-out infinite reverse hubOrbFloat;top:80px;right:-200px}.hub-orb-3{background:radial-gradient(circle,#fb718524,#0000 70%);width:460px;height:460px;animation:18s ease-in-out 4s infinite hubOrbFloat;bottom:-160px;left:32%}@keyframes hubOrbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-34px)scale(1.05)}66%{transform:translate(-22px,20px)scale(.96)}}.hub-grain{opacity:.35;pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hub-orb{animation:none!important}}.hub-header{z-index:1;align-items:center;padding:32px 0;display:flex;position:relative}.hub-brand{letter-spacing:-.085em}.hub-brand>span:first-child{background:linear-gradient(90deg,#8b5cf6,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hub-intro{text-align:center;z-index:1;padding:56px 0 44px;position:relative}.hub-badge{color:#c9bdfa;background:#8b5cf61a;border-color:#8b5cf647;margin-inline:auto}.hub-badge-dot{background:#22d3ee;box-shadow:0 0 #22d3ee99}.hub-title{letter-spacing:-.06em;margin:22px 0 16px;font-size:clamp(42px,6.4vw,80px);font-weight:700;line-height:.98}.hub-title em{font-family:var(--serif);font-style:italic;font-weight:500}.hub-title em .hub-rotating-word{background:linear-gradient(90deg,#8b5cf6 0%,#22d3ee 45%,#fb7185 75%,#8b5cf6 100%) 0 0/250%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite hubShimmer,.55s cubic-bezier(.2,.85,.25,1) both hubWordIn}@keyframes hubShimmer{to{background-position:250%}}.hub-rotating-wrap{vertical-align:bottom;display:inline-block;overflow:hidden}.hub-rotating-word{animation:.55s cubic-bezier(.2,.85,.25,1) both hubWordIn;display:inline-block}@keyframes hubWordIn{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}.hub-sub{color:#a3a3ad;max-width:520px;margin:0 auto;font-size:16px;line-height:1.7}.hub-hero-actions{justify-content:center;gap:12px;margin-top:32px;display:flex}.hub-btn-primary{background:linear-gradient(90deg,#8b5cf6,#7c3aed);box-shadow:0 8px 24px #8b5cf647}.hub-btn-primary:hover{background:linear-gradient(90deg,#9d70f8,#8b5cf6);box-shadow:0 12px 28px #8b5cf666!important}.hub-btn-secondary{color:#f0f0f5;background:#ffffff0a;border-color:#ffffff29}.hub-btn-secondary:hover{color:#22d3ee;border-color:#22d3ee80}.hub-eyebrow{color:#8b93a8;justify-content:center}.hub-eyebrow svg{color:#8b5cf6}.hub-showcase-head{text-align:center;z-index:1;padding:76px 0 34px;position:relative}.hub-showcase-title{letter-spacing:-.05em;margin:12px 0 0;font-size:clamp(28px,3.4vw,42px)}.hub-showcase{z-index:1;padding-bottom:12px;position:relative}.hub-showcase-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.hub-panel{background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1f;border-radius:18px;position:relative;overflow:hidden}.hub-panel-chrome{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:11px 14px;display:flex}.hub-panel-dots{gap:5px;display:flex}.hub-panel-dots span{border-radius:50%;width:10px;height:10px}.hub-panel-title{color:#777;font-family:var(--mono);letter-spacing:.04em;text-align:center;flex:1;font-size:10px}.hub-panel-live{color:#ff9f43;font-family:var(--mono);letter-spacing:.08em;font-size:9px;font-weight:700;animation:2s ease-in-out infinite hubPulseDot}.hub-panel-live-cyan{color:#22d3ee}@keyframes hubPulseDot{0%,to{opacity:1}50%{opacity:.45}}.hub-panel-canvas{background-color:#08080c;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.hub-panel-stage{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .28s,transform .28s;animation:.32s cubic-bezier(.2,.8,.2,1) both hubStageIn;display:flex}@keyframes hubStageIn{0%{opacity:0;transform:scale(.88)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.hub-panel-stage.is-exiting{opacity:0;transform:scale(.88)translateY(-8px)}.hub-panel-footer{background:#ffffff08;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.hub-panel-meta{flex-direction:column;gap:2px;display:flex}.hub-panel-name{letter-spacing:-.01em;font-size:13px;font-weight:700}.hub-panel-sub{color:#666;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.hub-panel-count{color:#888;font-size:11px;font-weight:650}.hub-panel-terminal{background:#08080c;height:220px;padding:22px 20px}.hub-terminal-line{font-family:var(--mono);align-items:center;gap:10px;font-size:15px;display:flex}.hub-terminal-prompt{color:#8b5cf6;font-weight:700}.hub-terminal-cmd{color:#f0f0f5;white-space:nowrap;font-weight:600}.hub-terminal-caret{background:#22d3ee;width:8px;height:17px;animation:.9s step-end infinite hubCaretBlink;display:inline-block}.hub-terminal-caret.is-idle{animation-duration:1.1s}@keyframes hubCaretBlink{50%{opacity:0}}.hub-terminal-desc{color:#888;opacity:0;max-width:340px;min-height:38px;margin:16px 0 0;font-size:12.5px;line-height:1.7;transition:opacity .35s}.hub-terminal-desc.is-visible{opacity:1}.hub-grid-section{z-index:1;padding-bottom:10px;position:relative}.hub-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;padding:20px 0 40px;display:grid;position:relative}.hub-card{animation-delay:calc(var(--card-index,0) * 90ms);isolation:isolate;background:#0b0b10;border:1px solid #ffffff1a;border-radius:20px;padding:28px 26px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;display:block;position:relative;overflow:hidden}.hub-card:hover{border-color:color-mix(in srgb,var(--card-color,#8b5cf6) 45%,transparent);transform:translateY(-5px);box-shadow:0 24px 50px #00000080}.hub-card-glow{background:radial-gradient(circle,var(--card-color,#8b5cf6),transparent 70%);filter:blur(50px);opacity:.22;pointer-events:none;z-index:0;border-radius:50%;width:220px;height:220px;transition:opacity .35s;position:absolute;top:-70px;right:-70px}.hub-card:hover .hub-card-glow{opacity:.34}.hub-card-sheen{pointer-events:none;z-index:1;background:linear-gradient(100deg,#0000,#ffffff1a,#0000);width:40%;height:100%;transition:left .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:-60%;transform:skew(-12deg)}.hub-card:hover .hub-card-sheen{left:120%}.hub-card-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.hub-card-tag{background:color-mix(in srgb,var(--card-color,#8b5cf6) 16%,transparent);border:1px solid color-mix(in srgb,var(--card-color,#8b5cf6) 34%,transparent);color:var(--card-color,#8b5cf6);letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:5px 11px;font-size:10px;font-weight:800}.hub-card-tag-muted{color:#999;background:#ffffff0f;border-color:#ffffff24}.hub-card-status{color:#777;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.hub-card h2{letter-spacing:-.04em;z-index:2;margin:18px 0 10px;font-size:26px;position:relative}.hub-card p{color:#999;z-index:2;margin:0 0 20px;font-size:13px;line-height:1.65;position:relative}.hub-card-domain{color:#eee;font-family:var(--mono);z-index:2;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:color .25s;display:inline-flex;position:relative}.hub-card:hover .hub-card-domain{color:var(--card-color,#8b5cf6)}.hub-card-next{opacity:.6;border-style:dashed}.hub-card-next:hover{transform:none}.hub-stats-section{z-index:1;padding:20px 0 70px;position:relative}.hub-stats{background:#ffffff08;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.hub-stat{animation:.7s cubic-bezier(.2,.8,.2,1) both riseIn;animation-delay:calc(var(--stat-index) * .1s);text-align:center;padding:32px 20px;transition:background .3s}.hub-stat:hover{background:#ffffff08}.hub-stat+.hub-stat{border-left:1px solid #ffffff14}.hub-stat-number{color:#f7f7fb;font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:clamp(28px,3.4vw,40px);font-weight:750;display:block}.hub-stat-label{color:#888;letter-spacing:.03em;margin-top:6px;font-size:11px;font-weight:600;display:block}.hub-footer{text-align:center;z-index:1;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:28px 0;display:flex;position:relative}.hub-footer p{color:#777;margin:0;font-size:11px}@media (max-width:860px){.hub-showcase-grid{grid-template-columns:1fr}}@media (max-width:600px){.hub-grid{grid-template-columns:1fr}.hub-hero-actions{flex-direction:column}.hub-stats{grid-template-columns:1fr 1fr}.hub-stat+.hub-stat{border-left:0}.hub-stat:nth-child(odd){border-right:1px solid #ffffff14}.hub-stat:nth-child(n+3){border-top:1px solid #ffffff14}.hub-footer{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){.hub-title em,.hub-panel-live,.hub-terminal-caret{animation:none!important}}.link-page{background:var(--link-bg);color:var(--link-text);font-family:var(--link-font),var(--sans);isolation:isolate;min-height:100vh;transition:background .5s,color .5s;position:relative}.link-shell{z-index:1;padding:44px 0 60px;position:relative}.link-shell.has-cover{padding-top:14px}.link-bg-fx{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.link-orb{filter:blur(110px);pointer-events:none;z-index:0;border-radius:50%;transition:background .6s;position:absolute}.link-orb-1{background:radial-gradient(circle,color-mix(in srgb,var(--link-accent) 55%,transparent),transparent 70%);width:520px;height:520px;animation:14s ease-in-out infinite linkOrbFloat;top:-200px;left:-180px}.link-orb-2{background:radial-gradient(circle,color-mix(in srgb,var(--link-accent-2) 45%,transparent),transparent 70%);width:440px;height:440px;animation:17s ease-in-out infinite reverse linkOrbFloat;bottom:-140px;right:-160px}@keyframes linkOrbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(26px,-30px)scale(1.05)}66%{transform:translate(-18px,22px)scale(.96)}}.link-grain{opacity:.3;pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.link-page[data-style=light] .link-grain{opacity:.07}@media (prefers-reduced-motion:reduce){.link-orb{animation:none!important}}.link-topbar{z-index:1;justify-content:flex-end;align-items:center;padding:6px 0 22px;display:flex;position:relative}.link-wordmark{color:var(--link-text);letter-spacing:-.07em;align-items:baseline;font-size:18px;font-weight:780;display:inline-flex}.link-wordmark>span:first-child{color:var(--link-accent)}.link-copy-btn{background:color-mix(in srgb,var(--link-text) 8%,transparent);border:1px solid color-mix(in srgb,var(--link-text) 16%,transparent);color:var(--link-text);border-radius:99px;align-items:center;gap:6px;padding:7px 13px;font-size:11px;font-weight:700;transition:background .25s,border-color .25s;display:inline-flex}.link-copy-btn:hover{background:color-mix(in srgb,var(--link-text) 14%,transparent);border-color:color-mix(in srgb,var(--link-accent) 50%,transparent)}.link-hero{text-align:center;z-index:1;max-width:420px;margin:0 auto;padding:10px 0 16px;position:relative}.link-avatar{background:linear-gradient(135deg,var(--link-accent),var(--link-accent-2));color:#0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 14px;font-size:26px;font-weight:800;animation:6s ease-in-out infinite linkAvatarFloat;display:flex;position:relative;overflow:hidden}.link-page[data-style=light] .link-avatar{color:#fff}.link-page[data-style=outline] .link-avatar{border:2px solid var(--link-text);color:var(--link-text);background:0 0}@keyframes linkAvatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.link-avatar-ring{border:1px solid color-mix(in srgb,var(--link-accent) 40%,transparent);border-radius:50%;animation:2.6s ease-in-out infinite linkRingPulse;position:absolute;inset:-8px}@keyframes linkRingPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.link-hero h1{letter-spacing:-.03em;margin:0 0 3px;font-size:23px}.link-handle{color:var(--link-accent);font-family:var(--mono);margin:0 0 12px;font-size:12px;font-weight:600}.link-bio{color:var(--link-muted);margin:0;font-size:13.5px;line-height:1.6}.link-theme-switcher{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;max-width:540px;margin:0 auto 36px;display:flex;position:relative}.link-swatch{background:color-mix(in srgb,var(--link-text) 6%,transparent);border:1px solid color-mix(in srgb,var(--link-text) 14%,transparent);border-radius:99px;align-items:center;gap:7px;padding:6px 12px 6px 7px;transition:background .25s,border-color .25s,transform .2s;display:inline-flex}.link-swatch:hover{transform:translateY(-1px)}.link-swatch.is-active{background:color-mix(in srgb,var(--link-text) 12%,transparent);border-color:color-mix(in srgb,var(--link-accent) 55%,transparent)}.link-swatch-dot{background:linear-gradient(135deg,var(--swatch-a),var(--swatch-b));border-radius:50%;width:16px;height:16px}.link-swatch-label{color:var(--link-text);font-size:11px;font-weight:650}.link-list-section{z-index:1;max-width:480px;margin:0 auto;position:relative}.link-group{margin-bottom:16px}.link-group-label{color:var(--link-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:800}.link-items{flex-direction:column;gap:10px;display:flex}.link-item{background:color-mix(in srgb,var(--link-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--link-text) 12%,transparent);border-radius:14px;align-items:center;gap:12px;padding:13px 14px;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.link-item:hover{border-color:color-mix(in srgb,var(--link-accent) 55%,transparent);transform:translateY(-2px)scale(1.01)}.link-item-icon{background:color-mix(in srgb,var(--link-accent) 16%,transparent);color:var(--link-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .3s;display:flex}.link-item:hover .link-item-icon{transform:rotate(-6deg)scale(1.08)}.link-item-body{flex-direction:column;gap:1px;min-width:0;display:flex}.link-item-label{color:var(--link-text);font-size:13.5px;font-weight:700}.link-item-desc{color:var(--link-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.link-item-clicks{background:color-mix(in srgb,var(--link-text) 10%,transparent);color:var(--link-muted);font-family:var(--mono);border-radius:99px;padding:3px 7px;font-size:10px}.link-item-arrow{color:var(--link-muted);flex-shrink:0;transition:color .25s,transform .25s}.link-item:hover .link-item-arrow{color:var(--link-accent);transform:translate(2px,-2px)}.link-page[data-style=glass] .link-item{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.link-page[data-style=glow] .link-item:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--link-accent) 40%,transparent),0 14px 32px color-mix(in srgb,var(--link-accent) 22%,transparent)}.link-page[data-style=warm] .link-item{background:linear-gradient(135deg,color-mix(in srgb,var(--link-accent) 10%,transparent),color-mix(in srgb,var(--link-accent-2) 6%,transparent))}.link-page[data-style=outline] .link-item{background:0 0;border-width:1.5px}.link-page[data-style=outline] .link-item-label{font-family:var(--mono)}.link-page[data-style=outline] .link-item-icon{border:1px solid color-mix(in srgb,var(--link-text) 30%,transparent);background:0 0}.link-page[data-style=neon] .link-item{border-color:color-mix(in srgb,var(--link-accent) 30%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--link-accent-2) 10%,transparent)}.link-page[data-style=neon] .link-item:hover{box-shadow:0 0 20px color-mix(in srgb,var(--link-accent) 35%,transparent),0 0 40px color-mix(in srgb,var(--link-accent-2) 15%,transparent)}.link-page[data-style=light] .link-item{background:#fff;border-color:#00000014;box-shadow:0 2px 10px #0000000a}.link-page[data-style=light] .link-item:hover{box-shadow:0 10px 24px #00000014}.link-reports{background:color-mix(in srgb,var(--link-text) 4%,transparent);border:1px solid color-mix(in srgb,var(--link-text) 10%,transparent);z-index:1;border-radius:18px;max-width:480px;margin:34px auto 0;padding:22px 22px 26px;position:relative}.link-reports-head{margin-bottom:16px}.link-reports-eyebrow{color:var(--link-accent);letter-spacing:.1em;align-items:center;gap:6px;margin:0;font-size:10px;font-weight:800;display:flex}.link-reports-note{color:var(--link-muted);margin:6px 0 0;font-size:11px;line-height:1.6}.link-reports-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px;display:grid}.link-report-stat{text-align:center}.link-report-number{color:var(--link-text);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:750;display:block;overflow:hidden}.link-report-label{color:var(--link-muted);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:9.5px;font-weight:650;display:block}.link-report-bars{border-top:1px solid color-mix(in srgb,var(--link-text) 10%,transparent);flex-direction:column;gap:9px;margin-top:16px;padding-top:16px;display:flex}.link-report-bar-row{grid-template-columns:78px 1fr 24px;align-items:center;gap:10px;display:grid}.link-report-bar-label{color:var(--link-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.link-report-bar-track{background:color-mix(in srgb,var(--link-text) 8%,transparent);border-radius:99px;height:6px;overflow:hidden}.link-report-bar-fill{background:linear-gradient(90deg,var(--link-accent),var(--link-accent-2));border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.link-report-bar-value{color:var(--link-text);font-family:var(--mono);text-align:right;font-size:10px}.link-report-empty{color:var(--link-muted);text-align:center;margin:14px 0 0;font-size:11.5px;line-height:1.6}.link-footer{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:8px;margin-top:40px;padding-top:24px;display:flex;position:relative}.link-footer p{color:var(--link-muted);align-items:center;gap:5px;margin:0;font-size:10.5px;display:inline-flex}@media (max-width:520px){.link-reports-grid{grid-template-columns:1fr 1fr}.link-reports-grid .link-report-stat:last-child{grid-column:1/-1}.link-report-bar-row{grid-template-columns:64px 1fr 22px}}@media (prefers-reduced-motion:reduce){.link-avatar,.link-avatar-ring,.link-badge-dot{animation:none!important}}.link-username-field{background:color-mix(in srgb,var(--link-text,#fff) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--link-text,#fff) 16%,transparent);border-radius:10px;align-items:center;height:48px;padding:0 14px;transition:border-color .2s;display:flex}.link-username-field.availability-available{border-color:#4dd481}.link-username-field.availability-taken,.link-username-field.availability-invalid{border-color:#ff6b6b}.link-username-prefix{color:var(--link-muted,#999);font-family:var(--mono);white-space:nowrap;font-size:13px}.link-username-field input{color:var(--link-text,#fff);font-family:var(--mono);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 6px;font-size:13px}.link-username-status{color:var(--link-muted,#999);align-items:center;display:flex}.link-username-field.availability-available .link-username-status{color:#4dd481}.link-username-field.availability-taken .link-username-status,.link-username-field.availability-invalid .link-username-status{color:#ff6b6b}.link-onboarding-note{color:#ff9d94;margin-top:7px;font-size:11px;display:block}.link-onboarding-note.is-good{color:#4dd481}.link-onboarding-loading{color:var(--link-text,#fff);justify-content:center;align-items:center;gap:10px;min-height:60vh;font-size:13px;display:flex}.link-onboarding-shell{justify-content:center;align-items:center;min-height:100vh;padding:60px 0;display:flex}.link-onboarding-card{background:color-mix(in srgb,var(--link-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--link-text) 12%,transparent);z-index:1;border-radius:20px;width:100%;max-width:440px;padding:36px 32px;position:relative}.link-onboarding-card h1{letter-spacing:-.03em;margin:10px 0 8px;font-size:28px}.link-onboarding-sub{color:var(--link-muted);margin:0 0 26px;font-size:13px;line-height:1.6}.link-onboarding-field{margin-bottom:18px;display:block}.link-onboarding-field>span{color:var(--link-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.link-onboarding-field input,.link-onboarding-field textarea{background:color-mix(in srgb,var(--link-text) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--link-text) 14%,transparent);color:var(--link-text);resize:vertical;border-radius:9px;width:100%;padding:11px 13px;font-size:13px}.link-onboarding-field textarea{font-family:inherit}.link-onboarding-submit{width:100%;margin-top:6px}.link-auth-shell{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 0;display:flex;position:relative}.link-back{color:var(--link-muted);align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex;position:absolute;top:28px;left:24px}.link-auth-card{background:color-mix(in srgb,var(--link-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--link-text) 12%,transparent);color:var(--link-text);border-radius:20px;padding:34px 32px}.link-auth-card .eyebrow,.link-auth-card .eyebrow svg{color:var(--link-accent)}.link-auth-card h2{color:var(--link-text);margin:8px 0 6px;font-size:24px}.link-auth-card .auth-heading>p,.link-auth-card .divider{color:var(--link-muted)}.linkdash{color:#f2f2f4;background:#0a0a0c;min-height:100vh;padding:0 0 60px}.linkdash-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px clamp(20px,4vw,48px);display:flex}.linkdash-brand{color:#fff;letter-spacing:-.06em;align-items:baseline;gap:6px;font-size:19px;font-weight:780;display:inline-flex}.linkdash-brand span{color:#ff7a00}.linkdash-brand em{color:#8a8a92;margin-left:2px;font-size:13px;font-style:normal;font-weight:600}.linkdash-header-actions{align-items:center;gap:10px;display:flex}.linkdash-notice{color:#8fe6ac;background:#4dd4811f;border:1px solid #4dd4814d;margin:16px clamp(20px,4vw,48px) 0}.linkdash-grid{grid-template-columns:1.3fr 1fr;gap:22px;padding:26px clamp(20px,4vw,48px) 0;display:grid}.linkdash-col{flex-direction:column;gap:18px;min-width:0;display:flex}.linkdash-card{background:#121215;border:1px solid #ffffff17;border-radius:16px;padding:22px}.linkdash-card h2{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;display:flex}.linkdash-card h2 svg{color:#ff9f43}.linkdash-card-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.linkdash-card-head h2{margin:0}.linkdash-field{margin-bottom:14px;display:block}.linkdash-field>span{color:#8a8a92;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.linkdash-field input,.linkdash-field textarea{color:#fff;resize:vertical;background:#1a1a1e;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:10px 12px;font-size:13px}.linkdash-theme-switcher{justify-content:flex-start;margin:0}.linkdash-category{margin-top:16px}.linkdash-category:first-child{margin-top:0}.linkdash-category-label{color:#77777f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:800}.linkdash-link-row{background:#17171b;border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:11px;margin-bottom:8px;padding:10px 12px;display:flex}.linkdash-link-main{flex-direction:column;gap:1px;min-width:0;display:flex}.linkdash-link-main b{color:#fff;font-size:12.5px}.linkdash-link-main span{color:#7d7d85;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.linkdash-link-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.linkdash-link-actions button{color:#9a9aa2;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.linkdash-link-actions button:hover:not(:disabled){color:#fff;background:#ffffff14}.linkdash-link-actions button:disabled{opacity:.3}.linkdash-link-delete:hover:not(:disabled){color:#ff6b6b!important}.linkdash-reports-grid{margin-top:2px}.dashboard-empty-inline{color:#7d7d85;text-align:center;padding:10px 0;font-size:12px}.linkdash-icon-grid{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.linkdash-icon-option{color:#9a9aa2;background:#1a1a1e;border:1.5px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;height:34px;display:flex}.linkdash-icon-option.is-active{color:#ff7a00;border-color:#ff7a00}.linkdash-preview-col{align-items:center}.linkdash-preview-label{color:#7d7d85;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.linkdash-preview-frame{background:#000;border:8px solid #1c1c20;border-radius:34px;width:320px;height:640px;position:sticky;top:24px;overflow:hidden;box-shadow:0 30px 60px #00000080}.linkdash-preview-inner{width:100%;height:100%;overflow-y:auto}.linkdash-preview-inner .link-page{min-height:100%}@media (max-width:1000px){.linkdash-grid{grid-template-columns:1fr}.linkdash-preview-frame{width:280px;height:560px;margin:0 auto}}@media (max-width:560px){.linkdash-header{flex-wrap:wrap;gap:12px}}.linkadmin-table article{grid-template-columns:31px 1fr 90px 160px 90px 130px}.linksaas-page{color:#f5f4f0;isolation:isolate;background:#050505;position:relative;overflow-x:hidden}.linksaas-header{z-index:1;justify-content:space-between;align-items:center;padding:28px 0;display:flex;position:relative}.linksaas-hero{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:40px 0 70px;display:grid;position:relative}.linksaas-hero-copy h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(40px,5.6vw,68px);font-weight:700;line-height:.98}.linksaas-sub{color:#a8a8a2;max-width:460px;margin:0 0 28px;font-size:15.5px;line-height:1.7}.linksaas-claim{align-items:center;gap:10px;max-width:460px;display:flex}.linksaas-claim .link-username-field{flex:1}.linksaas-claim .button{white-space:nowrap;flex-shrink:0}.linksaas-claim .button.is-disabled{opacity:.45;pointer-events:none}.linksaas-hero-preview{justify-content:center;display:flex}.linksaas-phone{background:#000;border:8px solid #1c1c20;border-radius:34px;width:290px;height:560px;overflow:hidden;box-shadow:0 40px 80px #00000080}.linksaas-phone-inner{width:100%;height:100%;overflow-y:auto}.linksaas-phone-inner .link-page{min-height:100%}.linksaas-features{z-index:1;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 0 70px;display:grid;position:relative}.linksaas-feature{background:#ffffff08;border:1px solid #ffffff17;border-radius:16px;padding:24px}.linksaas-feature-icon{color:#ff9f43;background:#ff7a0024;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:14px;display:flex}.linksaas-feature h3{margin:0 0 8px;font-size:16px}.linksaas-feature p{color:#9a9a94;margin:0;font-size:13px;line-height:1.6}.linksaas-pricing{text-align:center;z-index:1;padding:20px 0 80px;position:relative}.linksaas-pricing-card{background:linear-gradient(160deg,#ff7a001a,#b99cff0f);border:1px solid #ff7a0040;border-radius:22px;max-width:400px;margin:0 auto;padding:40px 32px}.linksaas-pricing-card .eyebrow{color:#ff9f43;justify-content:center}.linksaas-pricing-card h2{letter-spacing:-.05em;margin:14px 0 22px;font-size:52px}.linksaas-pricing-card h2 span{color:#9a9a94;letter-spacing:0;font-size:16px;font-weight:500}.linksaas-pricing-card ul{text-align:left;flex-direction:column;gap:12px;margin:0 0 28px;padding:0;list-style:none;display:flex}.linksaas-pricing-card li{color:#d5d5d0;align-items:center;gap:9px;font-size:13.5px;display:flex}.linksaas-pricing-card li svg{color:#4dd481;flex-shrink:0}.linksaas-pricing-card .button{width:100%}@media (max-width:900px){.linksaas-hero{text-align:center;grid-template-columns:1fr}.linksaas-hero-copy{order:2}.linksaas-hero-preview{order:1}.linksaas-claim,.linksaas-sub{margin-inline:auto}.linksaas-features{grid-template-columns:1fr}}@media (max-width:560px){.linksaas-claim{flex-direction:column}.linksaas-claim .button{width:100%}}.link-tagline{color:var(--link-accent);letter-spacing:.02em;margin:2px 0 10px;font-size:12.5px;font-weight:700}.link-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.link-grid-card{background:color-mix(in srgb,var(--link-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--link-text) 12%,transparent);border-radius:16px;flex-direction:column;gap:8px;padding:18px 16px;transition:border-color .25s,transform .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.link-grid-card:hover{border-color:color-mix(in srgb,var(--link-accent) 55%,transparent);transform:translateY(-3px)scale(1.02)}.link-grid-card-label{color:var(--link-text);font-size:13px;font-weight:700}.link-grid-card-desc{color:var(--link-muted);font-size:10.5px;line-height:1.5}.link-grid-card .link-item-arrow{position:absolute;top:16px;right:14px}.link-page[data-style=glass] .link-grid-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.link-page[data-style=glow] .link-grid-card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--link-accent) 40%,transparent),0 14px 32px color-mix(in srgb,var(--link-accent) 22%,transparent)}.link-page[data-style=warm] .link-grid-card{background:linear-gradient(135deg,color-mix(in srgb,var(--link-accent) 10%,transparent),color-mix(in srgb,var(--link-accent-2) 6%,transparent))}.link-page[data-style=outline] .link-grid-card{background:0 0;border-width:1.5px}.link-page[data-style=outline] .link-grid-card-label{font-family:var(--mono)}.link-page[data-style=neon] .link-grid-card{border-color:color-mix(in srgb,var(--link-accent) 30%,transparent)}.link-page[data-style=neon] .link-grid-card:hover{box-shadow:0 0 20px color-mix(in srgb,var(--link-accent) 35%,transparent)}.link-page[data-style=light] .link-grid-card{background:#fff;border-color:#00000014;box-shadow:0 2px 10px #0000000a}.link-hero-minimal{padding-bottom:14px}.link-hero-minimal .link-avatar{width:64px;height:64px;font-size:20px}.link-hero-minimal h1{font-size:19px}.link-list-minimal{flex-direction:column;gap:7px;display:flex}.link-minimal-row{background:color-mix(in srgb,var(--link-text) 4%,transparent);border:1px solid color-mix(in srgb,var(--link-text) 10%,transparent);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;transition:border-color .2s,transform .2s;display:flex}.link-minimal-row:hover{border-color:color-mix(in srgb,var(--link-accent) 50%,transparent);transform:translate(3px)}.link-minimal-row .link-item-label{font-size:12.5px;font-weight:650}.link-minimal-row .link-item-arrow{margin-left:auto}.linkdash{color:#f2f2f4;background:#0a0a0c;min-height:100vh;display:flex}.linkdash-sidebar{z-index:5;background:#0d0d10;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:230px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.linkdash-sidebar nav{flex-direction:column;gap:3px;margin-top:28px;display:flex}.linkdash-sidebar nav button{color:#a0a0a8;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 11px;font-size:13px;font-weight:650;display:flex}.linkdash-sidebar nav button span{background:#ffffff14;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:9px}.linkdash-sidebar nav button:hover{color:#fff;background:#ffffff0d}.linkdash-sidebar nav button.active{color:#ff9f43;background:#ff7a001f}.linkdash-sidebar-bottom{border-top:1px solid #ffffff14;flex-direction:column;gap:2px;margin-top:auto;padding-top:14px;display:flex}.linkdash-sidebar-bottom a,.linkdash-sidebar-bottom button{color:#8a8a92;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:36px;padding:0 11px;font-size:12px;font-weight:600;display:flex}.linkdash-sidebar-bottom a:hover,.linkdash-sidebar-bottom button:hover{color:#fff;background:#ffffff0d}.linkdash-body{flex:1;min-width:0;margin-left:230px;padding:26px clamp(20px,3vw,40px) 60px}.linkdash-notice{margin-bottom:18px}.linkdash-content-grid{grid-template-columns:1.3fr 1fr;gap:26px;display:grid}.linkdash-main{min-width:0}.linkdash-view-title{letter-spacing:-.03em;margin:8px 0 22px;font-size:26px}.linkdash-view-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.linkdash-view-head h1{margin-bottom:0}.linkdash-welcome{margin-bottom:22px}.linkdash-welcome h1{letter-spacing:-.03em;margin:8px 0 14px;font-size:26px}.linkdash-url-pill{color:#d7d7dc;font-family:var(--mono);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;transition:border-color .2s,color .2s;display:inline-flex}.linkdash-url-pill:hover{color:#fff;border-color:#ff7a0066}.linkdash-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.linkdash-stat-tile{background:#121215;border:1px solid #ffffff17;border-radius:14px;padding:18px}.linkdash-stat-tile span{color:#fff;letter-spacing:-.03em;font-size:26px;font-weight:750;display:block}.linkdash-stat-tile-text{font-size:17px!important}.linkdash-stat-tile small{color:#8a8a92;letter-spacing:.03em;text-transform:uppercase;margin-top:5px;font-size:10.5px;font-weight:650;display:block}.linkdash-quick-actions{gap:10px;display:flex}.linkdash-card-note{color:#8a8a92;margin:-8px 0 16px;font-size:12px;line-height:1.6}.linkdash-accent-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.linkdash-accent-swatch{border:2px solid #0000;border-radius:50%;width:30px;height:30px;transition:transform .15s}.linkdash-accent-swatch:hover{transform:scale(1.1)}.linkdash-accent-swatch.is-active{border-color:#fff}.linkdash-accent-custom{background:#1a1a1e;border:1.5px dashed #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;overflow:hidden}.linkdash-accent-custom input{appearance:none;background:0 0;border:0;width:44px;height:44px;padding:0}.linkdash-accent-custom input::-webkit-color-swatch-wrapper{padding:0}.linkdash-accent-custom input::-webkit-color-swatch{border:0}.linkdash-reset-accent{margin-top:12px;display:block}.linkdash-layout-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.linkdash-layout-card{color:#c8c8ce;text-align:left;background:#17171b;border:1.5px solid #ffffff17;border-radius:12px;flex-direction:column;gap:6px;padding:16px;transition:border-color .2s;display:flex}.linkdash-layout-card svg{color:#8a8a92}.linkdash-layout-card b{color:#fff;font-size:13px}.linkdash-layout-card span{color:#8a8a92;font-size:11px;line-height:1.5}.linkdash-layout-card.is-active{border-color:#ff7a00}.linkdash-layout-card.is-active svg{color:#ff9f43}.linkdash-rank-list{flex-direction:column;gap:2px;display:flex}.linkdash-rank-row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.linkdash-rank-row:first-child{border-top:0}.linkdash-rank-row span{color:#d7d7dc;font-size:12.5px}.linkdash-rank-row b{color:#fff;font-family:var(--mono);font-size:12px}@media (max-width:1100px){.linkdash-content-grid{grid-template-columns:1fr}.linkdash-preview-frame{margin:0 auto}}@media (max-width:900px){.linkdash{flex-direction:column}.linkdash-sidebar{flex-flow:wrap;gap:8px;width:100%;height:auto;padding:16px;position:static;overflow-y:visible}.linkdash-sidebar nav{flex-flow:wrap;gap:6px;margin-top:0}.linkdash-sidebar nav button{width:auto}.linkdash-sidebar-bottom{border-top:0;flex-flow:wrap;width:auto;margin-top:0;padding-top:0}.linkdash-sidebar-bottom a,.linkdash-sidebar-bottom button{width:auto}.linkdash-body{margin-left:0;padding:20px 14px 50px}.linkdash-stat-grid{grid-template-columns:1fr 1fr}.linkdash-layout-grid{grid-template-columns:1fr}}@media (max-width:520px){.linkdash-brand{font-size:16px}.linkdash-stat-grid{grid-template-columns:1fr}.linkdash-welcome h1,.linkdash-view-title{font-size:21px}.linkdash-quick-actions{flex-direction:column}.linkdash-quick-actions .button{width:100%}.linkdash-preview-frame{width:100%;max-width:320px;height:520px}}.link-item-icon.is-brand{background:#fff;box-shadow:inset 0 0 0 1px #0000000f}.link-item-icon.is-brand svg{filter:none}.link-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.link-cover{z-index:1;width:100%;height:220px;position:relative;overflow:hidden}.link-cover-media{object-fit:cover;width:100%;height:100%;animation:.5s both linkCoverFade}@keyframes linkCoverFade{0%{opacity:0}to{opacity:1}}.link-cover-fade{background:linear-gradient(180deg,transparent 45%,var(--link-bg) 97%);position:absolute;inset:0}.link-cover-share{z-index:2;position:absolute;top:20px;right:24px}.link-cover-dots{z-index:2;justify-content:center;gap:5px;display:flex;position:absolute;bottom:14px;left:0;right:0}.link-cover-dot{background:#fff6;border-radius:99px;width:5px;height:5px;transition:background .2s,width .2s}.link-cover-dot.is-active{background:#fff;width:16px}.link-avatar.overlaps-cover{margin-top:-42px}[data-card-style=outline] .link-item,[data-card-style=outline] .link-grid-card{border-color:color-mix(in srgb,var(--link-accent) 45%,transparent);background:0 0;border-width:1.5px}[data-card-style=outline] .link-minimal-row{border-color:color-mix(in srgb,var(--link-accent) 40%,transparent);background:0 0}[data-card-style=glass] .link-item,[data-card-style=glass] .link-grid-card,[data-card-style=glass] .link-minimal-row{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--link-text) 8%,transparent)}[data-card-style=shadow] .link-item,[data-card-style=shadow] .link-grid-card{background:color-mix(in srgb,var(--link-text) 6%,transparent);border-color:#0000;box-shadow:0 14px 28px #00000047,0 2px 8px #0000002e}[data-card-style=shadow] .link-minimal-row{border-color:#0000;box-shadow:0 6px 16px #00000038}[data-card-style=minimal] .link-item{border:0;border-bottom:1px solid color-mix(in srgb,var(--link-text) 10%,transparent);background:0 0;border-radius:0;padding-left:2px;padding-right:2px}[data-card-style=minimal] .link-item:hover{transform:none}[data-card-style=minimal] .link-grid-card{border-color:color-mix(in srgb,var(--link-text) 10%,transparent);background:0 0}[data-card-style=minimal] .link-minimal-row{border:0;border-bottom:1px solid color-mix(in srgb,var(--link-text) 8%,transparent);background:0 0;border-radius:0}.link-intro-page{background:#050505;justify-content:center;align-items:center;min-height:100vh;display:flex}.link-intro-name{color:#f5f4f0;font-family:var(--sans);letter-spacing:-.03em;font-size:clamp(28px,6vw,52px);font-weight:700}.link-intro-caret{vertical-align:-.1em;background:#ff7a00;width:3px;height:.85em;margin-left:4px;animation:.9s step-end infinite linkCaretBlink;display:inline-block}@keyframes linkCaretBlink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.link-intro-caret{animation:none!important}}.linkdash-bgstyle-row{gap:8px;margin-bottom:12px;display:flex}.linkdash-bgstyle-btn{color:#c8c8ce;background:#1a1a1e;border:1.5px solid #ffffff1a;border-radius:8px;flex:1;padding:9px;font-size:12px;font-weight:650}.linkdash-bgstyle-btn.is-active{color:#ff9f43;border-color:#ff7a00}.linkdash-bg2-label{margin-top:14px}@media (max-width:600px){.link-shell{padding:32px 0 48px}.link-topbar{padding:4px 0 16px}.link-cover{height:150px}.link-hero h1{font-size:20px}.link-avatar{width:72px;height:72px;font-size:22px}.link-bio{font-size:12.5px}.link-theme-switcher{gap:6px}.link-swatch{padding:5px 10px 5px 6px}.link-swatch-label{font-size:10px}.link-item{padding:11px 12px}.link-item-label{font-size:12.5px}.link-item-desc{font-size:10px}.link-grid{gap:8px}.link-grid-card{padding:14px 12px}.link-reports{padding:18px 16px 22px}}@media (max-width:380px){.link-theme-switcher{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}}.linksaas-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#050505b8;border-bottom:1px solid #ffffff14;position:sticky;top:0}.linksaas-nav-inner{justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.linksaas-nav-links{gap:28px;display:flex}.linksaas-nav-links a{color:#c4c4bf;font-size:13px;font-weight:600;transition:color .2s}.linksaas-nav-links a:hover{color:#fff}.linksaas-nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.linksaas-nav-toggle{color:#fff;background:0 0;border:1px solid #ffffff24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:none}.linksaas-nav-mobile{background:#0a0a0a;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:4px;padding:10px 24px 22px;display:none}.linksaas-nav-mobile a{color:#d7d7dc;padding:11px 0;font-size:14px;font-weight:600}.linksaas-nav-mobile-actions{gap:10px;margin-top:8px;display:flex}.linksaas-nav-mobile-actions .button{flex:1}.linksaas-section-head{text-align:center;max-width:480px;margin:0 auto 36px}.linksaas-section-head h2{letter-spacing:-.03em;margin:10px 0 0;font-size:clamp(24px,3vw,34px)}.linksaas-steps{z-index:1;padding:26px 0 20px;position:relative}.linksaas-steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.linksaas-step{background:#ffffff08;border:1px solid #ffffff17;border-radius:16px;padding:26px 22px;position:relative;overflow:hidden}.linksaas-step-number{color:#ffffff1a;letter-spacing:-.05em;font-size:42px;font-weight:800;position:absolute;top:6px;right:16px}.linksaas-step h3{z-index:1;margin:16px 0 8px;font-size:16px;position:relative}.linksaas-step p{color:#9a9a94;z-index:1;margin:0;font-size:13px;line-height:1.6;position:relative}.linksaas-footer{z-index:1;border-top:1px solid #ffffff17;padding:50px 0 26px;position:relative}.linksaas-footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:34px;display:grid}.linksaas-footer-brand p{color:#8f8f89;max-width:280px;margin:12px 0 0;font-size:12.5px;line-height:1.7}.linksaas-footer-col{flex-direction:column;gap:11px;display:flex}.linksaas-footer-col p{color:#6f6f6a;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.linksaas-footer-col a{color:#c4c4bf;font-size:13px;transition:color .2s}.linksaas-footer-col a:hover{color:#fff}.linksaas-footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:22px;display:flex}.linksaas-footer-bottom span{color:#6f6f6a;font-size:11px}.linksaas-footer-bottom .link-wordmark{font-size:15px}@media (max-width:900px){.linksaas-nav-links,.linksaas-nav-actions{display:none}.linksaas-nav-toggle,.linksaas-nav-mobile{display:flex}.linksaas-steps-grid{grid-template-columns:1fr}.linksaas-footer-top{grid-template-columns:1fr;gap:28px}}@media (max-width:560px){.linksaas-footer-bottom{text-align:center;flex-direction:column;gap:10px}}.linkdash-upload-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.linkdash-upload-preview{color:#666;background:#1a1a1e;border:1.5px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.linkdash-upload-preview img{object-fit:cover;width:100%;height:100%}.linkdash-upload-info{flex-direction:column;gap:6px;min-width:0;display:flex}.linkdash-upload-info>span{color:#d7d7dc;font-size:12px;font-weight:650}.linkdash-upload-info>span i{color:#7d7d85;font-style:normal;font-weight:500}.linkdash-upload-actions{align-items:center;gap:12px;display:flex}.linkdash-upload-btn{cursor:pointer;min-height:34px;padding:0 12px;font-size:11.5px}.linkdash-upload-btn.is-loading{opacity:.7;pointer-events:none}.linkdash-cover-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-bottom:14px;display:grid}.linkdash-cover-item{background:#000;border-radius:12px;height:90px;position:relative;overflow:hidden}.linkdash-cover-item img,.linkdash-cover-item video{object-fit:cover;width:100%;height:100%}.linkdash-cover-remove{color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:650;position:absolute;bottom:6px;right:6px}.linkdash-cover-remove:hover{background:#000000d9}.kart-page{font-family:var(--font-tajawal)}.kart-cover-names,.kart-hero-names,.kart-couple-names h1{font-family:var(--font-amiri)}.kart-section-title{font-family:var(--font-reemkufi)}.kart-page{background:var(--kart-bg);color:var(--kart-text);scroll-behavior:smooth;min-height:100vh;position:relative;overflow-x:hidden}.kart-bg-fx{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.kart-orb{filter:blur(70px);opacity:.35;border-radius:50%;position:absolute}.kart-orb-1{background:var(--kart-accent);width:340px;height:340px;top:-100px;left:-120px}.kart-orb-2{background:var(--kart-accent-2);width:380px;height:380px;bottom:-140px;right:-140px}.kart-grain{opacity:.5;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.kart-floral{color:var(--kart-accent);opacity:.45;width:230px;height:auto;position:absolute}.kart-floral-top{top:-10px;left:-30px}.kart-floral-bottom{bottom:-10px;right:-30px;transform:rotate(180deg)}.kart-effects-layer{position:absolute;inset:0;overflow:hidden}.kart-butterfly{color:var(--kart-accent);animation-name:kartButterflyFly;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;left:-40px}@keyframes kartButterflyFly{0%{transform:translate(0)rotate(0)}20%{transform:translate(30vw,-36px)rotate(10deg)}40%{transform:translate(58vw,22px)rotate(-8deg)}60%{transform:translate(88vw,-18px)rotate(10deg)}80%{transform:translate(112vw,26px)rotate(-10deg)}to{transform:translate(140vw)rotate(0)}}.kart-butterfly-wing{transform-box:fill-box;animation:.32s ease-in-out infinite alternate kartWingFlap}.kart-butterfly-wing-left{transform-origin:100%}.kart-butterfly-wing-right{transform-origin:0}@keyframes kartWingFlap{0%{transform:scaleX(1)}to{transform:scaleX(.55)}}.kart-petal{background:linear-gradient(135deg, var(--kart-accent-2), var(--kart-accent));opacity:.7;border-radius:0 100%;animation-name:kartPetalFall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-6%}@keyframes kartPetalFall{0%{transform:translate(0)rotate(0)}25%{transform:translate(16px,26vh)rotate(90deg)}50%{transform:translate(-14px,52vh)rotate(180deg)}75%{transform:translate(16px,78vh)rotate(270deg)}to{transform:translateY(108vh)rotate(360deg)}}.kart-fullscreen-open-trigger{cursor:pointer;z-index:50;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;width:100vw;height:100dvh;margin:0;padding:0;position:fixed;inset:0}.kart-envelope-stage{background:radial-gradient(circle at center, color-mix(in srgb, var(--kart-bg) 92%, #fff), var(--kart-bg));cursor:pointer;opacity:1;perspective:1600px;z-index:30;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s;display:flex;position:fixed;inset:0}.kart-envelope-stage.stage-card-out{opacity:1}.kart-envelope-stage.is-fading-out{opacity:0}.kart-envelope{filter:drop-shadow(0 28px 45px #00000052);height:min(60vw,270px);transform-style:preserve-3d;width:min(88vw,390px);transition:transform .4s;position:relative}.kart-envelope:hover{transform:translateY(-2px)scale(1.01)}.kart-envelope.stage-card-out{transform:translateY(50px)}.kart-envelope-back{background:linear-gradient(145deg, color-mix(in srgb, var(--kart-accent) 85%, black 15%), var(--kart-accent));z-index:1;border-radius:12px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 30px #00000040}.kart-envelope-card{background:var(--kart-card,#fff);border:1px solid color-mix(in srgb, var(--kart-accent) 25%, transparent);color:var(--kart-text);opacity:0;pointer-events:none;text-align:center;z-index:2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:90%;height:90%;padding:24px 20px;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .5s,box-shadow .6s;display:flex;position:absolute;top:5%;left:5%;overflow:hidden;transform:translateY(8%)scale(.92);box-shadow:0 20px 45px #00000059}.kart-envelope.stage-flap .kart-envelope-card{opacity:1;transform:translateY(2%)scale(.95)}.kart-envelope.stage-card-out .kart-envelope-card{opacity:1;z-index:10;transform:translateY(-56%)scale(1);box-shadow:0 35px 80px #0000008c}.kart-envelope-card:has(.kart-envelope-card-photo){box-shadow:none;background:0 0;border:0;padding:0}.kart-envelope.stage-card-out .kart-envelope-card:has(.kart-envelope-card-photo){width:88%;height:130%;left:6%;transform:translateY(-68%)scale(1)}.kart-envelope-card:has(.kart-envelope-card-photo):after{display:none}.kart-envelope-card-photo{object-fit:cover;object-position:center top;border-radius:16px;width:100%;height:100%;transition:transform 2.5s;display:block;position:absolute;inset:0;box-shadow:0 30px 70px #00000080}.kart-envelope.stage-card-out .kart-envelope-card-photo{transform:scale(1);box-shadow:0 40px 90px #000000a6}.kart-envelope-card>*{z-index:1;position:relative}.kart-envelope-card-ornament{color:var(--kart-accent);opacity:.85}.kart-envelope-card-ornament svg{width:auto;height:52px}.kart-envelope-fold{pointer-events:none;z-index:3;position:absolute;inset:0}.kart-envelope-fold-left{background:linear-gradient(135deg, color-mix(in srgb, var(--kart-accent) 75%, black 12%), color-mix(in srgb, var(--kart-accent) 85%, black 5%));clip-path:polygon(0 0,0 100%,52% 52%)}.kart-envelope-fold-right{background:linear-gradient(225deg, color-mix(in srgb, var(--kart-accent) 65%, black 18%), color-mix(in srgb, var(--kart-accent) 80%, black 8%));clip-path:polygon(100% 0,100% 100%,48% 52%)}.kart-envelope-fold-bottom{background:linear-gradient(0deg, color-mix(in srgb, var(--kart-accent-2) 65%, black 10%), color-mix(in srgb, var(--kart-accent) 75%, black 15%));clip-path:polygon(0 100%,100% 100%,50% 48%);z-index:4}.kart-envelope-flap{backface-visibility:hidden;background:linear-gradient(170deg, var(--kart-accent), color-mix(in srgb, var(--kart-accent) 75%, black 15%));clip-path:polygon(0 0,100% 0,50% 54%);transform-origin:top;z-index:5;transition:transform .95s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:rotateX(0);box-shadow:0 4px 12px #0003}.kart-envelope.stage-flap .kart-envelope-flap,.kart-envelope.stage-card-out .kart-envelope-flap{transform:rotateX(-180deg)}.kart-wax-seal{color:#3d2a00;pointer-events:none;z-index:12;background:radial-gradient(circle at 35% 35%,#ffe477,#d4af37 55%,#997a15);border:2px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .35s,opacity .35s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000073,inset 0 2px 5px #fffc,inset 0 -4px 8px #0006}.kart-envelope.stage-flap .kart-wax-seal,.kart-envelope.stage-card-out .kart-wax-seal{opacity:0;transform:translate(-50%,-50%)scale(.5)}.kart-envelope-outer{color:#fff;pointer-events:none;text-align:center;text-shadow:0 2px 14px #0009;z-index:7;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 16px 18px;transition:opacity .4s,transform .4s;display:flex;position:absolute;inset:0}.kart-cover-names-wrap{margin-top:4px}.kart-cover-tap-wrap{margin-bottom:2px}.kart-envelope.stage-flap .kart-envelope-outer,.kart-envelope.stage-card-out .kart-envelope-outer{opacity:0;transform:scale(.95)}.kart-envelope-outer .kart-couple-divider,.kart-envelope-outer .kart-cover-tap{color:#fffffff2}.kart-envelope-outer .kart-cover-tap{border-color:#ffffff80}.kart-music-toggle{background:color-mix(in srgb, var(--kart-card,var(--kart-bg)) 88%, transparent);border:1px solid color-mix(in srgb, var(--kart-accent) 30%, transparent);color:var(--kart-accent);z-index:15;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 6px 16px #00000029}.kart-opener{text-align:center;padding:34px 24px 4px}.kart-opener-lead{color:var(--kart-accent-ink);font-family:var(--font-amiri);margin:0 0 12px;font-size:clamp(24px,5.5vw,32px)}.kart-opener-verse{color:var(--kart-muted);max-width:420px;margin:0 auto;font-size:14.5px;line-height:2}.kart-shell{z-index:1;padding:36px 0 28px;position:relative}.kart-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:8px 20px 22px;display:flex}.kart-hero-ornament{color:var(--kart-accent);margin-bottom:6px}.kart-hero-eyebrow{color:var(--kart-accent-ink);opacity:.9;margin:0;font-size:13px;font-weight:700}.kart-hero-names{letter-spacing:-.02em;margin:4px 0;font-size:clamp(32px,7vw,52px);line-height:1.1}.kart-hero-subtitle{color:var(--kart-muted);max-width:460px;margin:2px 0;font-size:15px;line-height:1.7}.kart-couple-names{flex-direction:column;align-items:center;gap:4px;display:flex}.kart-couple-names h1{letter-spacing:-.01em;margin:0;font-size:clamp(30px,7vw,46px);line-height:1.15}.kart-couple-divider{color:var(--kart-accent);justify-content:center;align-items:center;margin:6px 0;display:flex}.kart-cover-names.kart-couple-names h1{font-size:clamp(22px,5.5vw,30px)}.kart-section{border-top:1px solid color-mix(in srgb, var(--kart-accent) 18%, transparent);max-width:560px;margin:0 auto;padding:18px 24px}.kart-section-title{color:var(--kart-accent-ink);text-align:center;margin:0 0 14px;font-size:clamp(21px,4.6vw,27px)}.kart-section-center{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.kart-message{text-align:center}.kart-message p{margin:6px 0;font-size:17px;line-height:1.9}.kart-section-icon{background:color-mix(in srgb, var(--kart-accent) 14%, transparent);color:var(--kart-accent);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.kart-map-link{border:1px solid var(--kart-accent);color:var(--kart-accent-ink);border-radius:99px;margin-top:6px;padding:9px 20px;font-size:13.5px;font-weight:700;transition:background .2s,color .2s}.kart-map-link:hover{background:var(--kart-accent);color:var(--kart-bg)}.kart-datetime-card{border:1px solid color-mix(in srgb, var(--kart-accent) 22%, transparent);border-radius:16px;width:100%;display:flex;overflow:hidden;box-shadow:0 6px 20px #0000000f}.kart-datetime-time,.kart-datetime-date{flex-direction:column;flex:1;align-items:center;gap:4px;padding:16px 12px;display:flex}.kart-datetime-date{background:color-mix(in srgb, var(--kart-accent) 10%, var(--kart-card,#fff));color:var(--kart-text)}.kart-datetime-time{background:linear-gradient(135deg, color-mix(in srgb, var(--kart-accent-ink) 90%, black), color-mix(in srgb, var(--kart-accent-ink) 78%, black 15%));color:#fff}.kart-datetime-time span{opacity:.85;color:#ffffffd9;font-size:12px}.kart-datetime-date span{opacity:.8;color:var(--kart-muted);font-size:12px}.kart-datetime-time strong{font-family:var(--font-playfair);color:#fff;font-size:22px}.kart-datetime-time strong.is-range{text-align:center;color:#fff;font-family:inherit;font-size:clamp(14px,3.5vw,17px);font-weight:700;line-height:1.35}.kart-datetime-date strong{font-family:var(--font-playfair);letter-spacing:-.02em;color:var(--kart-text);font-size:26px}.kart-datetime-date em{color:var(--kart-muted);font-size:12.5px;font-style:normal}.kart-countdown-title{color:var(--kart-accent-ink);margin:4px 0 0;font-size:14px;font-weight:700}.kart-location-card{background:color-mix(in srgb, var(--kart-accent) 10%, var(--kart-card,#fff));border:1px solid color-mix(in srgb, var(--kart-accent) 22%, transparent);color:var(--kart-text);text-align:right;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 20px;display:flex;box-shadow:0 6px 20px #0000000f}.kart-location-text{flex-direction:column;gap:3px;min-width:0;display:flex}.kart-location-card .kart-section-icon{background:color-mix(in srgb, var(--kart-accent) 18%, transparent);color:var(--kart-accent-ink);flex-shrink:0}.kart-location-label{color:var(--kart-muted);font-size:12px}.kart-location-name{color:var(--kart-accent-ink);font-size:16px;font-weight:700}.kart-map-embed-wrap{border:1px solid color-mix(in srgb, var(--kart-accent) 25%, transparent);border-radius:16px;width:100%;margin-top:10px;overflow:hidden;box-shadow:0 8px 24px #00000014}.kart-map-embed{border:0;width:100%;height:230px;display:block}.kart-countdown{justify-content:center;gap:10px;display:flex}.kart-countdown-cell{background:color-mix(in srgb, var(--kart-accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--kart-accent) 22%, transparent);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:62px;padding:12px 8px;display:flex}.kart-countdown-cell strong{font-family:var(--font-playfair);letter-spacing:-.02em;font-size:24px}.kart-countdown-cell span{align-items:center;gap:3px;display:flex}.kart-countdown-cell em{color:var(--kart-muted);font-size:12px;font-style:normal;font-weight:600}.kart-countdown-done p{font-size:18px;font-weight:700}.kart-gallery{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.kart-gallery[data-count="1"]{grid-template-columns:1fr}.kart-gallery[data-count="1"] .kart-gallery-item{aspect-ratio:4/3;max-height:360px}.kart-gallery[data-count="2"]{grid-template-columns:repeat(2,1fr);gap:14px}.kart-gallery[data-count="2"] .kart-gallery-item{aspect-ratio:3/4}.kart-gallery[data-count="3"]{grid-template-columns:repeat(3,1fr);gap:10px}.kart-gallery[data-count="3"] .kart-gallery-item{aspect-ratio:3/4}.kart-gallery[data-count="4"]{grid-template-columns:repeat(2,1fr);gap:12px}.kart-gallery[data-count="4"] .kart-gallery-item{aspect-ratio:3/4}.kart-gallery-item{aspect-ratio:3/4;background:color-mix(in srgb, var(--kart-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--kart-accent) 20%, transparent);cursor:pointer;border-radius:14px;padding:0;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000014}.kart-gallery-item:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 28px #00000029}.kart-gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.kart-gallery-item:hover img{transform:scale(1.07)}.kart-lightbox{z-index:30;background:#050505eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kart-lightbox img{object-fit:contain;border-radius:6px;max-width:90vw;max-height:86vh}.kart-lightbox-close{color:#fff;background:#ffffff1f;border:0;border-radius:50%;width:38px;height:38px;position:absolute;top:18px;right:18px}.kart-lightbox-nav{color:#fff;background:#ffffff1f;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.kart-lightbox-prev{left:16px}.kart-lightbox-next{right:16px}.kart-youtube-audio{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:fixed;top:0;right:0}.kart-footer{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:24px 20px 20px;display:flex}.kart-wordmark{color:var(--kart-text);font-family:var(--font-playfair);font-size:15px;font-weight:700}.kart-wordmark span{color:var(--kart-accent-ink)}.kart-footer p{color:var(--kart-muted);margin:0;font-size:10.5px}.kart-hero-crest{color:var(--kart-accent);margin-bottom:2px;line-height:0;display:block}.kart-grad-crest{width:clamp(96px,26vw,132px);height:auto}.kart-grad-credentials{color:var(--kart-muted);letter-spacing:normal;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:6px 0 2px;font-size:13.5px;display:flex}.kart-grad-major{color:var(--kart-accent-ink);font-weight:700}.kart-grad-sep{opacity:.45;background:currentColor;border-radius:50%;width:4px;height:4px}.kart-hero-eyebrow,.kart-hero-names,.kart-hero-subtitle,.kart-cover-names,.kart-couple-names h1,.kart-cover-tap,.kart-message p,.kart-section-title,.kart-countdown-title,.kart-countdown-cell em,.kart-countdown-done p,.kart-opener-lead,.kart-opener-verse,.kart-location-label,.kart-location-name,.kart-datetime-time span,.kart-datetime-date span,.kart-datetime-date em,.kart-map-link,.kart-grad-major,.kart-grad-university{letter-spacing:normal;text-transform:none}.kart-page[data-style=royal] .kart-section,.kart-page[data-style=midnight] .kart-section,.kart-page[data-style=wine] .kart-section{background:color-mix(in srgb, var(--kart-card) 60%, transparent);border-top:1px solid color-mix(in srgb, var(--kart-accent) 20%, transparent);border-radius:18px}.kart-page[data-style=botanical] .kart-hero-ornament,.kart-page[data-style=botanical] .kart-section-icon{color:var(--kart-accent)}.kart-page[data-style=classic] .kart-countdown-cell,.kart-page[data-style=blush] .kart-countdown-cell{box-shadow:0 4px 14px #0000000d}.kart-intro-page{background:#0c0b12;justify-content:center;align-items:center;height:100vh;display:flex}.kart-intro-mark{color:#f5f0e8;font-family:var(--font-playfair);letter-spacing:.04em;font-size:22px;animation:1.6s ease-in-out infinite kartIntroPulse}.kart-intro-mark span{color:#d4af6a}@keyframes kartIntroPulse{0%,to{opacity:.55}50%{opacity:1}}.kart-marketing-page{color:#f5f0e8;background:#0c0b12;min-height:100vh}.kart-auth-shell{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.kart-back{color:#b8b2a8;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;position:absolute;top:24px;left:24px}.kart-auth-card{background:#14121c;border:1px solid #ffffff1a}.kart-onboarding-shell{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.kart-onboarding-card{background:#14121c;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:460px;padding:34px}.kart-onboarding-card .eyebrow{color:#d4af6a}.kart-onboarding-card h1{font-family:var(--font-playfair);letter-spacing:-.02em;margin:8px 0 6px;font-size:28px}.kart-onboarding-sub{color:#b8b2a8;margin:0 0 24px;font-size:13px;line-height:1.6}.kart-onboarding-field{margin-bottom:18px;display:block}.kart-onboarding-field>span{color:#d7d2c8;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.kart-onboarding-field input{color:#f5f0e8;background:#1c1a24;border:1px solid #ffffff24;border-radius:8px;width:100%;padding:11px 12px;font-size:13px}.kart-onboarding-field input:focus{border-color:#d4af6a;outline:0}.kart-onboarding-note{color:#e28b7d;margin-top:6px;font-size:10.5px;display:block}.kart-onboarding-note.is-good{color:#8fd0a3}.kart-onboarding-submit{justify-content:center;width:100%}.kart-onboarding-loading{color:#b8b2a8;justify-content:center;align-items:center;gap:8px;min-height:100vh;font-size:13px;display:flex}.kart-type-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kart-type-card{color:#cfc9bd;text-align:center;background:#1c1a24;border:1.5px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;transition:border-color .2s;display:flex}.kart-type-card b{font-size:11px}.kart-type-card span{color:#97917f;font-size:10px}.kart-type-card.is-active{color:#fff;border-color:#d4af6a}.kart-type-card.is-active svg{color:#d4af6a}.kart-lang-row{gap:8px;display:flex}.kart-lang-pill{color:#cfc9bd;background:#1c1a24;border:1.5px solid #ffffff1a;border-radius:99px;flex:1;padding:9px;font-size:12px;font-weight:650}.kart-lang-pill.is-active{color:#201705;background:#d4af6a;border-color:#d4af6a}.kart-slug-field{background:#1c1a24;border:1.5px solid #ffffff24;border-radius:8px;align-items:center;padding:0 12px;display:flex}.kart-slug-field input{color:#f5f0e8;background:0 0;border:0;flex:1;min-width:0;padding:11px 4px;font-size:13px}.kart-slug-field input:focus{outline:0}.kart-slug-prefix{color:#8a8577;white-space:nowrap;font-size:12px}.kart-slug-status{color:#8a8577;display:flex}.kart-slug-field.availability-available{border-color:#6fbf8b}.kart-slug-field.availability-available .kart-slug-status{color:#6fbf8b}.kart-slug-field.availability-taken,.kart-slug-field.availability-invalid{border-color:#d97a6c}.kart-slug-field.availability-taken .kart-slug-status,.kart-slug-field.availability-invalid .kart-slug-status{color:#d97a6c}@media (max-width:560px){.kart-gallery{grid-template-columns:repeat(2,1fr)}.kart-countdown{gap:6px}.kart-countdown-cell{min-width:52px;padding:10px 6px}.kart-countdown-cell strong{font-size:19px}.kart-section{padding:16px 18px}.kart-onboarding-card{padding:24px 20px}.kart-type-grid{gap:6px}.kart-envelope{width:min(88vw,340px);height:min(64vw,230px)}}.kartdash{color:#f2f0ec;background:#0c0b12;min-height:100vh;display:flex}.kartdash .brand small{color:#8a8577;text-transform:uppercase;margin-left:6px;font-size:10px;font-weight:650}.kartdash-link-chip{background:#17151f;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;max-width:420px;margin:14px 0 22px;padding:12px 14px;display:flex}.kartdash-link-chip>span{color:#d4af6a;font-family:var(--mono);font-size:12px}.kartdash-link-chip>button{color:#cfc9bd;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.kartdash-stat-grid{grid-template-columns:repeat(3,1fr)}.kartdash-pdf-btn{margin-top:6px}.kartdash-type-grid,.kartdash-lang-row{max-width:420px;margin-bottom:4px}.kartdash-field{margin-bottom:14px;display:block}.kartdash-field>span{color:#a7a297;margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.kartdash-field input,.kartdash-field textarea{color:#f2f0ec;resize:vertical;background:#17151f;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:10px 12px;font-size:13px}.kartdash-field input:focus,.kartdash-field textarea:focus{border-color:#d4af6a;outline:0}.kartdash-theme-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:420px;display:grid}.kartdash-theme-card{color:#cfc9bd;background:#17151f;border:1.5px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:border-color .2s;display:flex}.kartdash-theme-swatch{border-radius:8px;width:100%;height:34px}.kartdash-theme-card b{font-size:10.5px}.kartdash-theme-card.is-active{color:#fff;border-color:#d4af6a}.kartdash-music-actions{align-items:center;gap:14px;margin-top:4px;display:flex}.kartdash-music-status{color:#9c9788;align-items:center;gap:6px;margin-top:12px;font-size:11.5px;display:flex}.kartdash-section-list{flex-direction:column;gap:8px;display:flex}.kartdash-section-row{color:#f2f0ec;background:#17151f;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;padding:0 14px;font-size:12.5px;font-weight:600;display:flex}.kartdash-section-row svg{color:#d4af6a}@media (max-width:760px){.kartdash{flex-direction:column}.kartdash-theme-grid,.kartdash-stat-grid{grid-template-columns:repeat(2,1fr)}}.linksaas-phone-inner .kart-page{min-height:100%}.kart-landing-page{background:#0c0b12}.kart-wordmark-nav{color:#f5f0e8;font-family:var(--font-playfair);align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.kart-wordmark-nav span{color:#d4af6a}.kart-occasion-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px;display:grid}.kart-theme-strip{justify-content:center;gap:8px;display:flex}.kart-theme-dot{border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 2px #ffffff1a}@media (max-width:760px){.kart-occasion-grid{grid-template-columns:1fr;gap:10px}}.kart-editor-tabs{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.kart-editor-tabs button{color:#a7a297;background:0 0;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:6px;padding:8px 14px;font-size:11.5px;font-weight:650;display:flex}.kart-editor-tabs button.active{color:#201705;background:#d4af6a;border-color:#d4af6a}.kart-editor-grid{grid-template-columns:1.3fr 1fr;gap:26px;display:grid}.kart-editor-preview{min-width:0}@media (max-width:880px){.kart-editor-grid{grid-template-columns:1fr}}.kart-admin-overlay{color:#f2f0ec;z-index:40;background:#0c0b12;position:fixed;inset:0;overflow-y:auto}.kart-admin-overlay-header{z-index:1;background:#0c0b12;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px clamp(20px,4vw,48px);display:flex;position:sticky;top:0}.kart-admin-overlay-header h2{font-family:var(--font-playfair);margin:6px 0 0;font-size:22px}.kart-admin-overlay-body{padding:28px clamp(20px,4vw,48px) 60px}.kartadmin-row-actions{gap:6px}.kartadmin-table article{grid-template-columns:31px 1fr 90px 90px 90px 220px}.kart-hero-actions{gap:10px;display:flex}.kart-hero-actions .button{align-items:center;gap:6px;display:flex}.kart-pricing-note{color:#b8b2a8;margin:10px 0 22px;font-size:13px;line-height:1.6}@media (max-width:560px){.kart-hero-actions{flex-wrap:wrap}}.kart-preset-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.kart-preset-chip{color:#cfc9bd;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#17151f;border:1px solid #ffffff1f;border-radius:8px;max-width:220px;padding:6px 10px;font-size:10.5px;overflow:hidden}.kart-preset-chip:hover{color:#f2f0ec;border-color:#d4af6a}.menudash-editor{font-family:var(--font-cairo,inherit)}.menudash-body{max-width:760px;margin:0 auto}.menudash-field-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.menudash-field-row input,.menudash-field-row select{color:#f2f0ec;background:#14131b;border:1px solid #ffffff24;border-radius:8px;padding:10px 12px;font-size:13px}.menudash-field-row .button{grid-column:1/-1;justify-self:start}.menudash-bilingual{margin-bottom:16px}.menudash-bilingual-label{color:#a7a297;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.menudash-bilingual-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menudash-hint{color:#928d81;font-size:11px;font-weight:500}.menudash-available-toggle{align-items:center;gap:8px;margin:4px 0 16px;font-size:13px;display:flex}.menudash-removable-toggle{white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.menudash-list-row{grid-template-columns:1fr 1fr auto auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.menudash-ingredient-row{grid-template-columns:1fr 1fr auto auto}.menudash-list-row input{color:#f2f0ec;background:#14131b;border:1px solid #ffffff24;border-radius:7px;min-width:0;padding:8px 10px;font-size:12.5px}.menudash-row-remove{color:#ff8a8a;background:#ff5a5a1f;border:1px solid #ff5a5a40;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.menudash-add-row{margin-top:4px;padding:8px 12px;font-size:11.5px}.menudash-category-list{flex-direction:column;gap:8px;display:flex}.menudash-category-row{background:#14131b;border:1px solid #ffffff1a;border-radius:10px;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.menudash-category-row input{color:#f2f0ec;background:0 0;border:0;min-width:0;padding:4px;font-size:13px}.menudash-product-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.menudash-product-row{text-align:left;background:#14131b;border:1px solid #ffffff1a;border-radius:10px;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.menudash-product-row img{object-fit:cover;border-radius:7px;width:44px;height:44px}.menudash-product-placeholder{color:#918c80;background:#ffffff0f;border-radius:7px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.menudash-product-row div{flex-direction:column;gap:2px;min-width:0;display:flex}.menudash-product-row b{color:#f2f0ec;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.menudash-product-row span{color:#a7a297;font-size:11.5px}.menudash-product-row svg:last-child{color:#756f62}.menudash-product-drawer{max-width:560px}.menudash-drawer-body{flex-direction:column;gap:4px;max-height:62vh;padding-right:4px;display:flex;overflow-y:auto}.menudash-table-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.menudash-table-card{background:#14131b;border:1px solid #ffffff1a;border-top:3px solid #756f62;border-radius:12px;padding:12px}.menudash-table-card.status-available{border-top-color:#4dd481}.menudash-table-card.status-occupied{border-top-color:#ffb545}.menudash-table-card.status-needs-bill{border-top-color:#ff5a5a}.menudash-table-card.status-reserved{border-top-color:#78a8ff}.menudash-table-card-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.menudash-table-card-top b{font-size:14px}.menudash-table-card select{color:#f2f0ec;background:#1c1a24;border:1px solid #ffffff24;border-radius:7px;width:100%;margin-top:8px;padding:7px 8px;font-size:11.5px}.menudash-bill-alert{background:#ff5a5a1a;border:1px solid #ff5a5a47;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.menudash-bill-alert svg{color:#ff8a8a;flex-shrink:0}.menudash-bill-alert>div{flex:1;min-width:0}.menudash-bill-alert b{font-size:13.5px;display:block}.menudash-bill-alert span{color:#d8a9a9;font-size:11.5px}.menudash-bill-actions{flex-wrap:wrap;gap:6px;display:flex}.menudash-order-list{flex-direction:column;gap:10px;display:flex}.menudash-order-card{background:#14131b;border:1px solid #ffffff1a;border-left:3px solid #756f62;border-radius:12px;padding:14px 16px}.menudash-order-card.status-new{border-left-color:#ffb545}.menudash-order-card.status-preparing{border-left-color:#78a8ff}.menudash-order-card.status-served{border-left-color:#4dd481}.menudash-order-card.status-cancelled{opacity:.55;border-left-color:#756f62}.menudash-order-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.menudash-order-items{flex-direction:column;gap:4px;margin:0 0 10px;padding:0;list-style:none;display:flex}.menudash-order-items li{flex-direction:column;font-size:12.5px;display:flex}.menudash-order-items em{color:#a7a297;font-size:11px;font-style:normal}.menudash-order-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.menudash-order-actions{flex-wrap:wrap;gap:6px;display:flex}.menu-page{background:var(--menu-bg);color:var(--menu-text);font-family:var(--font-cairo);min-height:100vh;padding-bottom:100px;position:relative;overflow-x:hidden}.menu-loading,.menu-unavailable{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100vh;display:flex}.menu-loading-icon{color:var(--menu-accent,#ff6a1f);animation:1.1s linear infinite menuSpin}@keyframes menuSpin{to{transform:rotate(360deg)}}.menu-unavailable svg{color:var(--menu-accent,#ff6a1f)}.menu-unavailable h1{margin:4px 0;font-size:20px}.menu-unavailable p{color:var(--menu-muted,#8a6b56);max-width:320px;font-size:13.5px}.menu-hero{background:linear-gradient(155deg, var(--menu-accent), var(--menu-accent-2));text-align:center;border-radius:0 0 28px 28px;padding:54px 20px 44px;position:relative;overflow:hidden}.menu-hero-body{z-index:1;position:relative}.menu-hero h1{color:#fff;font-family:var(--font-baloo);text-shadow:0 2px 10px #0003;margin:0 0 4px;font-size:clamp(26px,7vw,34px)}.menu-hero p{color:#ffffffe6;margin:0;font-size:13.5px}.menu-hero .menu-lang-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:2;background:#ffffff2e;border:1px solid #fff6;border-radius:99px;align-items:center;gap:5px;padding:7px 12px;font-size:11px;font-weight:700;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}[dir=ltr] .menu-hero .menu-lang-toggle{left:16px;right:auto}.menu-hero .menu-lang-toggle:hover{background:#ffffff4d}.menu-table-picker{background:var(--menu-card);z-index:3;border-radius:16px;align-items:center;gap:8px;margin:-26px 16px 0;padding:12px 14px;display:flex;position:relative;box-shadow:0 10px 26px #0000001a}.menu-table-picker>svg{color:var(--menu-accent);flex-shrink:0}.menu-table-picker select{color:var(--menu-text);background:0 0;border:0;flex:1;min-width:0;padding:4px 0;font-family:inherit;font-size:13px;font-weight:600}.menu-bill-btn{background:color-mix(in srgb, var(--menu-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--menu-accent) 30%, transparent);color:var(--menu-accent);border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:7px 11px;font-size:11px;font-weight:700;transition:transform .15s;display:flex}.menu-bill-btn:active{transform:scale(.94)}.menu-error-banner{color:#a11;background:#ffe4e4;border:1px solid #ffb3b3;border-radius:10px;margin:12px 16px 0;padding:10px 14px;font-size:12.5px}.menu-category-nav{scrollbar-width:none;z-index:5;gap:8px;padding:18px 16px 6px;display:flex;position:sticky;top:0;overflow-x:auto}.menu-category-nav::-webkit-scrollbar{display:none}.menu-category-nav button{background:var(--menu-card);border:1px solid color-mix(in srgb, var(--menu-accent) 18%, transparent);color:var(--menu-muted);border-radius:99px;flex-shrink:0;padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .2s,color .2s,transform .15s}.menu-category-nav button:active{transform:scale(.95)}.menu-category-nav button.is-active{background:var(--menu-accent);border-color:var(--menu-accent);color:#fff}.menu-catalog{padding:8px 16px 0}.menu-category-section{padding-top:22px}.menu-category-section h2{font-family:var(--font-baloo);margin:0 0 12px;font-size:19px}.menu-product-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.menu-product-card{background:var(--menu-card);border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 6px 18px #0000000f}.menu-product-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0000001f}.menu-product-media{aspect-ratio:1.15;background:color-mix(in srgb, var(--menu-accent) 10%, transparent);color:var(--menu-accent);border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex;overflow:hidden}.menu-product-media img{object-fit:cover;width:100%;height:100%}.menu-product-info{flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.menu-product-info b{font-size:13.5px}.menu-product-info span{color:var(--menu-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.menu-product-bottom{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.menu-product-bottom strong{font-family:var(--font-baloo);font-size:14.5px}.menu-add-btn{background:var(--menu-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--menu-accent) 45%, transparent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s;display:flex}.menu-add-btn:active{transform:scale(.85)rotate(90deg)}.menu-empty-state{color:var(--menu-muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:60px 20px;display:flex}.menu-empty-state svg{color:var(--menu-accent);opacity:.6}.menu-empty-state span{font-size:12px}.menu-footer{text-align:center;padding:40px 20px 10px}.menu-footer a{color:var(--menu-muted);font-size:11px}.menu-cart-fab{background:var(--menu-text);color:var(--menu-bg);z-index:20;border-radius:99px;align-items:center;gap:10px;padding:13px 20px;animation:.35s cubic-bezier(.2,.9,.3,1.3) menuFabIn;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000047}@keyframes menuFabIn{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.menu-cart-fab-count{background:var(--menu-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.menu-cart-fab-total{font-family:var(--font-baloo);font-size:14px;font-weight:700}.menu-sheet-backdrop{z-index:30;background:#0a08068c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.menu-sheet{background:var(--menu-card);border-radius:22px 22px 0 0;width:100%;max-width:480px;max-height:88vh;animation:.32s cubic-bezier(.2,.9,.3,1.1) menuSheetUp;position:relative;overflow-y:auto}@keyframes menuSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.menu-sheet-close{color:var(--menu-text);z-index:2;background:#00000014;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:14px;right:14px}[dir=ltr] .menu-sheet-close{left:14px;right:auto}.menu-sheet-photo{object-fit:cover;width:100%;height:190px;display:block}.menu-sheet-body{padding:18px 20px 24px}.menu-sheet-body h2{font-family:var(--font-baloo);margin:0 0 6px;font-size:20px}.menu-sheet-desc{color:var(--menu-muted);margin:0 0 14px;font-size:12.5px;line-height:1.6}.menu-sheet-section{margin-bottom:16px}.menu-sheet-section h3{color:var(--menu-accent);letter-spacing:.03em;text-transform:uppercase;margin:0 0 8px;font-size:11.5px;font-weight:800}.menu-sheet-options{flex-wrap:wrap;gap:7px;display:flex}.menu-chip{background:color-mix(in srgb, var(--menu-accent) 8%, transparent);border:1.5px solid color-mix(in srgb, var(--menu-accent) 24%, transparent);color:var(--menu-text);border-radius:99px;padding:8px 14px;font-size:12px;font-weight:600;transition:transform .15s,background .2s,border-color .2s}.menu-chip:active{transform:scale(.95)}.menu-chip em{opacity:.7;margin-inline-start:4px;font-style:normal}.menu-chip.is-active{background:var(--menu-accent);border-color:var(--menu-accent);color:#fff}.menu-chip.is-removed{color:#c23;background:#dc3c3c1a;border-color:#dc3c3c59;text-decoration:line-through}.menu-sheet-qty{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.menu-sheet-qty span{font-size:13px;font-weight:700}.menu-qty-stepper{align-items:center;gap:10px;display:flex}.menu-qty-stepper button{background:color-mix(in srgb, var(--menu-accent) 12%, transparent);color:var(--menu-accent);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .15s;display:flex}.menu-qty-stepper button:active{transform:scale(.85)}.menu-qty-stepper strong{font-family:var(--font-baloo);text-align:center;min-width:18px}.menu-primary-btn{background:var(--menu-accent);box-shadow:0 10px 24px color-mix(in srgb, var(--menu-accent) 40%, transparent);color:#fff;font-family:var(--font-baloo);border-radius:14px;width:100%;padding:15px;font-size:15px;font-weight:700;transition:transform .15s}.menu-primary-btn:active{transform:scale(.97)}.menu-primary-btn.is-loading{opacity:.7}.menu-cart-sheet h2{font-family:var(--font-baloo);margin:20px 20px 4px;font-size:20px}.menu-cart-list{flex-direction:column;gap:12px;margin:0;padding:6px 20px;list-style:none;display:flex}.menu-cart-list li{border-bottom:1px solid color-mix(in srgb, var(--menu-accent) 12%, transparent);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding-bottom:12px;display:grid}.menu-cart-list li>div{flex-direction:column;gap:2px;min-width:0;display:flex}.menu-cart-list b{font-size:13px}.menu-cart-list span{color:var(--menu-muted);font-size:11px}.menu-cart-list em{color:var(--menu-accent);font-size:10.5px;font-style:normal}.menu-cart-line-price{font-family:var(--font-baloo);font-size:13px}.menu-cart-total{justify-content:space-between;align-items:center;margin:14px 20px;font-weight:700;display:flex}.menu-cart-total strong{font-family:var(--font-baloo);font-size:18px}.menu-cart-sheet .menu-sheet-add{width:calc(100% - 40px);margin:0 20px 20px}.menu-toast{background:var(--menu-text);color:var(--menu-bg);z-index:50;border-radius:14px;align-items:center;gap:12px;width:min(90vw,340px);padding:14px 18px;animation:.35s cubic-bezier(.2,.9,.3,1.2) menuToastIn;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #0000004d}@keyframes menuToastIn{0%{opacity:0;transform:translate(-50%)translateY(-16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.menu-toast svg{color:var(--menu-accent);flex-shrink:0}.menu-toast b{font-size:13.5px;display:block}.menu-toast span{opacity:.8;font-size:11px}@media (min-width:640px){.menu-product-grid{grid-template-columns:repeat(3,1fr)}}.menu-marketing-page{color:#241608;font-family:var(--font-cairo);background:#fff8f2;overflow-x:hidden}.menu-marketing-page .eyebrow{color:#ff6a1f;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:inline-flex}.menu-marketing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#fff8f2d9;border-bottom:1px solid #24160814;justify-content:space-between;align-items:center;padding:16px clamp(18px,4vw,48px);display:flex;position:sticky;top:0}.menu-marketing-brand{color:#241608;font-family:var(--font-baloo);align-items:baseline;gap:4px;font-size:18px;font-weight:800;display:flex}.menu-marketing-brand span{color:#ff6a1f}.menu-marketing-brand small{color:#8a6b56;margin-inline-start:2px;font-size:11px;font-weight:700}.menu-marketing-nav nav{gap:22px;display:flex}.menu-marketing-nav nav a{color:#4a3624;font-size:13.5px;font-weight:600}.menu-marketing-nav nav a:hover{color:#ff6a1f}.menu-marketing-nav-actions{align-items:center;gap:10px;display:flex}.menu-marketing-burger{color:#241608;display:none}.menu-lang-toggle{color:#ff6a1f;background:#ff6a1f1a;border:1px solid #ff6a1f4d;border-radius:99px;align-items:center;gap:5px;padding:7px 12px;font-size:11px;font-weight:700;transition:background .2s;display:flex}.menu-lang-toggle:hover{background:#ff6a1f2e}.menu-marketing-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:clamp(40px,7vw,90px) clamp(18px,4vw,48px) 60px;display:grid}.menu-marketing-hero-copy h1{font-family:var(--font-baloo);letter-spacing:-.01em;margin:14px 0 18px;font-size:clamp(34px,5.4vw,54px);line-height:1.08}.menu-marketing-hero-copy h1 span{color:#ff6a1f}.menu-marketing-hero-sub{color:#6b5646;max-width:480px;font-size:15px;line-height:1.75}.menu-marketing-hero-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.menu-marketing-hero-actions .button{align-items:center;gap:7px;display:flex}.menu-marketing-hero-visual{justify-content:center;display:flex}.menu-demo-phone{background:linear-gradient(165deg, var(--menu-bg-2), var(--menu-bg));border-radius:32px;width:min(78vw,260px);padding:20px 18px 26px;box-shadow:0 30px 60px #2416082e,0 0 0 10px #1a1108}.menu-demo-phone-bar{background:#1a1108;border-radius:4px;width:40%;height:6px;margin:0 auto 18px}.menu-demo-card{background:var(--menu-card);text-align:center;border-radius:20px;padding:18px;animation:.5s cubic-bezier(.2,.9,.3,1.1) menuDemoIn;box-shadow:0 14px 30px #0000001f}@keyframes menuDemoIn{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-demo-media{aspect-ratio:1.3;background:color-mix(in srgb, var(--menu-accent) 12%, transparent);color:var(--menu-accent);border-radius:14px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.menu-demo-card b{color:var(--menu-text);font-size:15px;display:block}.menu-demo-card span{color:var(--menu-muted);font-size:11.5px}.menu-demo-bottom{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.menu-demo-bottom strong{color:var(--menu-text);font-family:var(--font-baloo);font-size:16px}.menu-demo-add{background:var(--menu-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.menu-demo-dots span{background:#24160826;border-radius:50%;width:6px;height:6px;transition:background .3s,width .3s}.menu-demo-dots span.is-active{background:#ff6a1f;width:16px}.menu-marketing-features{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px clamp(18px,4vw,48px) 60px;display:grid}.menu-marketing-feature{background:#fff;border:1px solid #24160814;border-radius:16px;padding:22px;transition:transform .2s,box-shadow .2s}.menu-marketing-feature:hover{transform:translateY(-3px);box-shadow:0 14px 30px #24160814}.menu-marketing-feature-icon{color:#ff6a1f;background:#ff6a1f1f;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:14px;display:flex}.menu-marketing-feature h3{margin:0 0 6px;font-size:15.5px}.menu-marketing-feature p{color:#6b5646;margin:0;font-size:12.5px;line-height:1.6}.menu-marketing-steps{padding:40px clamp(18px,4vw,48px) 70px}.menu-marketing-section-head{text-align:center;margin-bottom:30px}.menu-marketing-section-head h2{font-family:var(--font-baloo);margin:8px 0 6px;font-size:clamp(24px,3.4vw,32px)}.menu-marketing-section-head p{color:#6b5646;font-size:13.5px}.menu-marketing-steps-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:720px;margin:0 auto;display:grid}.menu-marketing-step{background:#fff;border:1px solid #24160814;border-radius:14px;align-items:flex-start;gap:14px;padding:18px;display:flex}.menu-marketing-step span{color:#fff;font-family:var(--font-baloo);background:#ff6a1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.menu-marketing-step b{margin-bottom:3px;font-size:14px;display:block}.menu-marketing-step p{color:#6b5646;margin:0;font-size:12px;line-height:1.5}.menu-marketing-themes{text-align:center;padding:20px clamp(18px,4vw,48px) 70px}.menu-theme-strip{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.menu-theme-dot{border:3px solid #fff;border-radius:50%;width:34px;height:34px;transition:transform .2s;box-shadow:0 4px 12px #24160826}.menu-theme-dot:hover{transform:scale(1.15)translateY(-2px)}.menu-marketing-callout{color:#fff;text-align:center;background:linear-gradient(155deg,#ff6a1f,#ff9d5c);border-radius:28px;flex-direction:column;align-items:center;gap:14px;margin:0 clamp(18px,4vw,48px) 70px;padding:50px 24px;display:flex}.menu-marketing-callout h2{font-family:var(--font-baloo);margin:0;font-size:clamp(22px,3vw,30px)}.menu-marketing-callout .button-primary{color:#ff6a1f;background:#fff}.menu-marketing-footer{text-align:center;border-top:1px solid #24160814;padding:24px clamp(18px,4vw,48px)}.menu-marketing-footer span{color:#8a6b56;align-items:center;gap:6px;font-size:11.5px;display:inline-flex}@media (max-width:860px){.menu-marketing-hero{text-align:center;grid-template-columns:1fr}.menu-marketing-hero-copy{order:2}.menu-marketing-hero-sub{margin-inline:auto}.menu-marketing-hero-actions{justify-content:center}.menu-marketing-hero-visual{order:1}.menu-marketing-features{grid-template-columns:1fr 1fr}.menu-marketing-steps-grid{grid-template-columns:1fr}}@media (max-width:640px){.menu-marketing-nav nav{background:#fff8f2;border-bottom:1px solid #24160814;flex-direction:column;gap:14px;padding:18px;display:none;position:absolute;top:100%;left:0;right:0}.menu-marketing-nav nav.is-open{display:flex}.menu-marketing-nav-actions .button-secondary,.menu-marketing-nav-actions .button-primary{display:none}.menu-marketing-burger{display:block}.menu-marketing-features{grid-template-columns:1fr}}.menu-auth-page{color:#241608;font-family:var(--font-cairo);background:#fff8f2;justify-content:center;align-items:center;min-height:100vh;display:flex}.menu-auth-card{background:#fff;border:1px solid #24160814;box-shadow:0 30px 60px #2416081a}.menu-auth-page .kart-back{color:#6b5646}.menu-auth-page .eyebrow{color:#ff6a1f;align-items:center;gap:6px;display:inline-flex}.menu-auth-page .auth-heading h2{color:#241608}.menu-auth-page .auth-heading>p:last-child,.menu-auth-page .auth-card label>span{color:#6b5646}.menu-auth-page .field{background:#fff8f2;border-color:#24160824}.menu-auth-page .field svg{color:#a68b76}.menu-auth-page .field input{color:#241608}.menu-auth-page .field input::placeholder{color:#b39c8a}.menu-auth-page .field:focus-within{border-color:#ff6a1f;box-shadow:0 0 0 3px #ff6a1f24}.menu-auth-page .field:focus-within svg{color:#ff6a1f}.menu-auth-page .form-notice{color:#b24d0f;background:#ff6a1f14;border-color:#ff6a1f40}.menu-auth-page .form-error{color:#a11;background:#dc3c3c14;border-color:#dc3c3c40}.menu-marketing-page .button-primary,.menu-auth-page .button-primary{color:#fff;background:#ff6a1f}.menu-marketing-page .button-primary:hover,.menu-auth-page .button-primary:hover{background:#e85c15}.menu-marketing-page .button-secondary,.menu-auth-page .button-secondary{color:#241608;background:#fff;border-color:#24160824}.menu-marketing-page .button-secondary:hover,.menu-auth-page .button-secondary:hover{background:#fff8f2;border-color:#2416083d}.kartpreview{min-height:100vh}.kartpreview-bar{color:#f3f2ef;z-index:50;background:#101114;border-bottom:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;display:flex;position:sticky;top:0}.kartpreview-bar>strong{letter-spacing:.12em;opacity:.65;font-size:11px}.kartpreview-group{flex-wrap:wrap;gap:6px;display:flex}.kartpreview-group button{color:#d9d8d4;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:99px;padding:6px 12px;font-size:11.5px;font-weight:600}.kartpreview-group button.is-on{color:#101114;background:#f3f2ef;border-color:#f3f2ef}.kartpreview-swatch{border-radius:50%;width:24px;height:24px;padding:0}.kartpreview-swatch.is-on{box-shadow:0 0 0 2px #101114,0 0 0 4px #f3f2ef}.kartpreview-replay{color:#d9d8d4;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:99px;margin-left:auto;padding:6px 12px;font-size:11.5px;font-weight:600}.kartpreview-stage{position:relative}.admin-system-table article{grid-template-columns:31px minmax(0,1fr) 150px 92px 74px auto}.admin-row-tags{flex-wrap:wrap;gap:4px 10px;min-width:0;display:flex}.admin-row-tags .date-cell{white-space:nowrap}.member-table .member-avatar{font-size:11px}.admin-metric-cell{flex-direction:column;gap:2px;display:flex}.admin-metric-cell strong{letter-spacing:-.03em;font-size:15px}.admin-metric-cell small{color:#8b908b;font-size:9px}.table-count{color:#858a85;margin-left:auto;margin-right:12px;font-size:10px}.admin-system-table .row-actions a.button,.admin-system-table .row-actions button.button{width:auto;height:auto}.analytics-stat-grid{margin-bottom:18px}.analytics-hero-stat strong{font-size:42px}.analytics-swatch{border-radius:6px;width:32px;height:32px;display:block}.analytics-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.analytics-filters{flex-wrap:wrap;gap:6px;display:flex}.analytics-filters button{color:#b3b9b3;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:99px;align-items:center;gap:7px;padding:8px 14px;font-size:11px;font-weight:700;display:flex}.analytics-filters button.is-on{color:#16181a;background:#f4f5ef;border-color:#f4f5ef}.analytics-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.analytics-summary{color:#8b908b;margin:0 0 10px;font-size:10px}.analytics-rank{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.analytics-rank li{background:#111213;border:1px solid #1e2021;grid-template-columns:30px minmax(0,1fr) 96px;align-items:center;gap:14px;padding:13px 16px;display:grid}.analytics-rank li.is-paused{opacity:.55}.analytics-rank-index{color:#6f746f;text-align:center;font-size:11px;font-weight:800}.analytics-rank-main{min-width:0}.analytics-rank-head{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.analytics-rank-head a{color:#f2f1ed;font-size:12px;font-weight:700}.analytics-rank-head a:hover{text-decoration:underline}.analytics-rank-tag{align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.analytics-rank-sub{color:#83887f;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:10px;overflow:hidden}.analytics-bar-track{background:#1b1d1e;border-radius:3px;width:100%;height:8px;margin-top:9px;overflow:hidden}.analytics-bar{border-radius:0 4px 4px 0;min-width:2px;height:100%;transition:width .3s;display:block}.analytics-rank-value{text-align:right}.analytics-rank-value strong{letter-spacing:-.04em;font-size:18px;display:block}.analytics-rank-value small{color:#83887f;margin-top:2px;font-size:9px;display:block}.analytics-rank-value em{color:#6f746f;margin-top:4px;font-size:9px;font-style:normal;display:block}@media (max-width:760px){.admin-system-table article{grid-template-columns:31px minmax(0,1fr) 62px;row-gap:9px}.admin-system-table .admin-row-tags,.admin-system-table .status-badge{display:none}.admin-system-table .row-actions{grid-column:1/-1}.analytics-stat-grid{grid-template-columns:repeat(2,1fr)}.analytics-rank li{grid-template-columns:22px minmax(0,1fr) 72px;gap:9px;padding:11px 12px}.analytics-rank-value strong{font-size:15px}}.menu-page{padding-bottom:120px;overflow:clip visible}.menu-hero{text-align:center;border-radius:0;padding:0}.menu-hero-media{position:absolute;inset:0;overflow:hidden}.menu-hero-cover{object-fit:cover;opacity:1;width:100%;height:100%;position:absolute;inset:0}.menu-hero-fallback{background:linear-gradient(155deg, var(--menu-accent), var(--menu-accent-2));width:100%;height:100%;display:block}.menu-hero-scrim{background:linear-gradient(180deg, #0000008c 0%, #00000026 38%, color-mix(in srgb, var(--menu-bg) 92%, transparent) 100%);position:absolute;inset:0}.menu-hero-top{z-index:2;justify-content:space-between;gap:8px;padding:16px 16px 0;display:flex;position:relative}.menu-ghost-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#14100c61;border:1px solid #ffffff47;border-radius:99px;align-items:center;gap:6px;padding:8px 13px;font-family:inherit;font-size:11.5px;font-weight:700;transition:background .2s,transform .15s;display:flex}.menu-ghost-btn:hover{background:#14100c8c}.menu-ghost-btn:active{transform:scale(.94)}.menu-hero-body{z-index:1;padding:30px 20px 34px;position:relative}.menu-hero-logo{object-fit:cover;border:3px solid #ffffffe6;border-radius:22px;width:76px;height:76px;margin:0 auto 14px;box-shadow:0 12px 30px #00000052}.menu-hero h1{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 14px #00000073;margin:0 0 6px;font-size:clamp(27px,7.4vw,36px)}.menu-hero p{color:#ffffffeb;text-shadow:0 1px 8px #0006;margin:0;font-size:14px}.menu-toolbar{z-index:4;grid-template-columns:1fr auto;gap:8px;margin:-24px 16px 0;display:grid;position:relative}.menu-search,.menu-table-select{background:var(--menu-card);border:1px solid color-mix(in srgb, var(--menu-text) 8%, transparent);border-radius:14px;align-items:center;gap:8px;min-width:0;padding:0 13px;display:flex;box-shadow:0 10px 26px #0000001f}.menu-search>svg,.menu-table-select>svg{color:var(--menu-accent);flex-shrink:0}.menu-search input{color:var(--menu-text);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:13px 0;font-family:inherit;font-size:13.5px}.menu-search input::placeholder{color:var(--menu-muted)}.menu-search button{background:color-mix(in srgb, var(--menu-text) 8%, transparent);color:var(--menu-muted);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.menu-table-select select{appearance:none;color:var(--menu-text);cursor:pointer;background:0 0;border:0;outline:0;padding:13px 0;font-family:inherit;font-size:13px;font-weight:700}.menu-table-select.is-set{border-color:color-mix(in srgb, var(--menu-accent) 45%, transparent)}.menu-table-select.is-set>svg{color:var(--menu-accent)}.menu-category-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--menu-bg) 86%, transparent);margin-top:14px;padding:12px 16px;scroll-padding-inline:16px}.menu-category-nav button{padding:9px 17px;font-size:13px}.menu-category-nav button.is-active{box-shadow:0 6px 16px color-mix(in srgb, var(--menu-accent) 40%, transparent)}.menu-category-section{padding-top:26px;scroll-margin-top:132px}.menu-category-section h2{align-items:baseline;gap:8px;margin:0 0 14px;font-size:21px;display:flex}.menu-category-section h2 span{background:color-mix(in srgb, var(--menu-accent) 14%, transparent);color:var(--menu-accent);font-family:var(--font-cairo);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.menu-product-card{border:1px solid color-mix(in srgb, var(--menu-text) 7%, transparent);border-radius:20px}.menu-product-media{aspect-ratio:1.25}.menu-product-media img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.menu-product-card:hover .menu-product-media img{transform:scale(1.06)}.menu-product-name{color:var(--menu-text);cursor:pointer;text-align:start;background:0 0;border:0;width:100%;padding:0;font-family:inherit;font-size:14px;font-weight:700;line-height:1.35}.menu-product-info{gap:5px;padding:12px 13px 13px}.menu-product-bottom{margin-top:7px}.menu-add-btn{cursor:pointer;border:0;width:34px;height:34px}.menu-money{letter-spacing:-.01em;align-items:baseline;gap:3px;font-size:15.5px;font-weight:800;display:inline-flex}.menu-money em{opacity:.68;font-size:10.5px;font-style:normal;font-weight:700}.menu-cart-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:20;position:fixed;bottom:0;left:0;right:0}.menu-cart-bar button{background:var(--menu-text);color:var(--menu-bg);cursor:pointer;border:0;border-radius:18px;align-items:center;gap:12px;width:100%;padding:14px 18px;font-family:inherit;animation:.38s cubic-bezier(.2,.9,.3,1.25) menuBarIn;display:flex;box-shadow:0 14px 34px #00000057}@keyframes menuBarIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.menu-cart-bar.is-bumped button{animation:.42s cubic-bezier(.2,.9,.3,1.4) menuBarBump}@keyframes menuBarBump{0%,to{transform:scale(1)}40%{transform:scale(1.035)}}.menu-cart-bar-badge{align-items:center;gap:7px;display:flex}.menu-cart-bar-badge em{background:var(--menu-accent);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 5px;font-size:11.5px;font-style:normal;font-weight:800;display:flex}.menu-cart-bar-label{font-size:14px;font-weight:700}.menu-cart-bar .menu-money{margin-inline-start:auto}.menu-sheet{flex-direction:column;max-height:88vh;display:flex}.menu-sheet-grabber{background:color-mix(in srgb, var(--menu-text) 20%, transparent);border-radius:99px;width:40px;height:4px;margin:10px auto 2px}.menu-sheet-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.menu-sheet-photo-wrap{aspect-ratio:1.7;overflow:hidden}.menu-sheet-photo-wrap.menu-sheet-photo-empty{background:color-mix(in srgb, var(--menu-accent) 10%, transparent);color:var(--menu-accent);justify-content:center;align-items:center;display:flex}.menu-sheet-photo{object-fit:cover;width:100%;height:100%}.menu-sheet-foot{background:var(--menu-card);border-top:1px solid color-mix(in srgb, var(--menu-text) 8%, transparent);padding:14px 18px calc(16px + env(safe-area-inset-bottom));align-items:center;gap:10px;display:flex}.menu-sheet-foot .menu-primary-btn{flex:1}.menu-cart-foot{flex-direction:column;align-items:stretch}.menu-cart-note{color:var(--menu-accent);justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:flex}.menu-primary-btn:disabled{cursor:not-allowed;opacity:.5}.menu-qty-stepper.is-small button{width:26px;height:26px}.menu-cart-line-main{flex-direction:column;gap:3px;min-width:0;display:flex}.menu-toast-icon{color:#fff;background:#2fa36b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}@media (min-width:700px){.menu-hero-body{padding:46px 20px 52px}.menu-toolbar,.menu-catalog,.menu-category-nav{max-width:860px;margin-inline:auto}.menu-toolbar{margin-top:-26px}.menu-product-grid{grid-template-columns:repeat(3,1fr)}.menu-cart-bar button{max-width:520px;margin:0 auto}}.menu-demo-phone{width:min(80vw,300px);padding:0}.menu-demo-phone-screen{aspect-ratio:.49;border-radius:26px;width:100%;position:relative;overflow:hidden}.menu-demo-phone-screen .menu-page{scrollbar-width:none;height:100%;min-height:0;padding-bottom:0;overflow-y:auto}.menu-demo-phone-screen .menu-page::-webkit-scrollbar{display:none}.menu-demo-phone-screen .menu-cart-bar,.menu-demo-phone-screen .menu-sheet-backdrop{display:none}.menu-demo-phone-screen .menu-category-nav{position:static}.menu-demo-dots{justify-content:center;gap:5px;margin-top:14px;display:flex}.menudash-qr-card{background:#14131b;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:18px;margin-top:16px;padding:18px;display:flex}.menudash-qr-code{color:#6b6577;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:128px;height:128px;display:flex;overflow:hidden}.menudash-qr-code img{object-fit:contain;width:100%;height:100%}.menudash-qr-body{flex-direction:column;gap:6px;min-width:0;display:flex}.menudash-qr-body b{font-size:14px}.menudash-qr-body span{color:#a7a297;font-size:12px;line-height:1.6}.menudash-qr-body code{color:#d6d1c6;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border-radius:6px;width:max-content;max-width:100%;padding:5px 8px;font-size:11.5px;overflow:hidden}.menudash-qr-body .button{align-items:center;gap:6px;width:max-content;margin-top:4px;display:flex}.menudash-qr-error{color:#ff8a8a;margin:4px 0 0;font-size:12px}@media (max-width:620px){.menudash-qr-card{text-align:center;flex-direction:column}.menudash-qr-body{align-items:center}}