.pf-page { overflow-x:clip; }
.pf-hero { --pf-progress:0; --pf-task:1; --pf-screen:0; position:relative; height:230svh; min-height:1450px; isolation:isolate; background:radial-gradient(circle at 73% 33%,rgba(143,13,20,.29),transparent 38%),linear-gradient(145deg,#050505,#110b0b 70%,#070707); }
.pf-hero::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.42; background-image:linear-gradient(rgba(255,255,255,.033) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.033) 1px,transparent 1px); background-size:74px 74px; mask-image:linear-gradient(#000,transparent 85%); }
.pf-hero-sticky { position:sticky; top:0; display:grid; align-items:center; min-height:100svh; padding:105px 0 40px; overflow:hidden; }
.pf-hero-grid { display:grid; grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr); align-items:center; gap:22px; }
.pf-hero-copy { position:relative; z-index:5; transform:translateY(calc(var(--pf-progress) * -18px)); opacity:calc(1 - var(--pf-progress) * .28); }
.pf-focus-scene .pf-hero-copy { pointer-events:none; }
.pf-hero h1 { max-width:710px; margin:0 0 25px; font-size:clamp(3.1rem,4.8vw,5.3rem); line-height:.96; letter-spacing:-.07em; text-wrap:balance; }
.pf-hero-lead { max-width:620px; margin:0 0 27px; color:#c1bbb8; font-size:1.02rem; line-height:1.7; }
.pf-hero-sub { max-width:600px; margin:22px 0 0; color:#716e6c; font-size:.68rem; line-height:1.5; }
.pf-hero-reference { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:610px; gap:1px; margin-top:22px; overflow:hidden; border:1px solid rgba(242,193,77,.18); border-radius:13px; background:rgba(242,193,77,.18); }
.pf-hero-reference span { padding:11px 13px; background:rgba(15,12,12,.94); color:#8e8983; font-size:.62rem; line-height:1.35; }
.pf-hero-reference strong { display:block; color:#f2d487; font-size:.75rem; }
.pf-stage { position:relative; height:min(690px,72svh); min-height:530px; isolation:isolate; }
.pf-halo { position:absolute; inset:13% -7% 8%; z-index:-2; border-radius:50%; background:radial-gradient(ellipse at center,rgba(199,21,29,.31),rgba(207,147,51,.08) 43%,transparent 69%); filter:blur(20px); }
.pf-stage::before { content:""; position:absolute; inset:6% -5% 4%; border:1px solid rgba(243,195,77,.14); border-radius:42% 58% 50% 50%; transform:rotate(-12deg) scale(calc(.9 + var(--pf-progress) * .08)); box-shadow:inset 0 0 60px rgba(182,23,26,.05); }
.pf-stage-top { position:absolute; z-index:10; top:9%; right:4%; padding:9px 13px; border:1px solid rgba(238,192,82,.29); border-radius:30px; background:rgba(0,0,0,.64); color:#ebc879; font-size:.55rem; font-weight:850; letter-spacing:.15em; }
.pf-orbit { position:absolute; left:50%; top:51%; width:75%; height:66%; border:1px dashed rgba(232,190,84,.18); border-radius:50%; transform:translate(-50%,-50%) rotate(-17deg); }
.pf-orbit-b { width:92%; height:83%; border-color:rgba(230,31,41,.16); transform:translate(-50%,-50%) rotate(19deg); }
.pf-laptop { position:absolute; z-index:2; left:50%; top:51%; width:112%; max-width:none; transform:translate(-50%,-50%) scale(calc(.9 + var(--pf-progress) * .13)); filter:drop-shadow(0 34px 27px rgba(0,0,0,.63)); }
.pf-screen { position:absolute; z-index:3; left:44.5%; top:31%; display:grid; place-items:center; width:37%; height:19%; opacity:var(--pf-screen); transform:rotate(4deg) skew(-13deg) scale(calc(.88 + var(--pf-progress) * .12)); mix-blend-mode:screen; pointer-events:none; }
.pf-screen img { width:65%; max-height:68%; object-fit:contain; filter:drop-shadow(0 0 12px rgba(255,18,25,.65)); }
.pf-screen span { color:#e9ce8f; font-size:.45rem; font-weight:900; letter-spacing:.15em; }
.pf-task { position:absolute; z-index:6; display:flex; align-items:center; gap:10px; min-width:142px; padding:11px 13px; border:1px solid rgba(235,38,47,.37); border-radius:12px; background:linear-gradient(130deg,rgba(48,16,18,.96),rgba(14,13,13,.93)); box-shadow:0 16px 26px rgba(0,0,0,.35); color:#f7eeee; font-size:.7rem; font-weight:750; opacity:var(--pf-task); transition:border-color .25s,box-shadow .25s; }
.pf-task { pointer-events:none; }
.pf-task b { color:#f28484; font-size:.56rem; }
.pf-task i { width:6px; height:6px; margin-left:auto; border-radius:50%; background:#f03940; box-shadow:0 0 8px #f03940; }
.pf-task-a { left:1%; top:24%; transform:translate(calc(var(--pf-progress) * 70px),calc(var(--pf-progress) * 70px)); }
.pf-task-b { right:-2%; top:43%; transform:translate(calc(var(--pf-progress) * -75px),calc(var(--pf-progress) * -30px)); }
.pf-task-c { left:8%; bottom:18%; transform:translate(calc(var(--pf-progress) * 65px),calc(var(--pf-progress) * -50px)); }
.pf-stage-bottom { position:absolute; z-index:8; left:8%; right:8%; bottom:2%; display:flex; align-items:center; gap:13px; color:#928784; font-size:.52rem; font-weight:850; letter-spacing:.14em; }
.pf-progress { flex:1; height:2px; background:rgba(255,255,255,.15); }
.pf-progress i { display:block; width:calc(var(--pf-progress) * 100%); height:100%; background:linear-gradient(90deg,#e40b17,#f4cb61); box-shadow:0 0 12px #e50e18; }
.pf-scroll-note { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); color:#90827e; font-size:.62rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; white-space:nowrap; }
.pf-diagnostics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.pf-diagnostics article { min-height:276px; padding:23px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:linear-gradient(145deg,#191515,#0b0b0b); transition:transform .28s,border-color .28s; }
.pf-diagnostics article:hover { transform:translateY(-6px); border-color:rgba(240,193,80,.49); }
.pf-diagnostics span { color:#eac975; font-size:.57rem; font-weight:900; letter-spacing:.16em; }
.pf-diagnostics h3 { margin:52px 0 11px; font-size:1.36rem; letter-spacing:-.035em; line-height:1.17; }
.pf-diagnostics p { margin:0; color:#aaa39e; font-size:.83rem; line-height:1.65; }
.pf-flow-story { --pf-flow:0; --pf-shift-left:-25px; --pf-shift-right:25px; --pf-shift-down:15px; position:relative; height:205svh; min-height:1550px; background:radial-gradient(circle at 73% 30%,rgba(126,17,25,.19),transparent 37%),linear-gradient(160deg,#080808,#100b0b 62%,#080808); }
.pf-flow-story::before { content:""; position:absolute; inset:0; opacity:.24; background:repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.04) 90px),repeating-linear-gradient(0deg,transparent 0 89px,rgba(255,255,255,.04) 90px); mask-image:linear-gradient(#000,transparent 86%); pointer-events:none; }
.pf-flow-sticky { position:sticky; top:0; display:grid; align-items:center; height:100svh; min-height:690px; padding:110px 0 35px; overflow:hidden; }
.pf-flow-layout { display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:55px; }
.pf-flow-copy { position:relative; z-index:3; }
.pf-flow-copy h2 { max-width:580px; margin:0; font-size:clamp(2.8rem,4.8vw,5.1rem); line-height:.98; letter-spacing:-.065em; text-wrap:balance; }
.pf-flow-copy>p { max-width:520px; margin:22px 0 26px; color:#b9b0aa; line-height:1.7; font-size:.93rem; }
.pf-flow-steps { display:grid; border-top:1px solid rgba(255,255,255,.1); }
.pf-flow-step { display:grid; grid-template-columns:37px 1fr; gap:12px; padding:15px 5px; border-bottom:1px solid rgba(255,255,255,.1); opacity:.42; transition:opacity .4s,transform .4s; }
.pf-flow-step.is-active { opacity:1; transform:translateX(5px); }
.pf-flow-step>b { color:#e5bd5c; font-size:.58rem; letter-spacing:.1em; }
.pf-flow-step strong { display:block; margin-bottom:4px; color:#f4eee8; font-size:.87rem; }
.pf-flow-step small { color:#99918a; font-size:.7rem; line-height:1.5; }
.pf-flow-link { display:inline-flex; gap:17px; align-items:center; margin-top:22px; color:#f2ca70; font-size:.8rem; font-weight:850; }
.pf-flow-link:hover { color:#fff; }
.pf-flow-visual { min-width:0; }
.pf-flow-board { position:relative; width:100%; height:min(590px,66svh); min-height:475px; overflow:hidden; border:1px solid rgba(245,202,94,.22); border-radius:25px; background:radial-gradient(circle at 50% 48%,rgba(171,20,29,.28),transparent 52%),linear-gradient(130deg,#1d1313,#090909 68%); box-shadow:0 30px 80px rgba(0,0,0,.4),inset 0 0 70px rgba(148,12,21,.07); transform:perspective(1100px) rotateY(-5deg) rotateX(3deg); transition:transform .5s; }
.pf-flow-board:hover { transform:perspective(1100px) rotateY(-2deg) rotateX(1deg); }
.pf-flow-board-head { position:absolute; z-index:8; top:0; left:0; right:0; height:46px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(9,8,8,.56); }
.pf-flow-board-head>span { display:flex; gap:5px; }
.pf-flow-board-head i { width:6px; height:6px; border-radius:50%; background:#ac282c; }
.pf-flow-board-head i:nth-child(2) { background:#d59b40; }
.pf-flow-board-head i:nth-child(3) { background:#6e5b38; }
.pf-flow-board-head b { color:#ad9981; font-size:.48rem; letter-spacing:.13em; }
.pf-flow-grid { position:absolute; inset:46px 0 38px; opacity:.4; background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(255,255,255,.045) 36px),repeating-linear-gradient(90deg,transparent 0 35px,rgba(255,255,255,.045) 36px); mask-image:radial-gradient(circle,#000,transparent 73%); }
.pf-flow-core { position:absolute; z-index:4; left:50%; top:52%; display:grid; justify-items:center; align-content:center; width:31%; aspect-ratio:1; border:1px solid rgba(243,193,78,.25); border-radius:50%; background:radial-gradient(circle,rgba(52,27,19,.98),rgba(17,12,12,.94) 65%); box-shadow:0 0 60px rgba(220,27,35,.19),inset 0 0 35px rgba(232,160,61,.09); transform:translate(-50%,-50%) scale(var(--pf-core-scale,.88)); }
.pf-flow-core::before,.pf-flow-core::after { content:""; position:absolute; inset:-22%; border:1px solid rgba(242,187,66,.19); border-radius:50%; box-shadow:0 0 24px rgba(218,23,32,.06); }
.pf-flow-core::after { inset:-42%; border-color:rgba(227,28,37,.1); }
.pf-flow-core-ring { position:absolute; inset:10%; border:1px dashed rgba(238,195,86,.24); border-radius:50%; transform:rotate(var(--pf-spin,0deg)); }
.pf-flow-core img { position:relative; z-index:2; width:90%; max-height:62%; object-fit:contain; opacity:var(--pf-core-opacity,.55); filter:drop-shadow(0 0 12px rgba(212,31,29,.35)); }
.pf-flow-core small { position:relative; z-index:2; margin-top:6px; color:#e9c36c; font-size:.45rem; font-weight:850; letter-spacing:.13em; white-space:nowrap; }
.pf-flow-app { position:absolute; z-index:5; width:29%; min-height:111px; padding:12px 13px; border:1px solid rgba(235,48,55,.35); border-radius:13px; background:linear-gradient(145deg,rgba(49,22,22,.97),rgba(12,11,11,.96)); box-shadow:0 17px 30px rgba(0,0,0,.35); transition:border-color .25s,box-shadow .25s; }
.pf-flow-app small { display:block; color:#a69284; font-size:.43rem; font-weight:850; letter-spacing:.12em; }
.pf-flow-app strong { display:block; margin:5px 0 11px; color:#fff; font-size:.92rem; }
.pf-flow-app>span { display:flex; align-items:center; gap:4px; }
.pf-flow-app i { height:3px; width:16%; border-radius:5px; background:#a93c3c; }
.pf-flow-app i:nth-child(2) { width:38%; }
.pf-flow-app i:nth-child(3) { width:24%; }
.pf-flow-story.is-ready .pf-flow-app { border-color:rgba(238,192,78,.48); box-shadow:0 17px 34px rgba(0,0,0,.35),0 0 26px rgba(235,150,42,.08); }
.pf-flow-story.is-ready .pf-flow-app i { background:#e2b256; }
.pf-flow-app--erp { top:17%; left:5%; transform:translateX(var(--pf-shift-left)); }
.pf-flow-app--meeting { top:22%; right:5%; transform:translateX(var(--pf-shift-right)); }
.pf-flow-app--sheets { left:35%; bottom:12%; transform:translateY(var(--pf-shift-down,65px)); }
.pf-flow-pulse { position:absolute; z-index:2; width:31%; height:2px; top:47%; background:linear-gradient(90deg,transparent,#db2930,#f7cb68); opacity:var(--pf-pulse-opacity,.2); filter:drop-shadow(0 0 8px #e42d33); }
.pf-flow-pulse-a { left:20%; transform:rotate(13deg); }
.pf-flow-pulse-b { right:20%; transform:rotate(-13deg) scaleX(-1); }
.pf-flow-board-foot { position:absolute; z-index:8; bottom:0; left:0; right:0; display:flex; align-items:center; gap:14px; height:38px; padding:0 17px; border-top:1px solid rgba(255,255,255,.08); background:rgba(9,8,8,.56); color:#a28c78; font-size:.42rem; font-weight:850; letter-spacing:.1em; }
.pf-flow-board-foot i { flex:1; height:2px; background:linear-gradient(90deg,#c91620 var(--pf-flow-percent,0%),rgba(255,255,255,.13) 0); }
.pf-flow-caption { display:block; margin-top:12px; color:#726c67; font-size:.62rem; text-align:right; }
.pf-hardware { overflow:hidden; background:radial-gradient(circle at 20% 53%,rgba(156,18,26,.17),transparent 43%),#0a0a0a; }
.pf-hardware-layout { display:grid; grid-template-columns:1.04fr .96fr; gap:20px; }
.pf-hardware-stage { position:relative; display:grid; place-items:center; min-height:610px; overflow:hidden; border:1px solid rgba(241,187,74,.22); border-radius:25px; background:radial-gradient(circle at 50% 48%,rgba(151,18,25,.33),transparent 52%),repeating-linear-gradient(90deg,transparent 0 57px,rgba(255,255,255,.021) 58px),#130e0e; }
.pf-hardware-stage::before { content:""; position:absolute; inset:10%; border:1px solid rgba(241,190,76,.16); border-radius:50%; transform:rotate(-19deg); }
.pf-hardware-stage img { position:relative; z-index:2; width:108%; max-width:none; filter:drop-shadow(0 30px 30px rgba(0,0,0,.55)); transition:transform .55s; }
.pf-hardware-stage:hover img { transform:scale(1.045); }
.pf-hardware-beam { position:absolute; width:95%; height:44%; left:2.5%; bottom:14%; background:radial-gradient(ellipse,rgba(235,34,41,.3),transparent 69%); filter:blur(24px); }
.pf-hardware-stage-label { position:absolute; z-index:4; top:20px; left:21px; padding:8px 10px; border:1px solid rgba(241,190,76,.31); border-radius:99px; background:#130e0e; color:#f0cd80; font-size:.5rem; font-weight:850; letter-spacing:.14em; }
.pf-hardware-stamp { position:absolute; z-index:4; right:22px; bottom:22px; display:grid; gap:3px; padding:10px 13px; border-left:2px solid #db1a22; background:rgba(12,9,9,.72); }
.pf-hardware-stamp span { color:#ec3b42; font-size:.49rem; font-weight:900; letter-spacing:.16em; }
.pf-hardware-stamp strong { color:#efcf82; font-size:.55rem; letter-spacing:.09em; }
.pf-hardware-specs { display:grid; grid-template-rows:repeat(3,1fr) auto; gap:10px; }
.pf-hardware-specs article { padding:19px 23px; border:1px solid rgba(255,255,255,.1); border-radius:17px; background:linear-gradient(135deg,#191616,#100f0f); transition:border-color .25s,transform .25s,background .25s; }
.pf-hardware-specs article:hover { border-color:rgba(245,195,77,.5); transform:translateX(4px); background:linear-gradient(135deg,#251b17,#100f0f); }
.pf-hardware-specs article>span { color:#ecc46b; font-size:.56rem; font-weight:850; letter-spacing:.14em; }
.pf-hardware-specs h3 { margin:8px 0 6px; font-size:1.22rem; letter-spacing:-.034em; }
.pf-hardware-specs p { margin:0; color:#aaa29c; font-size:.78rem; line-height:1.55; }
.pf-hardware-footer { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.pf-hardware-footer span { display:flex; align-items:center; padding:11px 13px; border:1px solid rgba(242,199,85,.16); border-radius:12px; background:#171310; color:#c7b89a; font-size:.67rem; line-height:1.4; }
.pf-hardware-footer a { grid-column:1/-1; display:flex; justify-content:space-between; padding:13px 15px; border-radius:12px; background:#d70915; color:#fff; font-size:.78rem; font-weight:850; }
.pf-hardware-footer a:hover { background:#f01422; }
.pf-selector { overflow:hidden; }
.pf-selector-head { max-width:770px; margin-bottom:38px; }
.pf-selector-head p { max-width:650px; margin:18px 0 0; color:#aaa39e; line-height:1.7; }
.pf-selector-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:16px; }
.pf-profile-list { display:grid; gap:10px; align-content:start; }
.pf-profile { position:relative; display:grid; gap:9px; width:100%; min-height:136px; padding:20px 22px; border:1px solid rgba(255,255,255,.11); border-radius:17px; background:#131111; color:#fff; text-align:left; cursor:pointer; font:inherit; transition:background .25s,border-color .25s,transform .25s; }
.pf-profile:hover { transform:translateX(4px); border-color:rgba(236,187,76,.46); }
.pf-profile.is-active { border-color:rgba(244,194,73,.66); background:linear-gradient(120deg,#291b17,#121110); box-shadow:inset 3px 0 #e6b84f; }
.pf-profile small { color:#e7c469; font-size:.57rem; font-weight:900; letter-spacing:.15em; }
.pf-profile strong { font-size:1.22rem; letter-spacing:-.035em; }
.pf-profile span { color:#aaa39e; font-size:.78rem; }
.pf-profile b { position:absolute; top:20px; right:20px; color:#edc46b; }
.pf-profile-result { display:grid; grid-template-columns:.87fr 1.13fr; min-height:430px; overflow:hidden; border:1px solid rgba(239,193,80,.2); border-radius:22px; background:linear-gradient(135deg,#1e1715,#0d0c0c); }
.pf-result-visual { position:relative; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 55%,rgba(191,28,33,.35),transparent 58%),repeating-linear-gradient(0deg,transparent 0 44px,rgba(255,255,255,.026) 45px),repeating-linear-gradient(90deg,transparent 0 44px,rgba(255,255,255,.026) 45px),#110f0f; }
.pf-result-visual img { width:115%; max-width:none; filter:drop-shadow(0 26px 25px rgba(0,0,0,.5)); transition:transform .5s; }
.pf-profile-result:hover .pf-result-visual img { transform:scale(1.04); }
.pf-result-visual span { position:absolute; left:20px; bottom:20px; color:#f0cc7b; font-size:.56rem; font-weight:900; letter-spacing:.12em; }
.pf-result-copy { display:flex; flex-direction:column; align-items:start; padding:31px; }
.pf-result-copy h3 { margin:12px 0; font-size:clamp(1.9rem,2.7vw,2.9rem); letter-spacing:-.052em; line-height:1.06; }
.pf-result-copy p { color:#c1b8b2; font-size:.87rem; line-height:1.7; }
.pf-result-spec { display:grid; gap:10px; width:100%; margin:auto 0 22px; }
.pf-result-spec span { padding-top:10px; border-top:1px solid rgba(255,255,255,.1); color:#dcc9a7; font-size:.72rem; line-height:1.45; }
.pf-selector-note { margin:18px 0 0; color:#807a76; font-size:.68rem; line-height:1.6; }
.pf-confidence { overflow:hidden; background:radial-gradient(circle at 23% 53%,rgba(183,26,30,.18),transparent 38%),#0a0909; }
.pf-confidence-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:65px; align-items:center; }
.pf-confidence-main { position:relative; padding:25px 0; }
.pf-confidence-main::before { content:""; position:absolute; inset:18% -10% 0 0; border:1px solid rgba(238,190,71,.1); border-radius:50%; transform:rotate(-20deg); pointer-events:none; }
.pf-confidence-number { display:block; margin:4px 0 -14px; color:#efc760; font-size:clamp(8rem,18vw,17rem); font-weight:900; line-height:1; letter-spacing:-.105em; text-shadow:0 12px 45px rgba(213,50,33,.18); }
.pf-confidence-number span { font-size:.42em; vertical-align:top; letter-spacing:0; }
.pf-confidence-main>p { margin:0 0 37px; color:#cbb99a; font-size:.76rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.pf-confidence-main h2 { max-width:600px; font-size:clamp(2.6rem,4.3vw,4.6rem); }
.pf-confidence-points { display:grid; border-top:1px solid rgba(255,255,255,.12); }
.pf-confidence-points article { display:grid; grid-template-columns:135px 1fr; column-gap:22px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.pf-confidence-points article>span { grid-row:span 2; color:#e8bf67; font-size:.56rem; font-weight:900; letter-spacing:.1em; }
.pf-confidence-points h3 { margin:0 0 7px; font-size:1.22rem; letter-spacing:-.035em; }
.pf-confidence-points p { margin:0; color:#a9a19a; font-size:.78rem; line-height:1.58; }
.pf-confidence-points>a { display:flex; justify-content:space-between; align-items:center; margin-top:22px; padding:16px 18px; border:1px solid rgba(238,190,71,.35); border-radius:12px; color:#f1cd7d; font-size:.79rem; font-weight:850; transition:background .25s,border-color .25s; }
.pf-confidence-points>a:hover { background:rgba(238,190,71,.08); border-color:#eac66f; }
.pf-method .nb-process-intro .btn { margin-top:15px; }
.pf-bridge { overflow:hidden; }
.pf-bridge-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:35px; }
.pf-bridge-grid p { max-width:550px; margin:24px 0; color:#aea8a4; line-height:1.75; }
.pf-bridge-actions { display:grid; gap:10px; max-width:510px; }
.pf-bridge-actions a { display:flex; justify-content:space-between; gap:12px; padding:16px 18px; border:1px solid rgba(246,199,79,.25); border-radius:13px; background:#171311; font-size:.82rem; font-weight:800; transition:transform .25s,border-color .25s; }
.pf-bridge-actions a:hover { transform:translateX(5px); border-color:rgba(246,199,79,.6); }
.pf-bridge-art { position:relative; display:grid; place-items:center; min-height:390px; border:1px solid rgba(255,255,255,.09); border-radius:24px; background:radial-gradient(circle at 52% 45%,rgba(167,22,28,.25),transparent 52%),#0e0b0b; }
.pf-bridge-art>img:first-child { width:84%; filter:drop-shadow(0 26px 27px rgba(0,0,0,.5)); }
.pf-bridge-art .pf-bridge-printer { position:absolute; right:5%; bottom:6%; width:27%; filter:drop-shadow(0 18px 18px rgba(0,0,0,.6)); }
.pf-bridge-line { position:absolute; inset:10%; border:1px solid rgba(232,182,71,.13); border-radius:50%; }
.pf-page .nb-section { scroll-margin-top:90px; }
.pf-page :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #f5cf67; outline-offset:3px; }
@media(max-width:1080px){
  .pf-hero h1 { font-size:clamp(2.8rem,5.3vw,5rem); }
  .pf-flow-layout { grid-template-columns:.9fr 1.1fr; gap:22px; }
  .pf-flow-copy h2 { font-size:clamp(2.5rem,4.4vw,4rem); }
  .pf-hardware-layout { grid-template-columns:.9fr 1.1fr; }
  .pf-hardware-stage { min-height:520px; }
  .pf-hardware-footer { grid-template-columns:1fr; }
  .pf-hardware-footer a { grid-column:auto; }
  .pf-confidence-grid { gap:32px; }
  .pf-confidence-points article { grid-template-columns:105px 1fr; gap:12px; }
  .pf-diagnostics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pf-diagnostics article { min-height:215px; }
  .pf-diagnostics h3 { margin-top:33px; }
  .pf-profile-result { grid-template-columns:1fr; }
  .pf-result-visual { min-height:260px; }
}
@media(max-width:760px){
  .pf-in-flow .nb-float,.pf-in-confidence .nb-float { opacity:0; visibility:hidden; pointer-events:none; }
  .pf-hero { height:195svh; min-height:1260px; }
  .pf-hero-sticky { align-items:start; padding:93px 0 25px; }
  .pf-hero-grid { grid-template-columns:1fr; gap:2px; }
  .pf-hero h1 { margin-bottom:14px; font-size:clamp(2.7rem,12vw,4.3rem); }
  .pf-hero-lead { margin-bottom:18px; font-size:.82rem; line-height:1.55; }
  .pf-hero-sub { margin-top:13px; font-size:.57rem; }
  .pf-hero-reference { margin-top:14px; }
  .pf-hero-reference span { padding:8px 7px; font-size:.51rem; }
  .pf-hero-reference strong { font-size:.57rem; }
  .pf-hero-copy { opacity:calc(1 - var(--pf-progress) * .98); transform:translateY(calc(var(--pf-progress) * -175px)); }
  .pf-stage { height:370px; min-height:0; margin-top:-5px; transform:translateY(calc(var(--pf-progress) * -120px)); }
  .pf-laptop { width:106%; top:52%; }
  .pf-stage-top { top:0; right:0; font-size:.43rem; }
  .pf-task { min-width:92px; padding:7px 8px; gap:5px; font-size:.55rem; }
  .pf-task b { font-size:.43rem; }
  .pf-task-a { left:0; top:22%; }
  .pf-task-b { right:0; top:50%; }
  .pf-task-c { left:2%; bottom:15%; }
  .pf-screen { top:30%; left:44.5%; width:38%; height:20%; }
  .pf-screen span { font-size:.32rem; }
  .pf-stage-bottom { left:5%; right:5%; bottom:0; font-size:.42rem; }
  .pf-scroll-note { display:none; }
  .pf-flow-story { --pf-shift-left:-8px; --pf-shift-right:8px; --pf-shift-down:6px; height:175svh; min-height:1200px; }
  .pf-flow-sticky { min-height:0; padding:94px 0 25px; align-items:start; }
  .pf-flow-layout { grid-template-columns:1fr; gap:20px; }
  .pf-flow-copy h2 { max-width:650px; font-size:clamp(2.3rem,9.8vw,3.7rem); }
  .pf-flow-copy>p { margin:12px 0 14px; font-size:.78rem; line-height:1.55; }
  .pf-flow-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; border:0; }
  .pf-flow-step { display:block; min-height:64px; padding:8px 6px; border:1px solid rgba(255,255,255,.12); border-radius:9px; }
  .pf-flow-step.is-active { transform:translateY(-2px); border-color:rgba(237,190,76,.45); }
  .pf-flow-step>b { display:block; margin-bottom:4px; font-size:.45rem; }
  .pf-flow-step strong { font-size:.58rem; line-height:1.2; }
  .pf-flow-step small { display:none; }
  .pf-flow-link { display:none; }
  .pf-flow-board { height:330px; min-height:0; transform:none; }
  .pf-flow-board:hover { transform:none; }
  .pf-flow-board-head { height:33px; padding:0 10px; }
  .pf-flow-board-head b { font-size:.38rem; }
  .pf-flow-grid { inset:33px 0 29px; }
  .pf-flow-board-foot { height:29px; padding:0 10px; font-size:.33rem; }
  .pf-flow-core { width:40%; }
  .pf-flow-core small { font-size:.31rem; }
  .pf-flow-app { min-height:72px; padding:8px; border-radius:9px; }
  .pf-flow-app small { font-size:.32rem; }
  .pf-flow-app strong { margin:3px 0 7px; font-size:.67rem; }
  .pf-flow-app--erp { left:3%; }
  .pf-flow-app--meeting { right:3%; }
  .pf-flow-caption { margin-top:7px; font-size:.52rem; }
  .pf-hardware-layout { grid-template-columns:1fr; }
  .pf-hardware-stage { min-height:390px; }
  .pf-hardware-stage img { width:95%; }
  .pf-hardware-specs { grid-template-rows:auto; }
  .pf-hardware-specs article { padding:19px; }
  .pf-confidence-grid { grid-template-columns:1fr; gap:20px; }
  .pf-confidence-number { font-size:clamp(8rem,33vw,13rem); }
  .pf-confidence-main>p { margin-bottom:21px; }
  .pf-confidence-main h2 { font-size:clamp(2.2rem,10vw,3.4rem); }
  .pf-confidence-points article { grid-template-columns:1fr; gap:7px; padding:19px 0; }
  .pf-confidence-points article>span { grid-row:auto; }
  .pf-confidence-points h3 { margin:0; }
  .pf-selector-layout,.pf-bridge-grid { grid-template-columns:1fr; }
  .pf-profile-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .pf-profile { min-height:105px; padding:11px 9px; gap:4px; }
  .pf-profile small { font-size:.42rem; }
  .pf-profile strong { font-size:.76rem; line-height:1.1; }
  .pf-profile span,.pf-profile b { display:none; }
  .pf-profile-result { grid-template-columns:1fr; }
  .pf-result-visual { min-height:250px; }
  .pf-result-visual img { width:76%; }
  .pf-result-copy { padding:23px; }
  .pf-result-copy h3 { margin-top:0; }
  .pf-result-spec { margin-top:15px; }
  .pf-bridge-art { min-height:275px; }
}
@media(max-width:520px){
  .pf-hero { min-height:1260px; }
  .pf-hero h1 { font-size:clamp(2.55rem,11.4vw,3.3rem); }
  .pf-flow-story { min-height:1160px; }
  .pf-flow-board { height:295px; }
  .pf-flow-app { width:30%; }
  .pf-hardware-stage { min-height:315px; }
  .pf-hardware-stage-label { top:12px; left:12px; font-size:.42rem; }
  .pf-hardware-stamp { right:12px; bottom:12px; }
  .pf-hardware-footer { grid-template-columns:1fr; }
  .pf-diagnostics { grid-template-columns:1fr; }
  .pf-diagnostics article { min-height:180px; }
  .pf-diagnostics h3 { margin-top:24px; }
  .pf-stage { height:320px; }
}
@media(prefers-reduced-motion:reduce){
  .pf-hero { height:auto; min-height:0; }
  .pf-hero-sticky { position:relative; min-height:0; }
  .pf-hero-copy,.pf-stage,.pf-laptop { transform:none!important; opacity:1!important; pointer-events:auto!important; }
  .pf-laptop { transform:translate(-50%,-50%)!important; }
  .pf-task { opacity:0!important; }
  .pf-screen { opacity:1!important; }
  .pf-progress i { width:100%!important; }
  .pf-flow-story { height:auto; min-height:0; }
  .pf-flow-sticky { position:relative; height:auto; min-height:0; }
  .pf-flow-app { transform:none!important; }
  .pf-flow-core { transform:translate(-50%,-50%)!important; }
  .pf-flow-step { opacity:1!important; transform:none!important; }
  .pf-flow-board-foot i { background:#e5b84f!important; }
  .pf-diagnostics article,.pf-profile,.pf-bridge-actions a,.pf-result-visual img { transition:none!important; }
}