.renewal-stage{--repair:1;--scan-y:0%;--scan-opacity:0;--rx:10deg;--ry:-24deg;--rz:-9deg;--phase-progress:100%;position:relative;isolation:isolate;min-height:430px;height:430px;background:radial-gradient(ellipse at 48% 44%,#28362d 0,#131a18 35%,#0c100f 73%);border:1px solid #3b483d;overflow:hidden;color:#e4ede1;perspective:1100px;border-radius:6px}.stage-heading{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:16px;font:9px var(--font-mono);letter-spacing:.12em;z-index:8;color:#b0c2b1}.stage-edition{color:#8e9e91}.stage-light{position:absolute;inset:-25% -10%;background:conic-gradient(from 170deg at 50% 0,transparent 0 10deg,#c8f3bb0c 15deg,transparent 23deg);filter:blur(8px)}.stage-floor{position:absolute;bottom:-25px;left:0;width:100%;height:180px;background:radial-gradient(ellipse,#a5e27415,transparent 63%);transform:rotateX(65deg);border-top:1px solid #b3e8840b}.stage-floor:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 49px,#a6d69408 50px),repeating-linear-gradient(transparent 0 29px,#a6d69408 30px)}.renewal-particles{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}.phone-rig{position:absolute;width:184px;height:350px;left:50%;top:47%;transform:translate(-50%,-50%);transform-style:preserve-3d;perspective:1000px}.phone-object{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));will-change:transform}.phone-frame{position:absolute;inset:0;padding:6px;border-radius:31px;background:linear-gradient(110deg,#e8eee1 0,#8c9989 3%,#292e2a 8%,#d0dbcc 16%,#a7b6a0 30%,#262c27 55%,#788571 80%,#dce6d0 95%,#747f6c);box-shadow:inset 0 0 0 1px #ecf4e780,inset 0 0 2px 3px #0008,0 0 0 1px #000;transform:translateZ(12px)}.phone-thickness{position:absolute;inset:0;border-radius:32px;background:linear-gradient(110deg,#4a574a,#101b15 20%,#839278 50%,#1d2a1d 75%,#b7c6a7);transform:translateZ(0px);box-shadow:-4px 4px 0 #303a30,-8px 8px 0 #748069,-10px 9px 1px #202a21,1px 0 0 #d6e1cc}.phone-glass{height:100%;position:relative;border:2px solid #080d09;border-radius:25px;overflow:hidden;background:#050806;box-shadow:inset 0 0 0 1px #c5e5bf36}.phone-wallpaper{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 15% 10%,#456334,#162c24 50%,#07120e);opacity:calc(.15 + var(--repair)*.85)}.wallpaper-arc{position:absolute;border-radius:50%;border:24px solid #c7ed7430;box-shadow:inset 0 0 20px #d0ff7010;transform:rotate(-35deg)}.arc-one{width:310px;height:230px;top:-70px;left:-170px;border-color:#a4cd6360}.arc-two{width:300px;height:220px;bottom:-80px;right:-150px;border-color:#84af6b35}.arc-three{width:260px;height:200px;bottom:-80px;right:-165px;border-color:#b1e46d6b}.restored-identity{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;padding-top:3px;transform:translateY(calc((1 - var(--repair))*12px));opacity:var(--repair)}.metal-n{font:104px/.9 var(--font-display);font-weight:600;letter-spacing:-12px;padding-right:10px;background:linear-gradient(135deg,#f6ffe0 5%,#9fc14a 25%,#e9ffb1 45%,#7d9e36 50%,#d4f58c 75%,#f6ffe0);background-clip:text;color:transparent;filter:drop-shadow(2px 5px 0 #213b10) drop-shadow(0 0 16px #b8ff6020);transform:skewY(-8deg);margin-bottom:24px}.phone-brand{font:12px var(--font-display);font-weight:600;letter-spacing:1px;color:#f4f7eb}.phone-brand>span{color:#ceec9d;font-weight:400}.phone-tagline{font:5px var(--font-mono);letter-spacing:2px;color:#beccb0;margin-top:10px}.phone-ready{position:absolute;bottom:40px;left:0;right:0;text-align:center;font:5px var(--font-mono);letter-spacing:1px;opacity:var(--repair);color:#dcf7b2}.phone-ready>span{display:block;font-size:14px;margin-bottom:5px}.phone-damage{position:absolute;inset:0;opacity:calc(1 - var(--repair));background:linear-gradient(135deg,#141b19c0,#030605ad)}.phone-damage svg{position:absolute;width:100%;height:100%;inset:0;filter:drop-shadow(1px 1px 0 #000)}.broken-display{position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,#66dd8a20 69%,#8aaabb15 70%,transparent 72%),linear-gradient(0deg,#0000 42%,#bfc9a011 43%,transparent 44%)}.impact-mark{position:absolute;width:3px;height:3px;top:45%;left:59%;box-shadow:0 0 6px 2px #dde8da50;background:#d6e4da;border-radius:50%}.screen-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:52px;height:14px;background:linear-gradient(#030503,#0d150e);border-radius:10px;box-shadow:0 1px 1px #c6e5b711;display:flex;align-items:center;justify-content:center;gap:7px;z-index:4}.screen-notch>span{height:2px;width:21px;background:#20271e;border-radius:3px}.screen-notch>i{width:5px;height:5px;background:radial-gradient(circle at 35% 30%,#40596e,#070d11 65%);border-radius:50%}.screen-home{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);height:2px;width:48px;background:#dce5d5a0;border-radius:3px}.screen-sheen{position:absolute;inset:-70% -110%;background:linear-gradient(115deg,transparent 40%,#e6ffee10 46%,#ecffe628 48%,#e6ffee06 51%,transparent 55%);transform:translateX(calc((var(--repair) - .5)*30%));pointer-events:none}.phone-rim{position:absolute;inset:0;border:1px solid #d0e7b34d;border-radius:32px;transform:translateZ(13px);pointer-events:none;box-shadow:0 0 14px #d5f86b0d;opacity:calc(.25 + var(--repair)*.75)}.phone-side{position:absolute;left:-7px;top:80px;width:7px;height:85px;transform:rotateY(-90deg);background:#71846a;border:1px solid #a2b68d;border-radius:3px}.phone-side i{display:block;width:2px;height:22px;background:#1e291c;margin:8px 1px;border-radius:2px}.phone-shadow{position:absolute;inset:auto -45px -36px;height:35px;filter:blur(13px);background:#000b;border-radius:50%;transform:rotate(-10deg)}.scan-field{position:absolute;left:8%;right:8%;top:var(--scan-y);height:2px;z-index:5;opacity:var(--scan-opacity);pointer-events:none}.scan-core{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#d7ffbf 30%,#fff 50%,#d7ffbf 70%,transparent);box-shadow:0 0 8px 2px #a7ffa8,0 0 30px 8px #a9ff7d40}.scan-bloom{position:absolute;inset:-22px 12%;background:radial-gradient(ellipse,#d6ff8e59,transparent 65%);filter:blur(7px)}.scan-flare{position:absolute;width:90px;height:90px;left:52%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0,#e3ffd7bf 2%,#bcf99530 8%,transparent 50%)}.scan-flare:after{content:'';position:absolute;width:1px;top:0;bottom:0;left:50%;background:linear-gradient(transparent,#f6ffe9cc,transparent)}.stage-caption{position:absolute;left:24px;bottom:24px;display:flex;flex-direction:column;gap:7px;z-index:8;font:8px var(--font-mono);letter-spacing:.1em}.stage-count{color:#9eafa0}.stage-status{color:#e4f2d1;font-size:10px;text-transform:uppercase}.stage-controls{position:absolute;bottom:20px;right:16px;display:flex;align-items:center;gap:2px;z-index:10}.stage-controls button{min-height:44px;min-width:44px;padding:10px 8px;border:0;background:none;color:#bfcbb6;font:10px var(--font-mono);cursor:pointer}.stage-controls button:hover{color:#e9ffc8;background:#d5f86b0b}.stage-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#3e50352b}.stage-progress>span{height:100%;display:block;width:var(--phase-progress);background:#c8ee86;box-shadow:0 0 8px #c8ee8640}.hero-bench{align-items:center}.brand-studio-link{margin-top:15px;color:var(--accent);font:11px var(--font-mono);display:inline-flex;gap:8px;align-items:center;min-height:44px}.brand-studio{padding-top:55px}.brand-studio .page-intro{padding-top:20px}.brand-directions{display:grid;gap:38px}.brand-direction{border:1px solid var(--border);background:#151713;overflow:hidden;border-radius:6px}.brand-direction img{width:100%;height:auto;display:block;aspect-ratio:2.2;object-fit:contain;background:#090b0a}.direction-info{padding:24px 30px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--border)}.direction-info h2{font-size:26px;margin-bottom:8px}.direction-info p{color:var(--muted);font-size:14px}.direction-info .btn{flex:none}.brand-direction.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.brand-direction.is-selected .btn{background:var(--accent);color:#172006}.selection-status{border-left:2px solid var(--accent);padding:16px 20px;background:#20271a;color:var(--text);margin-bottom:30px;font-size:14px}.brand-animation-section{margin-top:65px}.brand-animation-section>.renewal-stage{height:600px;max-width:1000px;margin:30px auto 0}.brand-animation-section .phone-rig{transform:translate(-50%,-50%) scale(1.35)}
@media(max-width:900px){.renewal-stage{height:400px;min-height:400px}.stage-heading{font-size:8px;left:16px;right:16px}.stage-edition{display:none}.phone-rig{transform:translate(-50%,-50%) scale(.92)}.stage-caption{left:16px}.stage-controls{right:8px}.stage-controls button{font-size:9px;padding-inline:7px}}
@media(max-width:640px){.renewal-stage{height:370px;min-height:370px}.stage-heading{top:17px;font-size:8px}.phone-rig{top:46%;transform:translate(-50%,-50%) scale(.83)}.stage-caption{bottom:20px}.stage-count{font-size:7px;letter-spacing:0}.stage-status{font-size:9px}.stage-controls{bottom:12px}.stage-controls button{font-size:8px}.direction-info{padding:20px;align-items:start;flex-direction:column;gap:20px}.direction-info .btn{width:100%;justify-content:space-between}.direction-info h2{font-size:24px}.brand-direction img{aspect-ratio:1.8}.brand-animation-section>.renewal-stage{height:440px}.brand-animation-section .phone-rig{transform:translate(-50%,-50%) scale(1)}.brand-studio{padding-top:25px}}
.phone-damage{clip-path:inset(calc(var(--repair)*100%) 0 0 0)}.phone-rig{pointer-events:none}.renewal-stage{min-width:0}.stage-controls button:disabled{color:#a0aa97;cursor:default}.renewal-stage[data-paused=true] .phone-object{will-change:auto}.clear-direction{background:transparent;border:0;color:var(--muted);cursor:pointer;margin:-18px 0 25px;padding:0;font-size:12px}.clear-direction:hover{color:var(--accent)}
.npt-brand-reborn{gap:9px}.npt-brand-reborn .reborn-emblem{display:block;width:64px;height:64px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 5px #0008)}.npt-brand-reborn>span{font-size:21px;white-space:nowrap;letter-spacing:-.055em}.npt-brand-reborn .brand-pro{color:#d5bf90}.npt-brand-reborn .brand-tool{font-weight:400;font-size:15px;color:#c3c4ba;letter-spacing:-.03em}.npt-brand-reborn small{font-size:8px;letter-spacing:.1em}.workspace-sidebar .npt-brand-reborn{gap:5px}.workspace-sidebar .npt-brand-reborn .reborn-emblem{width:48px;height:48px}.workspace-sidebar .npt-brand-reborn>span{font-size:16px}.workspace-sidebar .npt-brand-reborn .brand-tool{font-size:10px}.workspace-sidebar .npt-brand-reborn small{font-size:6px;letter-spacing:.02em}.phone-reborn-emblem{display:block;object-fit:contain;width:138px;height:138px;filter:drop-shadow(0 7px 8px #0009);margin-bottom:15px}.phone-wallpaper{background:radial-gradient(ellipse at 20% 10%,#4b4430,#1e231b 40%,#0b0f0c 75%)}.arc-one{border-color:#bfa8794d}.arc-two{border-color:#a19b6933}.arc-three{border-color:#cfb57e50}.phone-brand{font-size:10px;letter-spacing:.7px}.phone-brand>span{color:#d5bf90}.download-reborn-emblem{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 9px 15px #0008)}.login-reborn-emblem{display:block;width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 12px 14px #0009)}
@media(max-width:1180px){.npt-brand-reborn .reborn-emblem{width:53px;height:53px}.npt-brand-reborn>span{font-size:18px}.npt-brand-reborn .brand-tool{font-size:12px}.npt-brand-reborn small{font-size:7px}.workspace-sidebar .npt-brand-reborn>span{font-size:14px}.workspace-sidebar .npt-brand-reborn .reborn-emblem{width:39px;height:42px}.workspace-sidebar .npt-brand-reborn .brand-tool{font-size:9px}.workspace-sidebar .npt-brand-reborn small{font-size:5px}}
@media(max-width:640px){.npt-brand-reborn .reborn-emblem,.workspace-sidebar .npt-brand-reborn .reborn-emblem{width:54px;height:54px}.npt-brand-reborn>span,.workspace-sidebar .npt-brand-reborn>span{font-size:18px}.npt-brand-reborn .brand-tool,.workspace-sidebar .npt-brand-reborn .brand-tool{font-size:12px}.npt-brand-reborn small,.workspace-sidebar .npt-brand-reborn small{font-size:7px;letter-spacing:.06em}.download-reborn-emblem{width:140px;height:140px}}
.brand-wordmark-image{display:none}.npt-header .brand-wordmark-text{display:none}.npt-header .brand-wordmark-image{display:block;width:244px;height:auto;max-height:40px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 2px #0009)}.npt-header .brand-lockup>small{font-size:8px;letter-spacing:.2em;margin-top:8px}.npt-header .npt-brand-reborn .reborn-emblem{width:72px;height:64px}.npt-header .npt-brand-reborn{gap:9px}
@media(max-width:1180px){.npt-header .brand-wordmark-image{width:208px}.npt-header .npt-brand-reborn .reborn-emblem{width:62px;height:56px}.npt-header .brand-lockup>small{font-size:7px;letter-spacing:.14em}}
@media(max-width:640px){.npt-header .header-inner{gap:12px}.npt-header .brand-wordmark-image{width:180px}.npt-header .npt-brand-reborn .reborn-emblem{width:54px;height:54px}.npt-header .brand-lockup>small{font-size:6px;letter-spacing:.12em;margin-top:7px}}
.npt-header .brand-wordmark-image{width:270px;filter:none}.npt-header .brand-lockup>small{letter-spacing:.24em;color:#b7b8aa;margin-top:9px}
@media(max-width:1180px){.npt-header .brand-wordmark-image{width:220px}}
@media(max-width:640px){.npt-header .brand-wordmark-image{width:200px}.npt-header .npt-brand-reborn .reborn-emblem{width:44px;height:48px}.npt-header .brand-lockup>small{font-size:6px;letter-spacing:.17em;margin-top:8px}}
.npt-header{--logo-left:max(32px,calc((100vw - 1240px)/2));background:linear-gradient(100deg,#d0d0d0 0px,#c3c3c3 var(--logo-left),#7b7b7b calc(var(--logo-left) + 34px),#303030 calc(var(--logo-left) + 76px),#111111 calc(var(--logo-left) + 150px),#050505 100%);border-bottom-color:#505848}.npt-header .reborn-emblem{filter:drop-shadow(0 2px 2px #0004)}.phone-wallpaper{background:linear-gradient(135deg,#d0d0d0 0%,#a5a5a5 23%,#6c6c6c 42%,#303030 63%,#060606 100%)}.phone-wallpaper .arc-one{border-color:#eef2e51a}.phone-wallpaper .arc-two{border-color:#c9d5bd16}.phone-wallpaper .arc-three{border-color:#b6c9a522}
@media(max-width:900px){.npt-header{--logo-left:32px}}
@media(max-width:640px){.npt-header{background:linear-gradient(100deg,#d0d0d0 0px,#aaaaaa 20px,#737373 43px,#2b2b2b 65px,#111111 115px,#050505 100%)}}
@media(prefers-reduced-motion:reduce){.phone-object{will-change:auto}.renewal-particles,.scan-field{display:none}.renewal-stage{--repair:1;--rx:8deg;--ry:-16deg;--rz:-6deg}.stage-progress{display:none}}
