:root{--bg: #020a24;--bg-deep: #010614;--panel: rgba(6, 35, 94, .78);--panel-strong: rgba(8, 49, 132, .9);--line: rgba(79, 169, 255, .62);--line-soft: rgba(103, 177, 255, .3);--gold: #ffd984;--gold-strong: #f6bd47;--gold-dark: #9a6721;--text: #f5f9ff;--muted: #bed1f6;--dim: #7f94c8;--cyan: #42c5ff;--green: #5ce08a;--purple: #7e4cff;--tap-min: 44px;--ease-out-soft: cubic-bezier(.2, 0, 0, 1);--shadow-border: 0 0 0 1px rgba(255, 255, 255, .08);--shadow-border-hover: 0 0 0 1px rgba(255, 255, 255, .13);--icon-sm: clamp(22px, 3.2vw, 34px);--icon-md: clamp(50px, 8vw, 76px);--icon-lg: clamp(72px, 10.4vw, 96px);--home-entry-icon-size: clamp(62px, 8.8vw, 82px);--home-entry-icon-y: -2px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;color:var(--text);background:var(--bg-deep)}*{box-sizing:border-box}html{background:var(--bg-deep);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;min-height:100dvh;background:radial-gradient(circle at 50% -10%,rgba(0,119,255,.3),transparent 38rem),linear-gradient(180deg,#01091e,#02071b);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer;touch-action:manipulation;transition-property:transform,filter,border-color,box-shadow,background-color,color;transition-duration:.16s;transition-timing-function:var(--ease-out-soft)}button:active{transform:scale(.96);filter:brightness(.98)}button:disabled,button[aria-disabled=true]{cursor:not-allowed;filter:saturate(.8);opacity:.48;transform:none}button:focus-visible,input:focus-visible{outline:3px solid rgba(255,217,132,.9);outline-offset:3px}h1,h2,h3,.entry-copy strong,.feature-copy h3,.faq-main h3,.stage-copy strong,.resource-copy h3,.recent-grid span{text-wrap:balance}p,small,.entry-copy small,.feature-copy p,.faq-main p,.stage-copy p,.resource-copy p,.tip-panel p,.completion-panel p{text-wrap:pretty}.resource-types button,.resource-tags button,.chip-row button,.segmented-tabs button,.open-button,.star-button,.recent-panel>button,.recent-grid button,.compact-materials button,.role-shortcut-grid button,.bottom-nav button{position:relative}.entry-card,.quick-card,.feature-card,.faq-card,.resource-card,.recent-grid button,.compact-materials button,.role-shortcut-grid button{transition-property:transform,filter,border-color,box-shadow,background-color;transition-duration:.16s;transition-timing-function:var(--ease-out-soft)}.resources-screen .resource-types button:before,.resources-screen .resource-tags button:before,.resources-screen .star-button:before,.resources-screen .open-button:before,.resources-screen .recent-panel>button:before,.resources-screen .recent-grid button:before{position:absolute;top:50%;left:50%;width:max(100%,40px);height:max(100%,40px);content:"";border-radius:inherit;transform:translate(-50%,-50%)}@media(hover:hover)and (pointer:fine){.entry-card:hover,.quick-card:hover,.feature-card:hover,.faq-card:hover,.resource-card:hover,.resource-types button:hover,.resource-tags button:hover,.chip-row button:hover,.segmented-tabs button:hover,.open-button:hover,.recent-grid button:hover,.compact-materials button:hover,.role-shortcut-grid button:hover{filter:brightness(1.06);box-shadow:var(--shadow-border-hover),inset 0 0 18px #52a0ff2e}.bottom-nav button:hover{color:#d7e4ff}}.phone-screen{position:relative;width:min(100vw,941px);min-height:100vh;min-height:100svh;min-height:100dvh;margin:0 auto;padding-bottom:calc(clamp(104px,14vw,150px) + var(--safe-area-bottom));overflow-x:hidden;background:radial-gradient(circle at 80% 18%,rgba(0,122,255,.18),transparent 18rem),radial-gradient(circle at 8% 38%,rgba(35,155,255,.15),transparent 17rem),linear-gradient(180deg,#020b2c,#010723 45%,#02091e);box-shadow:0 0 34px #00000075}.phone-screen:before{position:fixed;inset:0 auto 0 50%;z-index:0;width:min(100vw,941px);transform:translate(-50%);pointer-events:none;content:"";background-image:linear-gradient(rgba(74,151,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(74,151,255,.04) 1px,transparent 1px);background-size:80px 80px;opacity:.55}.phone-screen>*{position:relative;z-index:1}.brand-header{position:relative;z-index:3;padding-top:var(--safe-area-top);overflow:hidden;background:#03134a;border-radius:0;box-shadow:none}.brand-header img,.hero-crop img{display:block;width:100%;height:auto;outline:0;-webkit-user-select:none;user-select:none}.hero-crop{position:relative;overflow:hidden}.home-install-stat{position:absolute;top:55%;left:4.5%;z-index:2;display:block;width:35.5%;aspect-ratio:1971 / 337;overflow:hidden;border-radius:999px}.home-install-stat img{position:absolute;top:-46%;left:-4.95%;display:block;width:109.5%;max-width:none}.brand-header+.hero-crop{margin-top:-2px}.kit-screen .brand-header+.hero-crop,.resources-screen .brand-header+.hero-crop{margin-top:-6px}.value-screen .value-hero{clip-path:inset(0 0 2px 0);margin-bottom:-2px}.value-screen .value-hero img{margin-bottom:-2px}.resources-screen .resources-hero{clip-path:inset(0 0 2px 0);margin-bottom:-2px}.resources-screen .resources-hero img{margin-bottom:-2px}.section-title{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.6vw,16px);font-size:clamp(20px,3.8vw,38px);font-weight:800}.gold-title{color:var(--gold)}.gold-title svg{width:1em;height:1em;fill:var(--gold)}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.5vw,22px);padding:clamp(18px,3.2vw,30px) clamp(30px,4.2vw,42px) 0}.entry-card{position:relative;display:grid;grid-template-columns:var(--home-entry-icon-size) minmax(0,1fr);align-items:center;gap:clamp(12px,1.8vw,18px);min-height:clamp(176px,26vw,244px);padding:clamp(16px,2.4vw,22px) clamp(20px,3vw,28px);overflow:hidden;text-align:left;background:linear-gradient(135deg,#1254c2e6,#041546f0),radial-gradient(circle at 0% 0%,rgba(58,169,255,.45),transparent 55%);border:1px solid var(--line);border-radius:clamp(20px,3.3vw,31px);box-shadow:inset 0 0 34px #389bff4d,inset 0 1px #ffffff1f,0 10px 26px #00081c75}.entry-card:after,.glass-panel:after,.stage-card:after,.resource-card:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(130deg,rgba(255,255,255,.15),transparent 28%,transparent 68%,rgba(56,159,255,.12));opacity:.58}.entry-copy{min-width:0;align-self:center}.home-entry-icon{position:relative;z-index:1;display:grid;width:var(--home-entry-icon-size);height:var(--home-entry-icon-size);align-self:center;justify-self:center;place-items:center;transform:translateY(var(--home-entry-icon-y))}.home-entry-icon img{display:block;width:104%;height:104%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(65,165,255,.26))}.entry-copy strong{display:block;margin-bottom:clamp(8px,1.4vw,14px);color:var(--gold);font-size:clamp(23px,3.55vw,34px);font-weight:800;line-height:1.12}.entry-copy small{display:block;inline-size:min(100%,7em);max-inline-size:100%;color:var(--muted);font-size:clamp(14px,2.45vw,23px);line-height:1.45;text-wrap:wrap}.entry-arrow{position:absolute;right:clamp(16px,2.5vw,24px);bottom:clamp(16px,2.5vw,24px);width:clamp(30px,4.7vw,44px);height:clamp(30px,4.7vw,44px);padding:.32em;color:#f2f8ff;background:linear-gradient(145deg,#1058ccf2,#092670f0);border:1px solid rgba(91,169,255,.72);border-radius:50%;box-shadow:0 0 12px #3f96ff5c}.icon-badge{display:grid;flex:0 0 auto;width:var(--icon-md);height:var(--icon-md);place-items:center;color:var(--gold);background:radial-gradient(circle at 50% 45%,#338fff6b,#04123fe0 66%),linear-gradient(145deg,#063681f0,#010d30f5);border:1px solid rgba(255,211,121,.82);border-radius:24%;box-shadow:inset 0 0 20px #2b95ff70,0 0 21px #2f99ff6b}.icon-badge-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-badge svg{width:52%;height:52%}.quick-panel{margin:clamp(24px,4.2vw,44px) clamp(30px,4.2vw,42px) 0;padding:clamp(18px,3.2vw,32px);background:linear-gradient(180deg,#07307ebf,#03184be0);border:1px solid rgba(58,146,255,.55);border-radius:clamp(20px,3vw,30px);box-shadow:inset 0 0 26px #4896ff2e}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,20px);margin-top:clamp(16px,2.8vw,28px)}.quick-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:clamp(8px,1.5vw,14px);min-height:clamp(92px,13vw,146px);padding:clamp(10px,2vw,20px);color:#eef6ff;background:linear-gradient(180deg,#1353b6e6,#03184ef5);border:1px solid rgba(112,181,255,.65);border-radius:clamp(14px,2.2vw,22px);box-shadow:inset 0 0 20px #4ca1ff57,0 0 16px #2e8eff2e}.quick-card>svg:first-child{grid-column:1 / 3;justify-self:center;width:var(--icon-sm);height:var(--icon-sm);color:#c8dcff}.quick-card span{overflow-wrap:anywhere;font-size:clamp(13px,2.6vw,25px);font-weight:650;text-align:center}.quick-card>svg:last-child{width:clamp(16px,2.5vw,26px);height:clamp(16px,2.5vw,26px)}.glass-panel,.security-panel,.cooperation-panel,.materials-panel,.tip-panel,.recent-panel{position:relative;margin:clamp(14px,2.6vw,24px) clamp(30px,4.2vw,42px) 0;padding:clamp(20px,3.4vw,34px);overflow:hidden;background:radial-gradient(circle at 0% 0%,rgba(47,143,255,.32),transparent 50%),linear-gradient(135deg,#07398fe0,#021442f0);border:1px solid var(--line);border-radius:clamp(18px,3vw,30px);box-shadow:inset 0 0 28px #2d8dff3d,inset 0 1px #ffffff1f,0 6px 20px #00082259}.value-intro h2{margin:0 0 clamp(18px,2.8vw,30px);font-size:clamp(17px,3.2vw,30px);line-height:1.3;text-wrap:normal}.value-screen .glass-panel{margin-top:clamp(10px,1.6vw,16px);padding:clamp(13px,2vw,20px) clamp(18px,3vw,30px)}.value-screen .value-intro{border-color:var(--line);box-shadow:inset 0 0 28px #2d8dff3d,inset 0 1px #ffffff1f,0 6px 20px #00082259}.value-screen .value-intro h2{margin-bottom:clamp(12px,2vw,20px);font-size:clamp(16px,2.8vw,27px)}.value-screen .mini-feature{min-height:clamp(66px,9vw,86px);padding:clamp(8px,1.5vw,14px)}.value-intro-label{display:inline-block;margin-right:.7em;color:var(--gold);font-size:1.18em;font-weight:850}.value-intro-description{display:block;width:100%;color:var(--text);font-size:1em;font-weight:400;white-space:nowrap}.mini-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,2.1vw,20px)}.mini-feature{display:grid;gap:clamp(8px,1.5vw,14px);min-height:clamp(72px,11vw,116px);place-items:center;padding:clamp(10px,2vw,18px);background:linear-gradient(180deg,#0f53bcd9,#031b55f2);border:1px solid rgba(88,173,255,.58);border-radius:clamp(12px,2vw,20px)}.mini-feature svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--gold)}.mini-feature span{font-size:clamp(12px,2.4vw,22px);font-weight:700;text-align:center}.why-panel h3{margin:0 0 clamp(14px,2.3vw,24px);color:var(--gold);font-size:clamp(22px,3.8vw,36px)}.value-screen .why-panel h3{margin-bottom:clamp(8px,1.3vw,14px);font-size:clamp(20px,3.3vw,31px)}.value-screen .pill-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.value-screen .why-panel .pill-row{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,.9vw,9px) clamp(12px,2vw,20px)}.value-screen .why-panel .light-pill{position:relative;justify-content:start;min-height:auto;padding:0 0 0 clamp(14px,2vw,20px);text-align:left;background:transparent;border:0;border-radius:0;box-shadow:none}.value-screen .why-panel .light-pill:before{position:absolute;top:50%;left:0;width:6px;height:6px;content:"";background:var(--gold);border-radius:50%;box-shadow:0 0 8px #ffd98499;transform:translateY(-50%)}.value-screen .light-pill{display:grid;min-height:clamp(30px,4.2vw,40px);place-items:center;padding:0 clamp(8px,1.5vw,14px);overflow-wrap:anywhere;white-space:normal;font-size:clamp(11px,2.05vw,20px);line-height:1.15;text-align:center}.value-overview-flow{display:grid;gap:clamp(12px,2vw,18px);padding:clamp(14px,2.4vw,22px) clamp(30px,4.2vw,42px) 0}.value-overview-card{position:relative;overflow:hidden;padding:clamp(18px,2.7vw,26px);background:radial-gradient(circle at 0% 0%,rgba(47,143,255,.28),transparent 48%),linear-gradient(135deg,#07398fe6,#021442f2);border:1px solid rgba(87,169,255,.68);border-radius:clamp(18px,3vw,30px);box-shadow:inset 0 0 24px #2d8dff33,0 6px 20px #00082259}.value-card-heading{display:grid;gap:clamp(7px,1.2vw,12px)}.value-card-heading span{width:fit-content;padding:clamp(4px,.8vw,8px) clamp(10px,1.8vw,18px);color:#06183e;background:linear-gradient(180deg,#ffedb8,#eeb84f);border-radius:999px;font-size:clamp(11px,1.9vw,18px);font-weight:850}.value-card-heading h2{margin:0;color:#fff4cf;font-size:clamp(22px,3.7vw,35px);line-height:1.18}.value-card-heading p{margin:0;color:#dce9ff;font-size:clamp(14px,2.35vw,22px);line-height:1.48}.value-bullet-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.25vw,12px);padding:0;margin:clamp(12px,2vw,18px) 0 0;list-style:none}.value-bullet-list li{display:flex;align-items:center;gap:clamp(8px,1.4vw,14px);min-height:var(--tap-min);padding:clamp(8px,1.4vw,14px) clamp(12px,2vw,20px);color:#e8f2ff;background:#082c78b8;border:1px solid rgba(97,171,255,.35);border-radius:clamp(10px,1.8vw,16px);font-size:clamp(12px,2.2vw,21px);line-height:1.3}.value-bullet-list svg{flex:0 0 auto;width:1.1em;height:1.1em;color:var(--green)}.value-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.8vw,16px);margin-top:clamp(16px,2.6vw,26px)}.value-flow span{position:relative;display:grid;min-height:clamp(52px,8vw,76px);place-items:center;padding:clamp(8px,1.5vw,14px);color:#eef7ff;text-align:center;background:#082c78bf;border:1px solid rgba(97,171,255,.48);border-radius:clamp(12px,2vw,18px);font-size:clamp(13px,2.4vw,22px);font-weight:780}.value-flow span+span:before{position:absolute;top:50%;left:calc(clamp(10px,1.8vw,16px)*-.7);width:clamp(8px,1.5vw,14px);height:2px;content:"";background:var(--gold);box-shadow:0 0 10px #ffd984a6}.value-card-actions{display:flex;flex-wrap:wrap;gap:clamp(9px,1.7vw,16px);margin-top:clamp(12px,2vw,18px)}.value-card-actions button{display:inline-flex;align-items:center;gap:clamp(6px,1.2vw,12px);min-height:var(--tap-min);padding:0 clamp(14px,2.3vw,22px);color:#f8fbff;background:linear-gradient(180deg,#0d388ff5,#041c51f5);border:1px solid rgba(255,205,99,.78);border-radius:999px;font-size:clamp(12px,2.2vw,20px);font-weight:800;white-space:nowrap}.value-card-actions .primary-action{color:#06183e;background:linear-gradient(180deg,#fff0b8,#eab34b);border-color:#ffde96f2}.value-feature-grid{padding:clamp(14px,2.4vw,22px) 0 0}.value-feature-grid .feature-card{grid-template-columns:var(--icon-md) 1fr}.value-feature-grid .feature-card small{display:block}.pill-row,.chip-row,.resource-tags{display:flex;flex-wrap:wrap;gap:clamp(9px,1.9vw,18px)}.light-pill,.chip-row button,.resource-tags button{min-height:var(--tap-min);padding:0 clamp(14px,2.7vw,26px);color:#eef5ff;background:linear-gradient(180deg,#0d3d97d6,#041c53f0);border:1px solid rgba(99,166,255,.55);border-radius:999px;box-shadow:inset 0 0 13px #4897ff33;font-size:clamp(13px,2.5vw,24px);white-space:nowrap}.chip-row{padding:clamp(16px,2.8vw,28px) clamp(40px,4.3vw,44px) 0}.chip-row button.active,.resource-tags button.active{color:#031237;background:linear-gradient(180deg,#ffe8ac,#ebb84f);border-color:#ffdc93f2}.value-banner{display:flex;align-items:center;gap:clamp(14px,2.7vw,26px);margin:clamp(18px,3vw,30px) clamp(30px,4.2vw,42px) 0;padding:clamp(18px,3vw,30px);background:linear-gradient(90deg,#005ccdd6,#031854f0);border:1px solid rgba(39,147,255,.75);border-radius:clamp(12px,2vw,20px);box-shadow:0 0 20px #2e97ff57}.value-screen .value-banner{gap:clamp(12px,2vw,20px);min-height:clamp(58px,7.6vw,72px);margin-top:clamp(12px,2vw,18px);padding:clamp(12px,2vw,18px) clamp(18px,3vw,28px)}.value-screen .value-banner strong{font-size:clamp(20px,3.4vw,32px)}.value-screen .value-banner span{font-size:clamp(15px,2.6vw,25px)}.value-screen .value-banner{margin-top:clamp(12px,2vw,18px);padding:clamp(12px,2vw,18px) clamp(18px,3vw,28px)}.value-banner svg{width:clamp(28px,5vw,48px);height:clamp(28px,5vw,48px);color:var(--gold)}.value-banner strong{color:var(--gold);font-size:clamp(22px,4vw,38px)}.value-banner span{font-size:clamp(16px,3vw,29px);font-weight:400}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.5vw,22px);padding:clamp(18px,3vw,30px) clamp(30px,4.2vw,42px) 0}.feature-card{display:grid;grid-template-columns:var(--icon-md) 1fr var(--tap-min);align-items:center;gap:clamp(12px,2.2vw,22px);min-height:clamp(112px,15vw,152px);padding:clamp(16px,2.7vw,28px);background:linear-gradient(135deg,#093e9bdb,#031649f5);border:1px solid rgba(72,159,255,.65);border-radius:clamp(16px,2.5vw,24px)}.feature-card h3,.security-panel h3,.cooperation-panel h3,.materials-panel h3,.tip-panel h3,.completion-panel h3,.recent-panel h3{margin:0;font-size:clamp(20px,3.4vw,34px);line-height:1.16}.feature-card p,.security-panel p,.cooperation-panel p,.tip-panel p,.completion-panel p{margin:clamp(6px,1.3vw,12px) 0 0;color:var(--muted);font-size:clamp(13px,2.4vw,23px);line-height:1.45}.feature-card small{display:block;margin-top:clamp(4px,1vw,9px);color:#9eb4e5;font-size:clamp(11px,2vw,19px);line-height:1.35}.value-screen .feature-card{grid-template-columns:clamp(54px,7.4vw,70px) 1fr var(--tap-min);gap:clamp(10px,1.7vw,16px);min-height:clamp(84px,11vw,106px);padding:clamp(10px,1.8vw,17px)}.value-screen .feature-card small{display:none}.value-screen .security-panel,.value-screen .cooperation-panel{min-height:0;padding:clamp(12px,1.9vw,18px) clamp(18px,2.8vw,28px)}.value-screen .cooperation-panel{grid-template-columns:clamp(44px,6vw,56px) clamp(104px,15vw,132px) 1fr;padding:clamp(8px,1.3vw,12px) clamp(16px,2.4vw,24px)}.value-screen .security-panel p,.value-screen .cooperation-panel p{margin-top:clamp(4px,.9vw,8px)}.value-screen .security-panel .icon-badge,.value-screen .cooperation-panel .icon-badge{width:clamp(54px,7.6vw,72px);height:clamp(54px,7.6vw,72px)}.value-screen .cooperation-panel .icon-badge{width:clamp(42px,5.8vw,54px);height:clamp(42px,5.8vw,54px)}.value-screen .gold-cta{position:fixed;right:auto;bottom:clamp(90px,13.4vw,132px);left:50%;z-index:19;width:min(calc(100vw - clamp(60px,8.5vw,84px)),857px);min-height:clamp(50px,6.8vw,64px);margin-top:clamp(12px,2vw,18px);transform:translate(-50%)}.value-screen .feature-grid{gap:clamp(10px,1.8vw,16px);padding-top:clamp(12px,2vw,18px)}.value-screen .feature-card h3{font-size:clamp(19px,3.1vw,30px)}.value-screen .feature-card p,.value-screen .security-panel p,.value-screen .cooperation-panel p{font-size:clamp(12px,2.1vw,20px);line-height:1.34}.value-screen .security-panel h3,.value-screen .cooperation-panel h3{font-size:clamp(20px,3.3vw,31px)}.value-screen .security-panel strong{margin-top:clamp(4px,.8vw,7px);font-size:clamp(15px,2.6vw,25px)}.feature-card>button{display:grid;width:var(--tap-min);height:var(--tap-min);place-items:center;background:linear-gradient(145deg,#1058ccf2,#092670f0);border:1px solid rgba(91,169,255,.72);border-radius:50%}.security-panel,.cooperation-panel,.tip-panel,.completion-panel{display:grid;grid-template-columns:clamp(64px,10vw,98px) 1fr;gap:clamp(16px,2.8vw,28px);align-items:center}.security-panel strong{display:block;margin-top:clamp(8px,1.3vw,14px);color:var(--gold);font-size:clamp(17px,3vw,30px)}.cooperation-panel{grid-template-columns:clamp(58px,9vw,88px) clamp(140px,23vw,220px) 1fr}.cooperation-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.4vw,12px)}.cooperation-points span{position:relative;min-height:clamp(28px,3.8vw,38px);padding:0 clamp(7px,1.2vw,12px);display:grid;place-items:center;color:#e8f2ff;font-size:clamp(10px,1.8vw,16px);line-height:1.22;text-align:center;border-left:1px solid rgba(119,181,255,.34)}.gold-cta{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,38px);width:calc(100% - clamp(60px,8.5vw,84px));min-height:clamp(62px,9vw,90px);margin:clamp(24px,4vw,40px) auto 0;color:#061235;background:linear-gradient(180deg,#fff1bc,#efbd55 55%,#db9d33);border:1px solid rgba(255,242,190,.9);border-radius:999px;box-shadow:inset 0 1px 9px #ffffffa6,0 0 20px #f8c44f5c;font-size:clamp(21px,4vw,38px);font-weight:900}.gold-cta svg{width:1em;height:1em}.hero-search{position:absolute;left:4.4%;right:4.4%;bottom:3.5%;display:grid;grid-template-columns:clamp(28px,5vw,48px) 1fr;align-items:center;gap:clamp(10px,2vw,18px);min-height:clamp(48px,8vw,76px);padding:0 clamp(18px,3vw,30px);color:#b7c8ee}.hero-search svg,.resource-search svg{width:clamp(24px,4.4vw,42px);height:clamp(24px,4.4vw,42px)}.hero-search input,.resource-search input{min-width:0;min-height:var(--tap-min);color:#eef6ff;background:transparent;border:0;outline:0;font-size:clamp(16px,3vw,30px)}.hero-search input::placeholder,.resource-search input::placeholder{color:#96a9d0}.segmented-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(14px,2vw,22px) clamp(40px,4.3vw,44px) 0;border-bottom:1px solid rgba(91,166,255,.5)}.segmented-tabs button{min-height:clamp(52px,8vw,78px);color:#dbe9ff;background:linear-gradient(180deg,#0a3a90e6,#021441f2);border:1px solid rgba(73,153,255,.45);border-bottom:0;border-radius:clamp(18px,2.8vw,28px) clamp(18px,2.8vw,28px) 0 0;font-size:clamp(16px,3vw,29px)}.segmented-tabs button.active{position:relative;color:var(--gold);font-weight:850}.segmented-tabs button.active:after{position:absolute;right:25%;bottom:-2px;left:25%;height:3px;content:"";background:var(--gold);border-radius:99px;box-shadow:0 0 14px #ffd275e6}.faq-list,.role-grid,.scene-list,.resource-list{display:grid;gap:clamp(12px,2.4vw,22px);padding:clamp(18px,3vw,30px) clamp(40px,4.3vw,44px) 0}.faq-card{position:relative;display:grid;grid-template-columns:clamp(62px,10vw,96px) 1fr clamp(86px,12vw,118px);gap:clamp(14px,2.5vw,24px);align-items:center;min-height:clamp(112px,14.1vw,136px);padding:clamp(16px,2.6vw,26px);background:linear-gradient(135deg,#07409eeb,#021648f5);border:1px solid rgba(76,162,255,.72);border-radius:clamp(15px,2.5vw,24px);box-shadow:inset 0 0 20px #3a91ff3d,0 0 12px #2380ff29}.faq-main h3{margin:0;font-size:clamp(17px,3vw,30px);line-height:1.25}.faq-main h3 span,.faq-main p span{margin-right:.65em;color:var(--gold);font-weight:900}.faq-main p{margin:clamp(8px,1.5vw,14px) 0 0;color:#d4e3ff;font-size:clamp(13px,2.3vw,22px);line-height:1.45}.faq-actions{display:grid;grid-template-columns:1fr;height:100%;border-left:1px solid rgba(98,158,255,.25)}.faq-actions button{display:grid;gap:clamp(4px,.8vw,8px);place-items:center;min-width:0;padding:0 clamp(6px,1.2vw,12px);color:#d7e6ff;background:transparent;font-size:clamp(11px,2vw,19px)}.faq-actions svg{width:var(--icon-sm);height:var(--icon-sm)}.faq-expanded{margin-top:clamp(12px,2vw,20px);padding-top:clamp(12px,2vw,20px);border-top:1px solid rgba(115,180,255,.25)}.faq-expanded strong{display:block;margin-top:clamp(8px,1.5vw,14px);color:var(--gold);font-size:clamp(12px,2.2vw,20px);line-height:1.4}.material-chips{display:flex;flex-wrap:wrap;gap:clamp(7px,1.2vw,12px);margin-top:clamp(12px,2vw,18px)}.material-chips span{display:inline-flex;min-height:var(--tap-min);align-items:center;padding:clamp(6px,1.1vw,11px) clamp(10px,1.8vw,18px);color:#dfeeff;background:#0f49a8b8;border:1px solid rgba(102,179,255,.44);border-radius:999px;font-size:clamp(11px,2vw,18px)}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.5vw,14px);margin:clamp(14px,2.3vw,22px) clamp(40px,4.3vw,44px) 0}.role-filter-row button{display:flex;min-height:clamp(52px,7.2vw,68px);align-items:center;justify-content:center;gap:clamp(6px,1.1vw,10px);padding:0 clamp(8px,1.4vw,14px);color:#e6f0ff;background:linear-gradient(180deg,#0d429edb,#041a52f0);border:1px solid rgba(90,169,255,.52);border-radius:clamp(13px,2vw,20px);box-shadow:inset 0 0 14px #4b99ff2e;font-size:clamp(12px,2vw,18px);font-weight:760;line-height:1.12}.role-filter-row button.active{color:#071946;background:linear-gradient(180deg,#ffefb7,#e5ae42);border-color:#ffe297fa;box-shadow:0 0 18px #ffd36e52,inset 0 0 12px #ffffff38}.role-filter-row svg{width:clamp(17px,2.8vw,25px);height:clamp(17px,2.8vw,25px);flex:0 0 auto}.role-filter-row span{overflow:hidden;text-align:center;text-overflow:ellipsis}.role-shortcuts{margin:clamp(12px,2vw,20px) clamp(40px,4.3vw,44px) 0;padding:clamp(12px,2vw,20px);background:linear-gradient(180deg,#07307ec7,#03184be6);border:1px solid rgba(58,146,255,.55);border-radius:clamp(18px,2.8vw,28px);box-shadow:inset 0 0 22px #4896ff33}.role-shortcuts .section-title{font-size:clamp(18px,3.2vw,31px)}.role-shortcut-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.6vw,16px);margin-top:clamp(12px,2vw,18px)}.role-shortcut-grid button{display:grid;gap:clamp(7px,1.2vw,12px);place-items:center;min-height:clamp(82px,10.5vw,104px);padding:clamp(8px,1.4vw,14px);color:#eef6ff;background:linear-gradient(180deg,#104baad1,#041b58eb);border:1px solid rgba(92,169,255,.52);border-radius:clamp(14px,2.2vw,22px)}.role-shortcut-grid .icon-badge{width:clamp(48px,7.5vw,72px);height:clamp(48px,7.5vw,72px)}.role-shortcut-grid span{font-size:clamp(11px,2vw,19px);font-weight:730;line-height:1.18;text-align:center}.role-card,.scene-card{background:linear-gradient(135deg,#073a93e0,#021544f2);border:1px solid rgba(79,164,255,.64);border-radius:clamp(16px,2.5vw,24px)}.role-card{padding:clamp(14px,2.2vw,22px);box-shadow:inset 0 0 18px #4896ff2e}.role-card-head{display:grid;grid-template-columns:clamp(44px,7vw,66px) minmax(0,1fr);gap:clamp(10px,1.7vw,16px);align-items:center}.role-card .icon-badge{width:clamp(44px,7vw,66px);height:clamp(44px,7vw,66px)}.role-card h3,.scene-card h3{margin:0 0 clamp(6px,1vw,10px);color:var(--gold);font-size:clamp(18px,3vw,30px);line-height:1.16}.role-card p,.scene-card p{margin:0;color:var(--muted);font-size:clamp(13px,2.3vw,22px);line-height:1.38}.scene-list{gap:clamp(10px,1.8vw,16px)}.scene-card{position:relative;display:grid;grid-template-columns:clamp(42px,6.6vw,62px) minmax(0,1fr);gap:clamp(12px,2vw,18px);min-height:clamp(118px,15vw,162px);align-items:start;padding:clamp(14px,2.3vw,22px);overflow:hidden;box-shadow:inset 0 0 20px #4b99ff33,0 0 10px #2380ff1f}.scene-card:before{position:absolute;top:clamp(14px,2.2vw,22px);bottom:clamp(14px,2.2vw,22px);left:0;width:2px;content:"";background:linear-gradient(180deg,#ffe37a00,#ffc629,#ffe37a00);box-shadow:0 0 13px #ffc42785}.scene-index{display:grid;width:clamp(38px,5.9vw,54px);height:clamp(38px,5.9vw,54px);place-items:center;color:#071946;background:linear-gradient(180deg,#fff1bc,#e2ac3f);border-radius:999px;box-shadow:inset 0 1px 8px #ffffff73,0 0 16px #ffd26e38;font-size:clamp(12px,2vw,18px);font-weight:900;font-variant-numeric:tabular-nums}.scene-copy{min-width:0}.scene-card-head{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,1.3vw,12px);margin-bottom:clamp(7px,1.1vw,11px)}.scene-card-head h3{margin:0}.tip-panel{margin-bottom:clamp(12px,2vw,20px)}.kit-screen .faq-list{gap:clamp(10px,1.8vw,16px);padding-top:clamp(14px,2.4vw,22px)}.kit-screen .faq-card{grid-template-columns:clamp(56px,8.4vw,80px) 1fr clamp(86px,12vw,112px);min-height:clamp(98px,12.6vw,122px);padding:clamp(12px,2.1vw,20px)}.kit-screen .faq-card .icon-badge{width:clamp(56px,8.2vw,78px);height:clamp(56px,8.2vw,78px)}.kit-screen .faq-main h3{font-size:clamp(16px,2.7vw,27px)}.kit-screen .faq-main p{margin-top:clamp(5px,1vw,9px);font-size:clamp(12px,2.1vw,20px)}.kit-screen .faq-actions svg{width:clamp(22px,3.5vw,34px);height:clamp(22px,3.5vw,34px)}.stage-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(5px,1vw,10px);padding:clamp(12px,2vw,22px) clamp(30px,4.2vw,42px) 0}.stage-picker button{display:grid;gap:clamp(5px,1vw,10px);place-items:center;min-height:clamp(52px,7.2vw,70px);padding:clamp(6px,1vw,10px);color:#cdf;background:#082669c7;border:1px solid rgba(93,164,255,.46);border-radius:clamp(12px,1.8vw,18px);font-size:clamp(10px,1.8vw,17px)}.stage-picker button span{display:grid;width:clamp(22px,3.6vw,36px);height:clamp(22px,3.6vw,36px);place-items:center;color:#041335;background:#c9d9ff;border-radius:50%;font-weight:850}.stage-picker button strong{font-size:inherit;font-weight:780;line-height:1.12}.stage-picker button.active{color:var(--gold);border-color:#ffd681db;box-shadow:0 0 14px #ffce664d}.stage-picker button.active span{background:linear-gradient(180deg,#ffefbe,#efbd55)}.path-screen .path-hero img{height:clamp(160px,24vw,230px);object-fit:cover;object-position:top center}.path-screen .stage-picker{position:relative;z-index:4;margin:clamp(10px,1.8vw,18px) clamp(30px,4.2vw,42px) 0;padding:clamp(10px,1.6vw,16px);background:linear-gradient(180deg,#052260db,#021037f0);border:1px solid rgba(82,158,255,.44);border-radius:clamp(16px,2.4vw,24px);box-shadow:inset 0 0 24px #4097ff29,0 0 18px #0040aa3d;pointer-events:auto}.path-screen .stage-picker button{grid-template-columns:auto 1fr;min-height:clamp(52px,7.2vw,70px);color:#d8e8ff;background:linear-gradient(180deg,#0b3f99db,#041952f2);border:1px solid rgba(94,170,255,.48);box-shadow:inset 0 0 18px #3085ff2e}.path-screen .stage-picker button span{opacity:1}.path-screen .stage-picker button.active{color:#071946;background:linear-gradient(180deg,#ffefb7,#dfaa3f);border-color:#ffe8a5f5;box-shadow:0 0 18px #ffd26857,inset 0 0 12px #ffffff38}.path-screen .stage-picker button.active span{color:#ffecc0;background:#092565;box-shadow:inset 0 0 8px #57a2ff4d}.path-screen .stage-card{margin-top:clamp(12px,2vw,20px);grid-template-columns:clamp(54px,7.2vw,68px) 1fr clamp(58px,8vw,78px);padding:clamp(16px,2.7vw,26px)}.path-screen .stage-number{width:clamp(46px,6.7vw,62px);height:clamp(64px,8.6vw,82px);font-size:clamp(24px,4vw,38px)}.path-screen .stage-copy h2{font-size:clamp(20px,3.4vw,32px);text-wrap:wrap}.path-screen .stage-copy strong{display:block;font-size:clamp(16px,2.7vw,26px);max-width:none;text-wrap:wrap}.path-screen .stage-copy p{margin-top:clamp(7px,1.2vw,12px);font-size:clamp(12px,2.1vw,20px);line-height:1.36;text-wrap:wrap}.path-screen .flow-strip{margin-top:clamp(10px,1.7vw,16px);padding:clamp(12px,2vw,20px)}.path-screen .flow-node svg{width:clamp(28px,4.3vw,40px);height:clamp(28px,4.3vw,40px)}.path-screen .stage-focus-panel,.path-screen .stage-avoid-panel,.path-screen .materials-panel,.path-screen .completion-panel{margin-top:clamp(12px,2vw,18px);padding:clamp(14px,2.2vw,22px)}.path-screen .stage-focus-panel h3,.path-screen .stage-avoid-panel h3,.path-screen .materials-panel h3{margin-bottom:clamp(10px,1.6vw,16px);font-size:clamp(18px,2.85vw,27px)}.path-screen .compact-materials button{min-height:clamp(62px,8vw,78px);padding:clamp(9px,1.5vw,14px)}.stage-card{position:relative;display:grid;grid-template-columns:clamp(58px,8vw,76px) 1fr clamp(70px,11vw,108px);gap:clamp(18px,3vw,30px);align-items:center;margin:clamp(18px,3vw,30px) clamp(30px,4.2vw,42px) 0;padding:clamp(22px,3.5vw,34px);overflow:hidden;background:linear-gradient(135deg,#08388be6,#02123cf5);border:1px solid rgba(255,215,139,.78);border-radius:clamp(18px,3vw,30px);box-shadow:0 0 22px #2f9aff52}.stage-number{display:grid;width:clamp(50px,7.5vw,72px);height:clamp(72px,10vw,98px);place-items:center;color:#071946;background:linear-gradient(180deg,#ffe9ab,#d9a243);border-radius:0 0 20px 20px;font-size:clamp(26px,4.5vw,44px);font-weight:950}.stage-copy h2{margin:0 0 clamp(8px,1.5vw,14px);font-size:clamp(26px,4.5vw,44px)}.stage-copy strong{display:block;color:var(--gold);font-size:clamp(17px,3vw,30px);line-height:1.35}.stage-copy p{margin:clamp(10px,1.7vw,16px) 0 0;color:#d9e7ff;font-size:clamp(13px,2.4vw,22px);line-height:1.45}.flow-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.5vw,14px);margin:clamp(14px,2.4vw,24px) clamp(52px,5.5vw,54px) 0;padding:clamp(18px,3vw,28px);background:#04194dc7;border:1px solid rgba(84,158,255,.42);border-radius:clamp(16px,2.5vw,24px)}.flow-node{display:grid;gap:clamp(8px,1.4vw,14px);place-items:center;color:#dbe9ff;text-align:center;font-size:clamp(10px,1.9vw,18px);line-height:1.25}.flow-node svg{width:clamp(30px,5vw,48px);height:clamp(30px,5vw,48px);padding:clamp(6px,1.2vw,12px);color:#dcecff;background:radial-gradient(circle,#1560dce6,#041952f2);border:1px solid rgba(91,176,255,.74);border-radius:50%;box-shadow:0 0 18px #3897ff66}.stage-focus-panel,.stage-avoid-panel{margin:clamp(14px,2.4vw,24px) clamp(40px,4.3vw,44px) 0;padding:clamp(16px,2.7vw,26px);background:linear-gradient(135deg,#08398fd6,#031546f0);border:1px solid rgba(86,162,255,.54);border-radius:clamp(16px,2.5vw,24px);box-shadow:inset 0 0 24px #3693ff2e}.stage-focus-panel h3,.stage-avoid-panel h3{display:flex;align-items:center;gap:clamp(9px,1.5vw,14px);margin:0 0 clamp(12px,2vw,20px);color:#fff8e9;font-size:clamp(20px,3.2vw,31px);line-height:1.2}.stage-focus-panel h3 svg,.stage-avoid-panel h3 svg{width:1.05em;height:1.05em;color:var(--gold)}.stage-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.6vw,15px)}.stage-focus-item{display:grid;grid-template-columns:clamp(30px,4.6vw,44px) 1fr;align-items:center;gap:clamp(8px,1.4vw,14px);min-height:clamp(46px,6.5vw,62px);padding:clamp(8px,1.4vw,14px);color:#dceaff;background:#072366b8;border:1px solid rgba(105,178,255,.34);border-radius:clamp(12px,1.9vw,18px)}.stage-focus-item span{display:grid;width:clamp(28px,4.4vw,42px);height:clamp(28px,4.4vw,42px);place-items:center;color:#071946;background:linear-gradient(180deg,#ffefbd,#e6ad42);border-radius:50%;font-size:clamp(10px,1.8vw,16px);font-weight:850}.stage-focus-item strong{font-size:clamp(12px,2.2vw,20px);line-height:1.32;overflow-wrap:anywhere}.stage-avoid-panel{border-color:#ffd6807a;background:linear-gradient(135deg,#5c30105c,#031546ed)}.stage-avoid-list{display:flex;flex-wrap:wrap;gap:clamp(8px,1.5vw,14px)}.stage-avoid-list span{display:inline-flex;min-height:var(--tap-min);align-items:center;padding:0 clamp(10px,1.8vw,18px);color:#ffe8b7;background:#52251275;border:1px solid rgba(255,200,108,.36);border-radius:999px;font-size:clamp(11px,2vw,18px);line-height:1.2}.materials-panel h3{display:flex;align-items:center;gap:clamp(10px,1.8vw,18px);margin-bottom:clamp(16px,2.7vw,28px)}.materials-panel h3 svg{width:1.1em;height:1.1em}.compact-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,18px)}.compact-materials button{display:grid;grid-template-columns:clamp(34px,5.2vw,48px) 1fr auto;grid-template-rows:auto auto;align-items:center;gap:clamp(6px,1vw,10px);min-height:clamp(70px,9.2vw,92px);padding:clamp(12px,2vw,20px);text-align:left;background:#092f7dbd;border:1px solid rgba(83,158,255,.45);border-radius:clamp(12px,2vw,20px)}.compact-materials .file-kind{grid-row:1 / 3;width:clamp(32px,5vw,46px);height:clamp(36px,5.6vw,50px);border-radius:clamp(6px,1vw,9px)}.compact-materials .file-kind svg{width:clamp(14px,2.2vw,20px);height:clamp(14px,2.2vw,20px);color:#dce9ff}.compact-materials .file-kind b{font-size:clamp(8px,1.4vw,12px)}.compact-materials span{overflow:visible;font-size:clamp(12px,2.2vw,20px);font-weight:700;line-height:1.25;overflow-wrap:anywhere;white-space:normal}.compact-materials small{color:#91a7d2;font-size:clamp(10px,1.8vw,16px)}.completion-panel{margin-bottom:clamp(12px,2vw,20px);background:radial-gradient(circle at 0% 0%,rgba(47,143,255,.26),transparent 44%),linear-gradient(135deg,#07398fd6,#021442eb);border:1px solid rgba(255,214,128,.72);border-radius:clamp(16px,2.5vw,24px);border-color:#ffd680b8;box-shadow:inset 0 0 22px #2d8dff2e}.resource-search{display:grid;grid-template-columns:clamp(28px,5vw,48px) 1fr;align-items:center;gap:clamp(12px,2vw,20px);min-height:clamp(56px,8.5vw,82px);margin:clamp(12px,2.3vw,22px) clamp(40px,4.3vw,44px) 0;padding:0 clamp(20px,3vw,30px);color:#c9d9ff;background:linear-gradient(180deg,#062974db,#041648f5);border:1px solid rgba(109,183,255,.66);border-radius:clamp(16px,2.7vw,26px);box-shadow:inset 0 0 18px #4a9bff3d}.resources-screen .resource-search,.kit-screen .resource-search{min-height:clamp(54px,7.6vw,74px)}.resources-screen .resource-search{margin-top:clamp(10px,1.8vw,18px)}.kit-screen .resource-search{grid-template-columns:clamp(22px,3.6vw,34px) 1fr;gap:clamp(8px,1.4vw,14px);min-height:clamp(44px,6.4vw,62px);margin-top:clamp(10px,1.8vw,18px);padding:0 clamp(14px,2.2vw,22px)}.kit-screen .resource-search svg{width:clamp(20px,3.2vw,30px);height:clamp(20px,3.2vw,30px)}.kit-screen .resource-search input{min-height:clamp(34px,5vw,44px);font-size:clamp(14px,2.4vw,22px)}.resource-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,2vw,18px);padding:clamp(20px,3vw,30px) clamp(40px,4.3vw,44px) 0}.resources-screen .resource-types{gap:clamp(9px,1.6vw,15px);padding-top:clamp(14px,2.2vw,22px)}.resources-screen .resource-types button{min-height:clamp(34px,4.6vw,46px);font-size:clamp(13px,2.2vw,20px)}.resource-types button{min-height:clamp(48px,7vw,70px);color:#e9f1ff;background:linear-gradient(180deg,#0b3d97e6,#03184ef0);border:1px solid rgba(78,156,255,.5);border-radius:clamp(13px,2.1vw,21px);font-size:clamp(15px,2.7vw,26px);font-weight:750}.resource-types button.active{color:#061a3d;background:linear-gradient(180deg,#fff0b8,#eab34b);border-color:#ffde96f2}.resource-tags{padding:clamp(14px,2.5vw,24px) clamp(40px,4.3vw,44px) 0}.resources-screen .resource-tags{gap:clamp(7px,1.3vw,12px);padding-top:clamp(9px,1.6vw,16px)}.resources-screen .resource-tags button{min-height:clamp(28px,3.9vw,36px);padding:0 clamp(10px,1.6vw,16px);font-size:clamp(11px,1.85vw,17px)}.resources-screen .resource-list{gap:clamp(9px,1.6vw,15px);padding-top:clamp(12px,2vw,18px)}.resource-card{position:relative;display:grid;grid-template-columns:clamp(56px,8vw,76px) minmax(0,1fr) var(--tap-min) clamp(90px,11vw,116px);gap:clamp(12px,2vw,20px);align-items:center;min-height:clamp(92px,11.8vw,112px);padding:clamp(12px,2vw,18px) clamp(16px,2.6vw,26px);overflow:hidden;background:linear-gradient(135deg,#0941a0eb,#021646f5);border:1px solid rgba(72,161,255,.68);border-radius:clamp(16px,2.5vw,24px)}.resources-screen .resource-card{min-height:clamp(80px,10.2vw,98px);padding:clamp(10px,1.6vw,15px) clamp(14px,2.1vw,22px)}.resources-screen .file-kind{width:clamp(48px,7vw,64px);height:clamp(52px,7.5vw,70px)}.file-kind{display:grid;width:clamp(50px,7.6vw,70px);height:clamp(56px,8.2vw,76px);place-items:center;color:#fff;border-radius:clamp(7px,1.2vw,12px);box-shadow:inset 0 0 12px #ffffff2e,0 0 16px #0000002e}.file-kind svg{width:clamp(20px,3vw,30px);height:clamp(20px,3vw,30px)}.file-kind b{font-size:clamp(10px,1.8vw,17px)}.file-kind.pdf{background:linear-gradient(145deg,#f06055,#b81717)}.file-kind.video{background:linear-gradient(145deg,#855dff,#3522ae)}.resource-copy{min-width:0}.resource-copy h3{margin:0;font-size:clamp(18px,3vw,29px);line-height:1.22;overflow-wrap:anywhere;white-space:normal}.resources-screen .resource-copy h3{font-size:clamp(17px,2.75vw,26px)}.resource-copy p{margin:clamp(6px,1vw,10px) 0 0;color:var(--muted);font-size:clamp(12px,2.2vw,21px);line-height:1.35;overflow-wrap:anywhere;white-space:normal}.resources-screen .resource-copy p{margin-top:clamp(4px,.7vw,7px);font-size:clamp(11px,1.95vw,18px)}.resource-copy small{display:none;margin-top:clamp(4px,.8vw,8px);overflow:hidden;color:#8ea4d1;font-size:clamp(10px,1.8vw,17px);text-overflow:ellipsis;white-space:nowrap}.resource-copy em{display:none;margin-top:clamp(5px,.9vw,9px);color:#ffdda0;font-size:clamp(10px,1.8vw,17px);font-style:normal;line-height:1.35}.star-button{display:grid;width:var(--tap-min);height:var(--tap-min);place-items:center;color:#ffcf77;background:transparent}.star-button svg{width:72%;height:72%}.open-button{display:flex;align-items:center;justify-content:center;gap:clamp(5px,1vw,9px);min-height:var(--tap-min);padding:0 clamp(10px,1.7vw,16px);color:#fff;background:linear-gradient(180deg,#0d388ff5,#041c51f5);border:1px solid rgba(255,205,99,.86);border-radius:clamp(12px,2vw,20px);box-shadow:inset 0 0 14px #579aff47;font-size:clamp(13px,2.4vw,22px);font-weight:800}.open-button.video{background:linear-gradient(180deg,#6f42dc,#3a1aaa);border-color:#b78effe6}.open-button svg{width:1em;height:1em}.open-button.video svg,.file-kind.video svg{margin-left:1px}.open-button span{white-space:nowrap}.resource-actions{display:grid;grid-template-columns:minmax(0,1fr)}.related-button{display:flex;align-items:center;justify-content:center;gap:clamp(4px,.8vw,8px);min-height:var(--tap-min);padding:0 clamp(6px,1.1vw,10px);color:#dcecff;background:#082b76c7;border:1px solid rgba(100,174,255,.5);border-radius:clamp(10px,1.8vw,16px);font-size:clamp(10px,1.7vw,15px);font-weight:750}.related-button span{white-space:nowrap}.related-button svg{width:1em;height:1em}.recent-panel{display:grid;grid-template-columns:1fr auto;gap:clamp(14px,2.4vw,24px);align-items:center;margin-bottom:clamp(12px,2vw,20px)}.resources-screen .recent-panel{margin-top:clamp(12px,2vw,18px);padding:clamp(14px,2.2vw,22px)}.recent-panel>button{display:flex;align-items:center;color:#9fb4e4;background:transparent;font-size:clamp(12px,2.1vw,20px);min-height:var(--tap-min)}.recent-grid{display:grid;grid-column:1 / 3;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.8vw,16px)}.recent-grid button{display:grid;grid-template-columns:clamp(42px,6vw,58px) 1fr;gap:clamp(8px,1.4vw,14px);align-items:center;min-width:0;min-height:clamp(70px,9vw,90px);padding:clamp(10px,1.8vw,16px);text-align:left;background:#082d7cc2;border:1px solid rgba(79,158,255,.34);border-radius:clamp(10px,1.8vw,16px)}.recent-grid .file-kind{grid-row:1 / 3;width:clamp(42px,6vw,58px);height:clamp(48px,6.7vw,64px)}.recent-grid span,.recent-grid small{overflow-wrap:anywhere;white-space:normal}.recent-grid span{font-size:clamp(12px,2.1vw,20px);font-weight:750}.recent-grid small{color:#8da4d3;font-size:clamp(10px,1.7vw,16px)}.empty-state{display:grid;min-height:clamp(140px,20vw,210px);place-items:center;padding:clamp(24px,4vw,40px);color:var(--muted);text-align:center;background:#06205f94;border:1px dashed rgba(104,177,255,.5);border-radius:clamp(16px,2.4vw,24px)}.empty-state svg{width:clamp(34px,5vw,52px);height:clamp(34px,5vw,52px)}.empty-state strong{font-size:clamp(18px,3vw,30px)}.empty-state p{margin:0;font-size:clamp(13px,2.3vw,22px)}.bottom-nav{position:fixed;bottom:0;left:50%;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100vw,941px);height:calc(clamp(84px,13vw,122px) + var(--safe-area-bottom));padding:clamp(8px,1.6vw,16px) clamp(14px,2.6vw,26px) calc(clamp(8px,1.6vw,16px) + var(--safe-area-bottom));background:linear-gradient(180deg,#092a74f5,#020e36fa);border:1px solid rgba(64,135,255,.34);border-bottom:0;border-radius:clamp(24px,4vw,42px) clamp(24px,4vw,42px) 0 0;box-shadow:0 -10px 30px #000a2c9e,inset 0 0 24px #4290ff29;transform:translate(-50%)}.bottom-nav button{display:grid;gap:clamp(4px,.8vw,8px);place-items:center;color:#8799c5;background:transparent;font-size:clamp(11px,2vw,20px);font-weight:700}.bottom-nav svg{width:clamp(24px,4vw,40px);height:clamp(24px,4vw,40px);fill:currentColor}.bottom-nav button.active{color:var(--gold);text-shadow:0 0 14px rgba(255,206,114,.42)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:calc(16px + var(--safe-area-top)) 16px calc(16px + var(--safe-area-bottom));background:#000514d1}.video-modal{position:relative;width:min(92vw,760px);max-height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom) - 32px);max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 32px);padding:clamp(18px,3vw,30px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#072770f5,#020e30fa);border:1px solid rgba(106,180,255,.65);border-radius:24px;box-shadow:0 20px 60px #0000008c}.video-modal h2{margin:0 52px 18px 0;font-size:clamp(18px,3vw,30px)}.video-modal video{width:100%;max-height:70vh;max-height:70dvh;background:#000;border-radius:16px}.modal-close{position:absolute;top:16px;right:16px;display:grid;width:40px;height:40px;place-items:center;background:#0a2869e6;border:1px solid rgba(111,184,255,.6);border-radius:50%}.ios-diagnostic-panel{position:fixed;top:calc(var(--safe-area-top) + 8px);right:8px;left:8px;z-index:20;max-height:min(72dvh,620px);overflow:auto;color:#eaf3ff;background:#010b2af7;border:1px solid rgba(107,184,255,.9);border-radius:10px;box-shadow:0 14px 36px #0000008f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.38}.ios-diagnostic-panel>summary,.ios-diagnostic-element>summary{padding:10px 12px;color:var(--gold);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;font-weight:800;cursor:pointer}.ios-diagnostic-content{padding:0 10px 12px}.ios-diagnostic-content section+section,.ios-diagnostic-element{margin-top:12px;border-top:1px solid rgba(107,184,255,.24)}.ios-diagnostic-content h2{margin:0 0 6px;color:#fff;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}.ios-diagnostic-content dl{display:grid;gap:4px;margin:0}.ios-diagnostic-content dl>div{display:grid;grid-template-columns:minmax(104px,42%) minmax(0,1fr);gap:8px;align-items:start}.ios-diagnostic-content dt{color:#9ec8ff}.ios-diagnostic-content dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#f4f8ff;white-space:pre-wrap}@media(min-width:621px){.value-card-what .pill-row{grid-template-columns:repeat(5,minmax(0,1fr))}.value-card-why .value-bullet-list,.value-card-security .value-bullet-list,.value-card-cooperation .value-bullet-list{grid-template-columns:repeat(3,minmax(0,1fr))}.value-card-value{display:grid;grid-template-columns:clamp(44px,6vw,64px) 1fr;align-items:center;column-gap:clamp(18px,3vw,28px)}.value-card-value .value-card-heading{grid-column:1 / 3}}@media(max-width:620px){:root{--icon-md: clamp(48px, 13vw, 54px);--icon-lg: clamp(56px, 15vw, 62px);--home-entry-icon-size: clamp(52px, 13.5vw, 56px);--home-entry-icon-y: -4px}.value-screen,.kit-screen{-webkit-text-size-adjust:100%;text-size-adjust:100%}.phone-screen{padding-bottom:calc(96px + var(--safe-area-bottom))}.brand-header{height:calc(52px + var(--safe-area-top));border-radius:0}.brand-header img{height:52px;object-fit:fill}.home-grid,.feature-grid,.role-grid,.value-bullet-list{grid-template-columns:1fr}.entry-card{gap:10px;min-height:108px;padding:16px 18px}.entry-copy strong{font-size:clamp(21px,5.8vw,24px);line-height:1.16}.entry-copy small{font-size:clamp(13px,3.6vw,15px);line-height:1.4}.quick-grid,.value-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 40px 0}.resource-types button{min-height:46px;border-radius:14px;font-size:clamp(14px,4vw,16px)}.resource-tags{gap:8px;padding-top:12px}.resource-tags button,.chip-row button{min-height:var(--tap-min);padding:0 14px;font-size:clamp(12px,3.5vw,15px)}.light-pill{min-height:38px;padding:0 14px;font-size:clamp(12px,3.5vw,15px)}.value-overview-flow{gap:14px;padding:14px 30px 0}.value-overview-card{padding:18px;border-radius:20px}.value-card-heading{gap:8px}.value-card-heading h2{font-size:clamp(21px,6vw,24px);line-height:1.24}.value-card-heading p{font-size:clamp(14px,4vw,16px);line-height:1.42}.value-screen .pill-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.value-screen .light-pill{min-height:34px}.value-bullet-list{gap:8px;margin-top:12px}.value-bullet-list li{min-height:38px;padding:8px 12px;font-size:clamp(13px,3.6vw,15px)}.value-card-actions{gap:8px;margin-top:14px}.value-card-actions button{min-height:var(--tap-min);padding:0 12px;font-size:clamp(12px,3.5vw,14px)}.mini-feature-grid,.flow-strip,.stage-picker,.compact-materials,.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-card{grid-template-columns:clamp(60px,16vw,78px) 1fr clamp(76px,20vw,92px)}.kit-screen .faq-card{grid-template-columns:clamp(56px,15vw,68px) minmax(0,1fr) clamp(76px,20vw,92px);gap:10px;min-height:0;padding:14px}.kit-screen .faq-card .icon-badge{grid-column:1;grid-row:1;align-self:center;width:clamp(52px,14vw,62px);height:clamp(52px,14vw,62px)}.kit-screen .faq-main{grid-column:2;min-width:0}.kit-screen .faq-main h3{font-size:clamp(17px,4.8vw,21px);line-height:1.24}.kit-screen .faq-main>p{font-size:clamp(13px,3.6vw,15px);line-height:1.38}.faq-actions{grid-column:1 / 4;grid-row:2;min-height:58px;border-top:1px solid rgba(98,158,255,.25);border-left:0}.kit-screen .faq-actions{grid-column:1 / 4;grid-row:2;min-height:52px}.role-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card{grid-template-columns:clamp(50px,13vw,62px) 1fr var(--tap-min);min-height:0;padding:16px}.resource-card .resource-actions{grid-column:2 / 4}.resource-copy h3{line-height:1.3}.resource-copy p{margin-top:4px}.resource-copy small{display:none}.resource-copy em{font-size:12px}.resource-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.cooperation-panel,.security-panel,.tip-panel,.completion-panel{grid-template-columns:1fr}.feature-card h3,.security-panel h3,.cooperation-panel h3,.stage-focus-panel h3,.stage-avoid-panel h3,.materials-panel h3,.tip-panel h3,.completion-panel h3,.recent-panel h3{line-height:1.3}.segmented-tabs button{padding:0 6px;min-height:64px;line-height:1.3}.stage-card{grid-template-columns:56px 1fr;gap:14px;align-items:start;padding:18px}.path-screen .stage-picker{display:flex;gap:7px;height:auto;margin:10px 18px 0;padding:9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:9px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.path-screen .stage-picker::-webkit-scrollbar{display:none}.path-screen .stage-picker button{grid-template-columns:1fr;flex:0 0 75px;gap:5px;min-height:68px;padding:7px 5px;font-size:11px;scroll-snap-align:start}.path-screen .stage-picker button span{justify-self:center}.stage-card .icon-badge{display:none}.stage-number{width:52px;height:70px;font-size:32px}.stage-copy h2{font-size:clamp(21px,6vw,26px);line-height:1.18}.stage-copy strong{font-size:clamp(13px,3.6vw,16px);line-height:1.3}.stage-copy p{font-size:clamp(11px,3.2vw,13px);line-height:1.3}.bottom-nav{height:calc(62px + var(--safe-area-bottom));padding:5px 10px calc(7px + var(--safe-area-bottom));border-radius:20px 20px 0 0;background:linear-gradient(180deg,#092a74eb,#020e36f5)}.bottom-nav button{gap:3px;font-size:11px}.bottom-nav svg{width:20px;height:20px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;padding:8px 10px 0}.entry-card{grid-template-columns:var(--home-entry-icon-size) minmax(0,1fr);align-items:center;gap:8px;min-height:124px;padding:12px 8px;border-radius:16px}.entry-card .home-entry-icon{width:var(--home-entry-icon-size);height:var(--home-entry-icon-size)}.entry-card .home-entry-icon img{width:106%;height:106%}.entry-card .icon-badge{position:relative;width:50px;height:50px;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}.entry-card .icon-badge:before,.entry-card .icon-badge:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";clip-path:polygon(50% 0%,91% 24%,91% 76%,50% 100%,9% 76%,9% 24%)}.entry-card .icon-badge:before{background:linear-gradient(145deg,#53b0fff0,#ffd379f2)}.entry-card .icon-badge:after{top:2px;right:2px;bottom:2px;left:2px;background:radial-gradient(circle at 50% 45%,#338fff59,#04123fe6 66%),linear-gradient(145deg,#063681f5,#010d30fa)}.entry-card .icon-badge svg{position:relative;z-index:1;width:54%;height:54%}.entry-card .entry-copy{align-self:center;display:block;min-width:0;padding-bottom:0}.entry-copy strong{margin-bottom:5px;font-size:17px;line-height:1.12}.entry-copy small{display:block;inline-size:min(100%,7em);max-width:none;overflow:visible;font-size:11px;line-height:1.34;word-break:normal;overflow-wrap:normal;text-wrap:wrap}.entry-card .entry-arrow{position:absolute;right:10px;bottom:8px;width:30px;height:30px;padding:6px}.quick-panel{margin:10px 10px 0;padding:10px;border-radius:16px}.quick-panel .section-title{font-size:17px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.quick-card{min-height:58px;padding:7px 5px;border-radius:12px}.quick-card>svg:first-child{width:22px;height:22px}.quick-card span{font-size:11.5px;line-height:1.15}.quick-card>svg:last-child{width:12px;height:12px}.value-screen .glass-panel,.value-screen .why-panel,.value-banner,.security-panel,.cooperation-panel,.stage-focus-panel,.stage-avoid-panel,.materials-panel,.tip-panel,.completion-panel,.recent-panel{margin-right:18px;margin-left:18px}.value-screen .glass-panel{padding:14px 16px;border-radius:16px}.value-screen .value-intro h2{margin-bottom:10px;font-size:13.5px;font-weight:600;line-height:1.28}.value-screen .value-intro h2 .value-intro-label{display:block;margin:0 0 4px;font-weight:850;font-size:16px;line-height:1.18}.value-screen .value-intro h2 .value-intro-description{width:calc(100% + 20px);max-width:calc(100% + 20px);margin:0;font-size:12px;font-weight:400;line-height:1.25}.mini-feature-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.value-screen .mini-feature{min-height:52px;padding:7px 4px;border-radius:11px}.mini-feature svg{width:22px;height:22px}.mini-feature span{justify-self:stretch;display:block;width:100%;min-width:0;font-size:10.5px;line-height:1.15;text-align:center;white-space:nowrap}.value-screen .why-panel h3{margin-bottom:7px;font-size:16px;line-height:1.18}.value-screen .pill-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.value-screen .light-pill{min-height:30px;padding:0 6px;font-size:11px}.value-screen .why-panel .pill-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.value-screen .why-panel .light-pill{min-height:auto;padding:0 0 0 13px;border-radius:0;font-size:12px;line-height:1.25}.value-screen .why-panel .light-pill:before{left:0;width:5px;height:5px}.value-screen .value-banner{min-height:44px;margin-top:10px;padding:9px 13px;border-radius:12px}.value-screen .value-banner svg{width:20px;height:20px}.value-screen .value-banner strong{font-size:16px;line-height:1.18}.value-screen .value-banner span{font-size:12px;line-height:1.25}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px 18px 0}.value-screen .feature-card{position:relative;grid-template-columns:31px minmax(0,1fr);gap:5px;min-height:76px;padding:10px 34px 10px 8px;border-radius:13px}.value-screen .feature-card .icon-badge{width:31px;height:31px}.value-screen .feature-card>div{min-width:0}.value-screen .feature-card h3{font-size:16px;line-height:1.12;white-space:nowrap}.value-screen .feature-card p{width:calc(100% - 1em);font-size:10.5px;line-height:1.28;overflow-wrap:normal;text-wrap:wrap}.value-screen .feature-card>button{position:absolute;right:0;top:50%;width:44px;min-width:44px;height:44px;min-height:44px;background:transparent;border:0;box-shadow:none;transform:translateY(-50%)}.value-screen .feature-card>button:before{position:absolute;top:50%;left:50%;width:25px;height:25px;content:"";background:linear-gradient(145deg,#1058ccf2,#092670f0);border:1px solid rgba(91,169,255,.72);border-radius:50%;box-shadow:0 0 12px #3f96ff5c;transform:translate(-50%,-50%)}.value-screen .feature-card>button svg{position:relative;width:19px;height:19px}.value-screen .security-panel{grid-template-columns:38px 1fr;gap:12px;padding:14px 16px;border-radius:16px}.value-screen .security-panel .icon-badge{width:38px;height:38px}.value-screen .security-panel h3{font-size:16px;line-height:1.12}.value-screen .security-panel strong{font-size:14px}.value-screen .security-panel p{font-size:11px;line-height:1.3}.value-screen .cooperation-panel{grid-template-columns:38px 82px 1fr;gap:9px;padding:10px 12px;border-radius:14px}.value-screen .cooperation-panel .icon-badge{width:38px;height:38px}.value-screen .cooperation-panel h3{font-size:16px;line-height:1.12}.value-screen .cooperation-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.value-screen .cooperation-points span{min-height:26px;padding:0 4px;font-size:10px}.value-screen .gold-cta{position:static;width:calc(100% - 36px);min-height:54px;margin:14px auto 0;transform:none;font-size:22px}.resource-search,.segmented-tabs,.chip-row,.faq-list,.role-filter-row,.role-shortcuts,.role-grid,.scene-list,.resource-types,.resource-tags,.resource-list{margin-right:18px;margin-left:18px;padding-right:0;padding-left:0}.resource-search{min-height:36px;padding:0 11px;border-radius:12px}.resource-search svg{width:18px;height:18px}.resource-search input{min-height:32px;font-size:13px}.segmented-tabs{margin-top:9px}.segmented-tabs button{min-height:44px;font-size:13.5px}.segmented-tabs button.active:after{bottom:0}.chip-row{gap:6px;padding-top:8px}.kit-screen .chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.kit-screen .chip-row::-webkit-scrollbar{display:none}.kit-screen .chip-row button{flex:0 0 auto;scroll-snap-align:start}.chip-row button{min-height:44px;padding:0 11px;font-size:12px}.kit-screen .faq-list{gap:8px;margin-right:10px;margin-left:10px;padding-top:12px}.kit-screen .faq-card{grid-template-columns:40px minmax(0,1fr) 58px;column-gap:7px;row-gap:0;min-height:82px;padding:9px;border-radius:14px}.kit-screen .faq-card .icon-badge{grid-column:auto;grid-row:auto;min-width:38px;width:38px;height:38px}.kit-screen .faq-main{grid-column:auto;min-width:0;width:auto;max-width:none}.kit-screen .faq-main h3{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:4px;font-size:13.5px;line-height:1.22}.kit-screen .faq-main>p{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:4px;margin-top:4px;min-width:0;width:auto;max-width:none;font-size:10.5px;line-height:1.32;overflow-wrap:normal;text-wrap:wrap}.kit-screen .faq-main h3 span,.kit-screen .faq-main>p span{margin-right:0}.kit-screen .faq-expanded{min-width:0}.kit-screen .faq-expanded p{display:block;width:auto;max-width:none;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.6}.kit-screen .faq-actions{grid-column:auto;grid-row:auto;min-width:58px;min-height:54px;border-top:0;border-left:1px solid rgba(98,158,255,.25)}.kit-screen .faq-actions button{padding:0 3px;font-size:9.5px;min-width:40px}.kit-screen .faq-actions svg{width:18px;height:18px}.role-shortcuts{padding:12px;border-radius:15px}.role-filter-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px}.role-filter-row button{min-height:52px;padding:0 6px;border-radius:13px;font-size:10.5px}.role-filter-row svg{width:17px;height:17px}.role-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.role-shortcut-grid button{min-height:70px;padding:7px 4px}.role-shortcut-grid .icon-badge{width:38px;height:38px}.role-shortcut-grid span{font-size:11px}.kit-screen .role-grid,.kit-screen .scene-list{gap:10px;padding-top:12px}.kit-screen .role-card{padding:12px;border-radius:15px}.kit-screen .role-card-head{grid-template-columns:38px minmax(0,1fr);gap:10px}.kit-screen .role-shortcuts .section-title,.kit-screen .tip-panel h3{font-size:16px;line-height:1.15}.kit-screen .tip-panel{grid-template-columns:38px 1fr;gap:12px;padding:14px}.kit-screen .tip-panel .icon-badge,.kit-screen .role-card .icon-badge{width:38px;height:38px}.kit-screen .role-card h3{margin-bottom:5px;font-size:16px;line-height:1.14}.kit-screen .role-card p{font-size:11.4px;line-height:1.34}.kit-screen .scene-card{grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:auto;padding:12px 13px;border-radius:15px}.kit-screen .scene-card:before{top:12px;bottom:12px}.kit-screen .scene-index{width:32px;height:32px;font-size:10px}.kit-screen .scene-card-head{margin-bottom:5px}.kit-screen .scene-card h3{font-size:16px;line-height:1.14}.kit-screen .scene-card p{font-size:11.8px;line-height:1.38}.kit-screen .tip-panel p{font-size:12px;line-height:1.35}.path-screen .stage-card{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;margin:10px 18px 0;padding:12px;border-radius:16px}.path-screen .path-hero img{height:88px}.path-screen .stage-card .icon-badge{display:grid;width:34px;height:34px}.path-screen .stage-number{width:34px;height:46px;border-radius:0 0 15px 15px;font-size:22px}.path-screen .stage-copy{min-width:0;padding-right:4px}.path-screen .stage-copy h2{margin-bottom:5px;font-size:16px;line-height:1.15}.path-screen .stage-copy strong{font-size:13px;line-height:1.26}.path-screen .stage-copy p{margin-top:5px;font-size:10.5px;line-height:1.24}.path-screen .flow-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 18px 0;padding:10px;border-radius:14px}.path-screen .flow-node{gap:6px;font-size:10px}.path-screen .flow-node svg{width:30px;height:30px;padding:6px}.path-screen .stage-focus-panel,.path-screen .stage-avoid-panel,.path-screen .materials-panel,.path-screen .completion-panel{padding:12px;border-radius:16px}.path-screen .stage-focus-panel h3,.path-screen .stage-avoid-panel h3,.path-screen .materials-panel h3{margin-bottom:9px;font-size:16px;line-height:1.15}.path-screen .stage-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.path-screen .stage-focus-item{grid-template-columns:30px 1fr;min-height:48px;padding:7px}.path-screen .stage-focus-item span{width:28px;height:28px;font-size:10px}.path-screen .stage-focus-item strong{font-size:10.5px;line-height:1.22}.path-screen .stage-avoid-list{gap:6px}.path-screen .stage-avoid-list span{min-height:34px;padding:0 9px;font-size:10px}.path-screen .compact-materials{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.path-screen .compact-materials button{grid-template-columns:32px 1fr;min-height:62px;padding:8px}.path-screen .compact-materials .file-kind{width:30px;height:34px;border-radius:6px}.path-screen .compact-materials .file-kind svg{width:13px;height:13px}.path-screen .compact-materials .file-kind b{font-size:7.5px}.path-screen .compact-materials span{font-size:11px}.path-screen .compact-materials small,.path-screen .compact-materials button>svg:last-child{display:none}.path-screen .completion-panel{grid-template-columns:38px 1fr}.path-screen .completion-panel .icon-badge{width:38px;height:38px}.path-screen .completion-panel h3{font-size:16px}.path-screen .completion-panel p{font-size:12px}.resources-screen .resource-search{grid-template-columns:18px 1fr;gap:8px;min-height:44px;margin-top:8px;padding:0 11px;border-radius:12px}.resources-screen .resource-search svg{width:18px;height:18px}.resources-screen .resource-search input{min-height:44px;font-size:12.2px}.kit-screen .resource-search{grid-template-columns:18px 1fr;gap:8px;min-height:36px;margin-top:8px;padding:0 11px;border-radius:12px}.kit-screen .resource-search svg{width:18px;height:18px}.kit-screen .resource-search input{min-height:32px;font-size:12.2px}.resources-screen .resource-types{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-top:8px}.resources-screen .resource-types button{min-height:44px;padding:0 4px;border-radius:9px;font-size:12px;line-height:1.12}.resources-screen .resource-tags{gap:6px;padding-top:6px}.resources-screen .resource-tags button{min-width:0;min-height:28px;padding:0 7px;border-radius:8px;font-size:10.5px;line-height:1.12}.resources-screen .resource-list{gap:7px;padding-top:8px}.resources-screen .resource-card{grid-template-columns:34px minmax(0,1fr) 36px 58px;gap:5px;min-height:80px;padding:8px 7px 8px 8px;border-radius:14px}.resources-screen .file-kind{grid-column:1;grid-row:1;width:34px;height:38px;border-radius:7px}.resources-screen .resource-copy{grid-column:2;grid-row:1;min-width:0;padding-right:0}.resources-screen .file-kind svg{width:14px;height:14px}.resources-screen .file-kind b{font-size:8.5px}.resources-screen .resource-copy h3{display:-webkit-box;overflow:hidden;font-size:13.2px;line-height:1.16;overflow-wrap:normal;word-break:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.resources-screen .resource-copy p{display:-webkit-box;margin-top:2px;overflow:hidden;font-size:9.8px;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:1}.resources-screen .star-button{grid-column:3;grid-row:1;width:36px;min-width:36px;height:44px}.resources-screen .star-button svg{width:18px;height:18px}.resources-screen .resource-actions{grid-column:4;grid-row:1;grid-template-columns:minmax(0,1fr);align-self:center}.resources-screen .open-button{min-height:44px;padding:0 3px;border-radius:12px;font-size:10px}.resources-screen .open-button svg,.resources-screen .related-button svg{width:12px;height:12px}.resources-screen .recent-panel{gap:8px;margin-top:8px;padding:8px;border-radius:17px}.resources-screen .recent-panel h3{font-size:14.5px;line-height:1.1}.resources-screen .recent-panel>button{min-height:44px;font-size:10px}.resources-screen .recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.resources-screen .recent-grid button{grid-template-columns:28px minmax(0,1fr);gap:5px;min-height:44px;padding:6px;border-radius:10px}.resources-screen .recent-grid .file-kind{width:28px;height:32px;border-radius:6px}.resources-screen .recent-grid .file-kind svg{width:12px;height:12px}.resources-screen .recent-grid .file-kind b{font-size:7px}.resources-screen .recent-grid span{display:-webkit-box;overflow:hidden;font-size:9px;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}.resources-screen .recent-grid small{overflow:hidden;font-size:8px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:430px)and (hover:none)and (pointer:coarse){.value-screen .security-panel p{text-wrap:wrap;text-wrap-style:auto;white-space:normal;word-break:normal;overflow-wrap:normal}.kit-screen .role-card-head{grid-template-columns:38px minmax(0,1fr)}.kit-screen .role-card-copy{width:100%;min-width:0;max-width:none;justify-self:stretch}.kit-screen .role-card p{text-wrap:wrap}.kit-screen .scene-list{gap:8px}.kit-screen .scene-card{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:10px 11px}.kit-screen .scene-card:before{top:10px;bottom:10px}.kit-screen .scene-index{width:30px;height:30px;font-size:9px}.kit-screen .scene-card-head{margin-bottom:4px}.kit-screen .scene-card h3{font-size:15px;line-height:1.16}.kit-screen .scene-card p{font-size:12.2px;line-height:1.3;text-wrap:wrap}.kit-screen .scene-copy,.kit-screen .scene-card-head,.kit-screen .scene-card h3,.kit-screen .scene-card p{min-width:0;width:100%;max-width:none;justify-self:stretch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}