*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FAF9F6;--surface: #FFFFFF;--ink: #1A1C1E;--ink-muted: #6B6F72;--sage: #788475;--sage-light: #E8EDE7;--sand: #A3866E;--sand-light: #F5EFE9;--border: #E8E4DF;--hero-bg: #16120E;--font-title: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Roboto Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.hero{background:var(--hero-bg);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(163,134,110,.22) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 20% 100%,rgba(120,132,117,.12) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 80% 90%,rgba(163,134,110,.09) 0%,transparent 55%)}.hero:after{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 50%,black 20%,transparent 80%);mask-image:radial-gradient(ellipse 100% 80% at 50% 50%,black 20%,transparent 80%)}.hero-content{position:relative;z-index:1;max-width:880px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:5px 14px 5px 10px;font-size:12px;font-weight:600;color:#fff9;letter-spacing:.3px;margin-bottom:40px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--sand);animation:pulse 2.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--font-title);font-size:clamp(48px,7.5vw,96px);font-weight:900;line-height:.98;letter-spacing:-4px;color:#fff;margin-bottom:28px}.hero h1 .accent{color:var(--sand)}.hero-sub{font-size:clamp(16px,2vw,19px);color:#ffffff73;max-width:500px;margin:0 auto 48px;line-height:1.7}.hero-sub strong{color:#ffffffbf;font-weight:500}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-hero-p{background:var(--sand);color:#fff;border:none;border-radius:10px;padding:16px 34px;font-size:16px;font-weight:700;font-family:var(--font-body);cursor:pointer;text-decoration:none;transition:background .2s,box-shadow .3s,transform .2s;box-shadow:0 0 #a3866e00}.btn-hero-p:hover{background:#c0a080;box-shadow:0 0 40px #a3866e80;transform:translateY(-2px)}.btn-hero-s{background:#ffffff12;color:#ffffffd9;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:16px 28px;font-size:16px;font-weight:500;font-family:var(--font-body);cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s}.btn-hero-s:hover{background:#ffffff1f;border-color:#ffffff40}.hero-hint{margin-top:20px;font-family:var(--font-mono);font-size:12px;color:#ffffff40;letter-spacing:.5px}.hero-hint strong{color:#ffffff6b}.app-dock{position:relative;z-index:1;margin-top:72px;display:flex;flex-direction:column;align-items:center;gap:20px}.dock-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#ffffff2e}.dock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 32px;justify-items:center}.dock-row-2{grid-column:1 / -1;display:flex;gap:32px;justify-content:center}.dock-app{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;cursor:pointer}.dock-app:not(.locked-app):hover .dock-icon{transform:translateY(-10px) scale(1.09);box-shadow:inherit}.dock-app:not(.locked-app):hover .dock-name{color:#fffffff2}.dock-app.locked-app{cursor:default}.dock-icon{width:82px;height:82px;border-radius:22px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,opacity .25s}.dock-app.available .dock-icon{width:92px;height:92px;border-radius:26px}.dock-icon:before{content:"";position:absolute;top:0;left:0;right:0;height:55%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.06) 60%,transparent 100%);border-radius:22px 22px 0 0;pointer-events:none;z-index:2}.dock-icon:after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;z-index:3;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0003}.dock-icon.d1{background:linear-gradient(150deg,#4aae82,#1a5c38);box-shadow:0 8px 24px #1a5c388c,0 2px 6px #00000040}.dock-icon.d2{background:linear-gradient(150deg,#7a9e42,#3d5c1e);box-shadow:0 8px 24px #3d5c1e8c,0 2px 6px #00000040}.dock-icon.d3{background:linear-gradient(150deg,#52c48a,#1e7a50);box-shadow:0 8px 24px #1e7a5080,0 2px 6px #00000040}.dock-icon.d4{background:linear-gradient(150deg,#96b840,#506820);box-shadow:0 8px 24px #50682080,0 2px 6px #00000040}.dock-icon.d5{background:linear-gradient(150deg,#c4a828,#7a6810);box-shadow:0 8px 24px #7a681080,0 2px 6px #00000040}.dock-icon.d6{background:linear-gradient(150deg,#c88830,#885418);box-shadow:0 8px 24px #88541880,0 2px 6px #00000040}.dock-icon.d7{background:linear-gradient(150deg,#c87040,#883820);box-shadow:0 8px 24px #88382080,0 2px 6px #00000040}.dock-icon.d5,.dock-icon.d6,.dock-icon.d7{opacity:.48}.dock-app.locked-app:hover .dock-icon{opacity:.7}.dock-app.available .dock-icon:before{border-radius:26px 26px 0 0}.dock-app.available .dock-icon:after{border-radius:26px}.dock-app.available{position:relative}.dock-app.available:after{content:"";position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:60%;height:20px;border-radius:50%;filter:blur(10px);pointer-events:none}.dock-app.available:nth-child(1):after{background:#4aae8299}.dock-app.available:nth-child(2):after{background:#7a9e4299}.dock-app.available:nth-child(3):after{background:#52c48a99}.dock-app.available:nth-child(4):after{background:#96b84099}.dock-lock{position:absolute;bottom:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#16120ed9;border:1.5px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:9px;z-index:2}.dock-name{font-family:var(--font-title);font-size:11px;font-weight:600;color:#ffffff73;white-space:nowrap}.dock-app:hover .dock-name{color:#ffffffd9}.wave{display:block;background:var(--hero-bg);line-height:0}.wave svg{display:block;width:100%}.section-tag{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--sand);display:block;margin-bottom:12px}h2.sh2{font-family:var(--font-title);font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.08;color:var(--ink);margin-bottom:16px}p.sp{font-size:17px;color:var(--ink-muted);line-height:1.7}.why{padding:96px 24px;background:var(--bg)}.why-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-left p.sp{max-width:440px;margin-bottom:36px}.see-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--sand);text-decoration:none}.see-link:hover{text-decoration:underline}.why-card{background:var(--surface);border:1.5px solid var(--border);border-radius:24px;padding:36px;position:relative;overflow:hidden}.why-card:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(163,134,110,.1),transparent 70%)}.wstep{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--border);position:relative;z-index:1}.wstep:last-child{border-bottom:none}.wnum{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--sand);background:var(--sand-light);width:28px;height:28px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.wbody h5{font-family:var(--font-title);font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px}.wbody p{font-size:13px;color:var(--ink-muted)}.wtool{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;background:var(--bg);border:1px solid var(--border);padding:2px 8px;border-radius:4px;color:var(--ink-muted);margin-top:6px;display:inline-block}.apps{padding:96px 24px;background:var(--surface)}.apps-in{max-width:1120px;margin:0 auto}.apps-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;flex-wrap:wrap;gap:24px}.apps-head a{font-size:14px;font-weight:600;color:var(--sand);text-decoration:none}.apps-head a:hover{text-decoration:underline}.apps-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px}.apps-grid-featured{display:grid;grid-template-columns:1fr 1fr;gap:16px;grid-column:1 / -1}.apps-grid-upcoming{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;grid-column:1 / -1}.acard-upcoming{background:var(--bg);border:1.5px solid var(--border);border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;opacity:.65}.acard-upcoming .ac-icon-sm{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001f}.acard-upcoming .ac-icon-sm:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);border-radius:12px 12px 0 0;z-index:2}.acard-upcoming .ac-icon-sm:after{content:"";position:absolute;inset:0;border-radius:12px;z-index:3;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000026}.acard-upcoming h4{font-family:var(--font-title);font-size:13px;font-weight:700;color:var(--ink)}.acard-upcoming p{font-size:12px;color:var(--ink-muted);line-height:1.5}.coming-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;background:var(--border);color:var(--ink-muted);padding:2px 8px;border-radius:4px}.acard{background:var(--bg);border:1.5px solid var(--border);border-radius:20px;padding:28px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:16px;position:relative}.acard:hover{border-color:transparent;box-shadow:0 10px 40px #00000014;transform:translateY(-4px)}.acard:not(.off):hover .ac-icon{transform:scale(1.08) translateY(-2px)}.acard.off{cursor:default;opacity:.65}.acard.off:hover{transform:none;box-shadow:none;border-color:var(--border)}.ac-top{display:flex;align-items:center;justify-content:space-between}.ac-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0000002e;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.ac-icon:before{content:"";position:absolute;top:0;left:0;right:0;height:55%;background:linear-gradient(180deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,.06) 65%,transparent 100%);border-radius:16px 16px 0 0;pointer-events:none;z-index:2}.ac-icon:after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;z-index:3;box-shadow:inset 0 1px #fff6,inset 0 -1px #00000026}.ac-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:4px 9px;border-radius:100px}.bl{background:#e8f5e9;color:#2e7d32}.bp2{background:#fff3e0;color:#e65100}.bp3{background:var(--sand-light);color:var(--sand)}.bai{background:#f3f0ff;color:#7c3aed}.ac-body h3{font-family:var(--font-title);font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--ink);margin-bottom:6px}.ac-body p{font-size:13px;color:var(--ink-muted);line-height:1.6}.ac-arr{align-self:flex-end;width:30px;height:30px;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--sand);opacity:0;transition:opacity .2s}.acard:not(.off):hover .ac-arr{opacity:1}.numbers{padding:80px 24px;background:var(--hero-bg)}.numbers-in{max-width:960px;margin:0 auto}.nums-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center}.nval{font-family:var(--font-mono);font-size:44px;font-weight:500;color:#fff;letter-spacing:-3px;line-height:1;display:block;margin-bottom:6px}.nval span{color:var(--sand)}.nlabel{font-size:14px;color:#ffffff61}.pricing{padding:96px 24px;background:var(--bg)}.pricing-in{max-width:1080px;margin:0 auto}.pricing-hd{text-align:center;margin-bottom:56px}.pricing-hd p.sp{margin:0 auto;max-width:460px}.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.pc{background:var(--surface);border:1.5px solid var(--border);border-radius:18px;padding:28px 24px;position:relative;transition:transform .2s,box-shadow .2s}.pc:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000012}.pc.feat{background:var(--ink);border-color:var(--ink);box-shadow:0 16px 56px #00000038;transform:scale(1.04)}.pc.feat:hover{transform:scale(1.04) translateY(-5px)}.pc-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--sand);color:#fff;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;padding:3px 12px;border-radius:100px;white-space:nowrap}.pc-name{font-family:var(--font-title);font-size:17px;font-weight:800;margin-bottom:4px}.pc:not(.feat) .pc-name{color:var(--ink)}.pc.feat .pc-name{color:#fff}.pc-desc{font-size:12px;color:var(--ink-muted);margin-bottom:20px}.pc.feat .pc-desc{color:#fff6}.pc-price{font-family:var(--font-mono);font-size:36px;font-weight:500;letter-spacing:-2px;line-height:1;margin-bottom:4px}.pc:not(.feat) .pc-price{color:var(--ink)}.pc.feat .pc-price{color:#fff}.pc-per{font-size:12px;color:var(--ink-muted);margin-bottom:20px}.pc.feat .pc-per{color:#ffffff61}.pc-div{height:1px;background:var(--border);margin-bottom:16px}.pc.feat .pc-div{background:#ffffff1a}.pc-feats{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.pc-feats li{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink-muted)}.pc.feat .pc-feats li{color:#fff9}.pcheck{width:14px;height:14px;border-radius:4px;flex-shrink:0;background:var(--sage-light);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--sage);margin-top:2px}.pc.feat .pcheck{background:#ffffff26;color:#ffffff8c}.btn-p{width:100%;padding:11px;border-radius:9px;font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;text-decoration:none;display:block;text-align:center;transition:all .18s;border:none}.btn-outline2{background:transparent;color:var(--sand);border:1.5px solid var(--sand)}.btn-outline2:hover{background:var(--sand);color:#fff}.btn-white2{background:#fff;color:var(--ink)}.btn-white2:hover{background:#f0ebe4}.btn-sand2{background:var(--sand);color:#fff}.btn-sand2:hover{background:#8d7260}.btn-ghost2{background:transparent;color:var(--ink-muted);border:1.5px solid var(--border)}.btn-ghost2:hover{border-color:var(--ink);color:var(--ink)}.p-link{text-align:center;margin-top:28px}.p-link a{font-size:14px;color:var(--sand);font-weight:500;text-decoration:none}.p-link a:hover{text-decoration:underline}.cta-s{padding:0 24px 96px;background:var(--bg)}.cta-box{max-width:900px;margin:0 auto;background:var(--ink);border-radius:28px;padding:72px 56px;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(163,134,110,.2),transparent 65%)}.cta-box:after{content:"";position:absolute;bottom:-60px;left:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(120,132,117,.15),transparent 65%)}.cta-box h2{font-family:var(--font-title);font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.5px;color:#fff;margin-bottom:12px;position:relative;z-index:1}.cta-box p{font-size:16px;color:#fff6;margin-bottom:36px;position:relative;z-index:1}.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.btn-c1{background:var(--sand);color:#fff;border:none;border-radius:10px;padding:15px 32px;font-size:15px;font-weight:700;font-family:var(--font-body);cursor:pointer;text-decoration:none;box-shadow:0 4px 20px #a3866e66;transition:background .2s}.btn-c1:hover{background:#c0a080}.btn-c2{background:#ffffff14;color:#fffc;border:none;border-radius:10px;padding:15px 28px;font-size:15px;font-weight:500;font-family:var(--font-body);cursor:pointer;text-decoration:none;transition:background .2s}.btn-c2:hover{background:#ffffff24}footer{background:var(--hero-bg);padding:64px 48px 40px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;margin-bottom:56px}.f-logo{font-family:var(--font-title);font-weight:800;font-size:20px;color:#fff;text-decoration:none;display:block;margin-bottom:12px}.f-logo span{color:var(--sand)}.f-tag{font-size:13px;color:#ffffff52;line-height:1.6;max-width:220px}.fc h5{font-family:var(--font-title);font-size:11px;font-weight:700;color:#ffffff80;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.fc ul{list-style:none;display:flex;flex-direction:column;gap:10px}.fc ul li a{font-size:14px;color:#ffffff61;text-decoration:none;transition:color .18s}.fc ul li a:hover{color:#ffffffd9}.f-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.f-bottom p{font-size:12px;color:#ffffff38}.f-bottom a{color:#ffffff38;text-decoration:none}.f-bottom a:hover{color:#fff9}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{animation:fadeUp .5s ease both}.hero h1{animation:fadeUp .65s ease .1s both}.hero-sub{animation:fadeUp .65s ease .2s both}.hero-actions{animation:fadeUp .65s ease .3s both}.hero-hint{animation:fadeUp .65s ease .35s both}.app-dock{animation:fadeUp .65s ease .45s both}@media(max-width:1024px){.pg{grid-template-columns:repeat(2,1fr)}.pc.feat{transform:none}.why-in{grid-template-columns:1fr;gap:48px}.apps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero h1{letter-spacing:-2px}.dock-icon{width:64px;height:64px;border-radius:18px}.dock-app.available .dock-icon{width:72px;height:72px;border-radius:20px}.nums-grid{grid-template-columns:repeat(2,1fr)}.pg,.apps-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.cta-box{padding:48px 28px}}