@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap");
:root{--bg:#07111d;--deep:#040b14;--line:rgba(92,164,211,.24);--line-bright:rgba(91,188,247,.46);--text:#f6f9fc;--muted:#9aaabd;--container:1450px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--text);background:var(--deep);font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{position:sticky;top:0;z-index:50;height:66px;border-bottom:1px solid rgba(96,172,221,.18);background:rgba(6,15,26,.91);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-shell{height:66px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}.brand-mark{width:42px;height:42px;fill:none;stroke:#e8f3ff;stroke-width:1.7;stroke-linejoin:round}.brand-name{display:flex;align-items:baseline;gap:10px;text-transform:uppercase}.brand-name b{font-family:"Space Grotesk",sans-serif;font-size:1.16rem;letter-spacing:.16em;white-space:nowrap}.brand-name i{color:#9babbc;font-style:normal;font-size:.72rem;letter-spacing:.34em;white-space:nowrap}.desktop-nav{display:flex;align-self:stretch;align-items:center;gap:42px;margin-left:auto}.desktop-nav a{position:relative;color:#b3c0cc;font-size:.83rem;font-weight:600}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:#65c6ff;box-shadow:0 0 12px rgba(101,198,255,.7);transition:right .2s ease}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a.active::after{right:0}.nav-actions{display:flex;align-items:center;margin-left:105px}.version{padding:6px 11px;color:#bce5ff;border:1px solid rgba(112,199,253,.43);border-radius:7px;font:600 .7rem "Space Grotesk",sans-serif;letter-spacing:.06em}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;height:585px;overflow:hidden;border-bottom:1px solid rgba(72,153,207,.36);background:#06101c}.hero-image{position:absolute;inset:0;background:url("/assets/ps-studio-hero-ui.webp") center center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,25,.99) 0%,rgba(5,14,25,.98) 13%,rgba(5,14,25,.83) 31%,rgba(5,14,25,.2) 54%,rgba(5,14,25,0) 77%),linear-gradient(180deg,rgba(4,12,21,.17),rgba(4,12,21,.2) 68%,rgba(4,12,21,.72))}.hero-inner{position:relative;height:100%;display:flex;align-items:center}.hero-copy{width:610px;padding-top:2px}.eyebrow{width:max-content;margin-bottom:15px;padding:7px 16px;color:#d6e7f4;border:1px solid rgba(95,180,236,.55);border-radius:999px;background:rgba(6,27,44,.48);font-size:.7rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.hero h1{margin:0;color:transparent;background:linear-gradient(180deg,#fff 24%,#e7edf3 58%,#9bcff0);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 5px 7px rgba(0,0,0,.65));font:800 clamp(3.2rem,5vw,5.25rem)/.98 "Space Grotesk",sans-serif;letter-spacing:-.045em;text-transform:uppercase}.hero h2{margin:8px 0 12px;color:#d5e7f5;font:700 clamp(1.4rem,2vw,2rem)/1.1 "Space Grotesk",sans-serif;letter-spacing:.012em;text-transform:uppercase}.hero-lead{max-width:550px;margin:0 0 15px;color:#c1ced9;font-size:.92rem;line-height:1.55}.hero-benefits{display:grid;gap:5px;margin:0 0 17px;padding:0;list-style:none}.hero-benefits li{display:flex;align-items:center;gap:10px;color:#d5e0e9;font-size:.84rem}.hero-benefits li span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:linear-gradient(145deg,#248ed4,#0c5e9b);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 14px rgba(52,167,239,.15);font-size:.75rem;font-weight:800}.download-button{width:360px;min-height:58px;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid rgba(88,203,255,.55);border-radius:11px;background:linear-gradient(135deg,#168dff,#1767ed 70%,#674cf4);box-shadow:0 12px 32px rgba(20,105,238,.28),inset 0 1px 0 rgba(255,255,255,.34);transition:transform .2s ease,box-shadow .2s ease}.download-button:hover{transform:translateY(-2px);box-shadow:0 17px 40px rgba(20,105,238,.4),inset 0 1px 0 rgba(255,255,255,.34)}.download-button svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.download-button strong{font-size:1rem}.download-button>span{margin-left:4px;font-size:2rem;font-weight:300;line-height:1}.platform-note{display:flex;align-items:center;gap:10px;margin-top:12px;color:#98aabc;font-size:.65rem}.platform-note svg{width:18px;fill:#d8e9f8}.platform-note .apple{color:white;font-size:1rem}.platform-note i{width:1px;height:13px;background:rgba(157,182,201,.4)}
.tools{padding:20px 0 23px;background:linear-gradient(180deg,#091827,#06121f)}.section-heading{margin-bottom:13px;text-align:center}.heading-kicker{display:flex;align-items:center;justify-content:center;gap:12px;color:#aabed0;font-size:.59rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.heading-kicker span{width:86px;height:1px;background:linear-gradient(90deg,transparent,rgba(124,195,236,.65))}.heading-kicker span:last-child{transform:rotate(180deg)}.section-heading h2{margin:7px 0 2px;font:700 1.53rem/1.2 "Space Grotesk",sans-serif;letter-spacing:.01em;text-transform:uppercase}.section-heading p{margin:0;color:#9fb0bf;font-size:.76rem}.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tool-card{min-height:92px;display:grid;grid-template-columns:58px 1fr 10px;align-items:center;gap:13px;padding:11px 15px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,rgba(13,34,53,.92),rgba(7,20,33,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.02);transition:transform .18s ease,border-color .18s ease,background .18s ease}.tool-card:hover{transform:translateY(-2px);border-color:var(--line-bright);background:linear-gradient(145deg,rgba(17,45,69,.95),rgba(8,24,39,.95))}.tool-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(86,163,212,.22);border-radius:9px;color:#d8efff;background:radial-gradient(circle at 35% 20%,rgba(52,138,197,.28),rgba(6,20,33,.7) 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);font:500 2rem/1 "Space Grotesk",sans-serif;text-shadow:0 0 14px rgba(119,203,255,.35)}.tool-icon.magic{color:#a9dbff}.tool-icon.mountain{font-size:1.7rem}.tool-icon.layers{letter-spacing:-.4em;padding-right:.4em}.tool-icon.palette{color:#bad9ef}.tool-icon.snow{font-size:2.2rem}.tool-card h3{margin:0 0 4px;font:700 .68rem/1.22 "Space Grotesk",sans-serif;letter-spacing:.012em;text-transform:uppercase}.tool-card p{margin:0;color:#9cadbd;font-size:.63rem;line-height:1.35}.tool-card>b{color:#9ac6e3;font-size:1.55rem;font-weight:300}
footer{padding:15px 0;border-top:1px solid rgba(87,161,208,.22);background:#050d17}.footer-inner{min-height:48px;display:flex;align-items:center}.footer-inner .brand-mark{width:37px;height:37px}.footer-inner .brand-name b{font-size:.95rem}.footer-inner .brand-name i{font-size:.6rem}.credit-line{width:1px;height:34px;margin-left:auto;margin-right:29px;background:rgba(190,220,239,.58)}.footer-inner p{margin:0;color:#aebfce;text-align:right;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase}.footer-inner strong{color:#dce8f2}.toast{position:fixed;right:22px;bottom:22px;z-index:120;width:min(calc(100% - 32px),370px);display:flex;align-items:start;gap:12px;padding:15px;transform:translateY(140%);opacity:0;border:1px solid rgba(100,199,255,.45);border-radius:12px;background:rgba(8,24,39,.96);box-shadow:0 22px 55px rgba(0,0,0,.45);transition:transform .3s ease,opacity .3s ease}.toast.show{transform:translateY(0);opacity:1}.toast>span{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#06111d;background:#76ceff;font-weight:800}.toast strong{font-size:.8rem}.toast p{margin:3px 0 0;color:#91a6b8;font-size:.69rem}.toast button{margin-left:auto;padding:0;border:0;color:#8ba1b2;background:transparent;font-size:1.2rem;cursor:pointer}
@media(max-width:1250px){.nav-actions{margin-left:30px}.desktop-nav{gap:25px}.hero-copy{width:540px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.desktop-nav,.version{display:none}.nav-actions{margin-left:auto}.menu-toggle{width:40px;height:40px;display:grid;place-content:center;gap:6px;padding:0;border:1px solid var(--line);border-radius:8px;background:rgba(10,28,44,.8)}.menu-toggle span{width:18px;height:1px;display:block;background:white;transition:transform .2s ease}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:fixed;top:66px;left:0;right:0;display:grid;padding:8px 20px 18px;transform:translateY(-125%);border-bottom:1px solid var(--line);background:rgba(5,14,24,.98);transition:transform .25s ease}.mobile-nav.open{transform:translateY(0)}.mobile-nav a{padding:12px 0;border-bottom:1px solid rgba(95,165,208,.12);color:#c7d4df;font-size:.85rem}.hero{height:650px}.hero-image{background-position:65% center;opacity:.62}.hero-shade{background:linear-gradient(90deg,rgba(5,14,25,.99),rgba(5,14,25,.92) 50%,rgba(5,14,25,.3))}.hero-copy{width:590px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.container{width:min(calc(100% - 26px),var(--container))}.site-header,.nav-shell{height:62px}.mobile-nav{top:62px}.brand-mark{width:35px;height:35px}.brand-name b{font-size:.9rem}.brand-name i{display:none}.hero{height:auto;min-height:705px}.hero-image{background-position:69% bottom;opacity:.46}.hero-shade{background:linear-gradient(180deg,rgba(5,14,25,.99) 0%,rgba(5,14,25,.92) 58%,rgba(5,14,25,.44))}.hero-inner{min-height:705px;align-items:start;padding-top:42px;padding-bottom:35px}.hero-copy{width:100%}.eyebrow{padding:6px 12px;font-size:.59rem}.hero h1{font-size:clamp(2.55rem,13vw,4rem)}.hero h2{max-width:370px;font-size:1.18rem}.hero-lead{font-size:.82rem}.hero-benefits li{font-size:.76rem}.download-button{width:100%}.download-button strong{font-size:.9rem}.platform-note{flex-wrap:wrap;row-gap:4px}.tools{padding-top:26px}.heading-kicker span{width:38px}.section-heading h2{font-size:1.25rem}.section-heading p{font-size:.69rem}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:86px}.footer-inner .brand-name i{display:inline}.credit-line{margin-right:13px}.footer-inner p{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}