/* KitaNaikin Our Framework — unique compositions per pillar; external CSS for CSP */
.of-page{overflow:clip;background:#f7f8f3;color:#102d25}.of-wrap,.of-explorer>.content-shell{max-width:1280px;margin:auto}.of-hero{background:#102d25;color:#fff;padding:clamp(3.5rem,7vw,6rem) 1.25rem 2rem;border-radius:0 0 32px 32px}.of-eyebrow{display:flex;align-items:center;gap:.7rem;color:#c6f36b;font-size:.67rem;font-weight:800;letter-spacing:.17em}.of-eyebrow i,.of-vfoot i{width:7px;height:7px;border-radius:50%;background:#c6f36b;display:inline-block}.of-hero-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:3.5rem;align-items:end;margin-top:1.5rem}.of-hero h1{max-width:850px;font-size:clamp(3rem,6vw,5.8rem);line-height:.98;letter-spacing:-.065em}.of-hero h1 em{font-style:normal;color:#c6f36b}.of-hero-copy{max-width:490px}.of-hero-copy p{font-size:1.04rem;line-height:1.8;color:#ffffffa8}.of-hero-copy a{display:inline-flex;gap:.7rem;margin-top:1.2rem;color:#c6f36b;font-weight:800;font-size:.88rem}.of-hero-foot{display:flex;justify-content:space-between;gap:1rem;margin-top:3.2rem;padding-top:1rem;border-top:1px solid #ffffff25;color:#ffffff70;font-size:.59rem;font-weight:800;letter-spacing:.14em}.of-hero-foot span:last-child{display:flex;align-items:center;gap:.7rem}.of-hero-foot i{width:25px;height:1px;background:#c6f36b}
.of-explorer{padding-top:4rem;padding-bottom:4rem}.of-intro{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.4rem}.of-intro h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.055em;margin-top:.6rem}.of-intro h2 span{color:#7a8a80}.of-intro>p{max-width:400px;color:#102d25a8;font-size:.9rem;line-height:1.75}.of-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.of-node{display:flex;min-width:0;min-height:158px;flex-direction:column;align-items:flex-start;text-align:left;padding:.9rem 1rem;border:1px solid #102d2520;border-radius:17px;background:#fff;color:#102d25;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.of-node:hover{transform:translateY(-2px);border-color:#102d2566}.of-node.active{background:#183d32;color:#fff;border-color:#183d32;box-shadow:0 10px 25px #102d2518}.of-node-meta,.of-node-foot{display:flex;width:100%;justify-content:space-between;align-items:center;gap:.4rem}.of-node-meta{font-size:.61rem;color:#102d257a;letter-spacing:.1em}.active .of-node-meta{color:#ffffff9c}.of-node-meta small{font-size:.52rem}.active .of-node-meta small{color:#c6f36b}.of-glyph{position:relative;display:block;width:27px;height:26px;margin:.65rem 0 .4rem;color:#71907d}.active .of-glyph{color:#c6f36b}.glyph-map i{position:absolute;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%}.glyph-map i:nth-child(1){left:0;top:2px}.glyph-map i:nth-child(2){right:0;top:0}.glyph-map i:nth-child(3){left:11px;bottom:0}.glyph-map:after{content:"";position:absolute;left:6px;top:7px;width:15px;height:10px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(25deg)}.glyph-search i{position:absolute;width:20px;height:20px;border:2px solid currentColor;border-radius:50%}.glyph-search:after{content:"";position:absolute;left:18px;top:18px;width:10px;height:2px;background:currentColor;transform:rotate(48deg)}.glyph-path i{position:absolute;left:0;top:0;width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.glyph-path i:nth-child(2){left:11px;top:12px}.glyph-path i:nth-child(3){left:22px;top:1px}.glyph-path:after{content:"";position:absolute;left:5px;top:7px;width:14px;height:9px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:skewY(28deg)}.glyph-growth i{position:absolute;bottom:0;width:5px;background:currentColor;border-radius:2px 2px 0 0}.glyph-growth i:nth-child(1){left:0;height:9px}.glyph-growth i:nth-child(2){left:9px;height:17px}.glyph-growth i:nth-child(3){left:18px;height:25px}.of-node>strong{font-size:1rem;line-height:1.15;letter-spacing:-.03em}.of-node-sub{font-size:.62rem;color:#102d2591;margin-top:.45rem}.active .of-node-sub{color:#ffffffa6}.of-node-foot{margin-top:auto;padding-top:.65rem;font-size:.5rem;font-weight:800;letter-spacing:.08em;color:#102d257a}.active .of-node-foot{color:#c6f36b}
.of-panel{overflow:hidden;border:1px solid #102d251c;border-radius:23px;background:#fff;box-shadow:0 15px 45px #102d250a;animation:of-enter .25s ease both}.of-panel[hidden]{display:none!important}@keyframes of-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.of-main{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(1.5rem,3vw,3rem);padding:clamp(1.25rem,2.5vw,2.25rem);align-items:stretch}.of-copy{display:flex;flex-direction:column;align-items:flex-start}.of-kicker{font-size:.59rem;font-weight:800;letter-spacing:.13em;color:#728478}.of-copy h3{margin-top:1.1rem;font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.02;letter-spacing:-.06em}.of-lead{margin-top:.9rem;color:#102d25a8;font-size:.88rem;line-height:1.8}.of-outcome{display:flex;gap:.7rem;margin-top:auto;padding-top:1.2rem}.of-outcome>b{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:50%;background:#edf5df;color:#183d32}.of-outcome p{font-size:.75rem;line-height:1.6;color:#102d25a8}.of-outcome strong{color:#183d32}.of-visual{position:relative;min-height:300px;overflow:hidden;border-radius:17px;background:#102d25;color:#fff}.of-vlabel,.of-vfoot{position:absolute;left:1rem;right:1rem;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:.5rem;color:#ffffff80;font-size:.49rem;font-weight:800;letter-spacing:.11em}.of-vlabel{top:.9rem}.of-vfoot{bottom:.9rem}.of-vfoot i{width:6px;height:6px;flex:0 0 auto}
.opportunity-visual{background:radial-gradient(ellipse at center,#254b3b,#102d25 70%)}.op-map{position:absolute;inset:3rem .7rem 2.3rem}.op-center{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-content:center;width:82px;height:82px;border:1px solid #c6f36b;border-radius:50%;background:#183d32;box-shadow:0 0 0 8px #c6f36b10;color:#ffffffa6;text-align:center;font-size:.5rem;letter-spacing:.1em;line-height:1.5;transform:translate(-50%,-50%)}.op-center b{font-size:.75rem;color:#c6f36b}.op-orbit{position:absolute;left:50%;top:50%;border:1px dashed #c6f36b38;border-radius:50%;transform:translate(-50%,-50%)}.op-orbit-a{width:170px;height:170px}.op-orbit-b{width:260px;height:220px;transform:translate(-50%,-50%) rotate(-20deg)}.op-tag{position:absolute;z-index:2;padding:.5rem .55rem;border:1px solid #ffffff25;border-radius:8px;background:#183d32f2;font-size:.55rem;white-space:nowrap}.op-tag b{color:#c6f36b;margin-right:.25rem}.tag-a{left:0;top:13%}.tag-b{right:0;top:23%}.tag-c{left:0;bottom:13%}.tag-d{right:0;bottom:10%}
.of-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.05fr);border-top:1px solid #102d2518}.of-bottom>div{min-width:0;padding:1.1rem 1.15rem;border-right:1px solid #102d2518}.of-bottom>div:last-child{border:0}.of-bottom small{display:block;margin-bottom:.55rem;color:#829187;font-size:.49rem;font-weight:800;letter-spacing:.1em}.of-bottom strong{display:block;font-size:.78rem;line-height:1.35}.of-bottom p{margin-top:.4rem;color:#102d2599;font-size:.65rem;line-height:1.55}.of-output{background:#f0f6e8}.of-output strong{color:#183d32}
.visibility-visual{display:flex;align-items:center;justify-content:center;padding:3rem 1.1rem 2.3rem;background:radial-gradient(ellipse at top right,#244a3b,#102d25 70%)}.serp{width:100%;max-width:440px;overflow:hidden;border-radius:12px;background:#f8faf6;color:#102d25;box-shadow:0 15px 40px #0003}.serp-bar{display:flex;align-items:center;gap:4px;padding:.5rem .7rem;background:#edf1e9}.serp-bar i{width:5px;height:5px;border-radius:50%;background:#b6c1b7}.serp-bar span{margin-left:auto;color:#829086;font-size:.5rem}.serp-query{display:flex;align-items:center;gap:.5rem;margin:.6rem;padding:.5rem .65rem;border:1px solid #dce3d9;border-radius:24px;background:#fff;color:#8b968d;font-size:.55rem}.serp-query i{width:9px;height:9px;border:1px solid #839087;border-radius:50%}.serp-query b{margin-left:auto;color:#183d32}.serp-result{display:flex;flex-direction:column;gap:.28rem;margin:.35rem .7rem;padding:.55rem .65rem;border-radius:7px}.serp-result small{font-size:.49rem;color:#5b7d61}.serp-result strong{font-size:.68rem}.serp-result span{font-size:.53rem;color:#6f7c72}.serp-result.muted{opacity:.5}.serp-result.highlighted{background:#f0f7e8;border:1px solid #d5e6bf}.serp-result>b{align-self:flex-start;padding:.2rem .35rem;border-radius:4px;background:#dcefc4;color:#385b36;font-size:.46rem}.serp-insight{display:flex;align-items:center;gap:.55rem;margin:.55rem .7rem .7rem;padding:.6rem;border-radius:7px;background:#183d32;color:#fff}.serp-insight>i{width:7px;height:7px;border-radius:50%;background:#c6f36b}.serp-insight div{display:flex;flex:1;flex-direction:column;gap:.2rem}.serp-insight strong{font-size:.58rem}.serp-insight span{font-size:.5rem;color:#ffffff90}.serp-insight>b{color:#c6f36b}.of-signal-list{display:grid;gap:.45rem;margin-top:auto;padding-top:1.2rem;width:100%}.of-signal-list>div{display:grid;grid-template-columns:.7fr .8fr 1.3fr;align-items:center;gap:.3rem;padding:.6rem;border:1px solid #102d2518;border-radius:8px}.of-signal-list small{font-size:.48rem;font-weight:800;color:#7a8b80}.of-signal-list b{font-size:.67rem}.of-signal-list span{text-align:right;font-size:.55rem;color:#102d2599}
.conversion-visual{display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem 2.3rem;background:radial-gradient(ellipse at 55% 40%,#254b3b,#102d25 70%)}.journey{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.5rem}.journey-step{display:flex;flex-direction:column;align-items:flex-start;width:29%;min-height:137px;padding:.65rem .55rem;border:1px solid #ffffff2a;border-radius:10px;background:#ffffff0b}.journey-step small{font-size:.43rem;letter-spacing:.05em;color:#ffffff85}.journey-icon{display:grid;place-items:center;width:29px;height:29px;margin:.6rem 0 .45rem;border:1px solid #ffffff30;border-radius:7px;color:#c6f36b;font-size:1.1rem}.journey-step strong{font-size:.61rem;line-height:1.25}.journey-step span{margin-top:.25rem;color:#ffffff85;font-size:.49rem;line-height:1.4}.journey-page{border-color:#c6f36b80;background:#c6f36b0d}.journey-action{background:#c6f36b;color:#102d25;border-color:#c6f36b}.journey-action small,.journey-action span{color:#102d25a8}.journey-action .journey-icon{color:#102d25;border-color:#102d2533}.journey-arrow{color:#c6f36b;font-style:normal;font-size:.8rem}.page-glyph{position:relative}.page-glyph i{position:absolute;left:6px;width:14px;height:2px;background:currentColor}.page-glyph i:nth-child(1){top:8px}.page-glyph i:nth-child(2){top:13px}.page-glyph i:nth-child(3){top:18px;width:9px}.friction{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.65rem;border:1px dashed #ffffff30;border-radius:8px}.friction>i{width:18px;height:2px;background:#c6f36b}.friction div{display:flex;flex-direction:column;gap:.2rem}.friction b{font-size:.58rem;color:#c6f36b}.friction span{font-size:.51rem;color:#ffffff85}
.of-decision-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;width:100%;margin-top:auto;padding-top:1.2rem}.of-decision-list div{display:grid;grid-template-columns:7px 1fr;column-gap:.4rem;padding:.55rem .4rem;border:1px solid #102d2518;border-radius:8px}.of-decision-list i{grid-row:span 2;width:6px;height:6px;margin-top:.2rem;border-radius:50%}.of-decision-list .keep{background:#6d9a57}.of-decision-list .fix{background:#d49a55}.of-decision-list .test{background:#7793c5}.of-decision-list b{font-size:.6rem}.of-decision-list span{font-size:.48rem;color:#102d2599}.growth-visual{padding:3rem 1rem 2.3rem;background:radial-gradient(ellipse at 70% 15%,#244a3b,#102d25 70%)}.growth-board{display:grid;gap:.5rem}.growth-chart{padding:.7rem .75rem .45rem;border:1px solid #ffffff20;border-radius:10px;background:#ffffff08}.chart-title{display:flex;flex-direction:column;gap:.2rem}.chart-title span{font-size:.47rem;letter-spacing:.1em;color:#ffffff80}.chart-title strong{font-size:.66rem}.growth-chart svg{display:block;width:100%;height:100px;margin-top:.2rem}.chart-axis{display:flex;justify-content:space-between;font-size:.44rem;letter-spacing:.06em;color:#ffffff75}.growth-insight{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border:1px solid #c6f36b38;border-radius:9px;background:#c6f36b0c}.growth-insight>b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#c6f36b;color:#102d25}.growth-insight div{display:flex;flex-direction:column;gap:.2rem}.growth-insight small{font-size:.45rem;letter-spacing:.1em;color:#c6f36b}.growth-insight strong{font-size:.61rem}.growth-insight span{font-size:.5rem;line-height:1.4;color:#ffffff85}.growth-next{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:9px;background:#c6f36b;color:#102d25}.growth-next>small{max-width:40px;font-size:.45rem;line-height:1.3;font-weight:900}.growth-next div{display:flex;flex:1;flex-direction:column;gap:.2rem}.growth-next strong{font-size:.6rem}.growth-next span{font-size:.5rem;color:#102d25b0}.growth-next>b{font-size:1.2rem}
.of-loop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.2rem;border:1px solid #102d2518;border-radius:16px;background:#edf3e8}.of-loop>b{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#183d32;color:#c6f36b;font-size:1.4rem}.of-loop strong{font-size:.82rem}.of-loop p{margin-top:.25rem;color:#102d25a8;font-size:.7rem;line-height:1.6}.of-loop-flow{display:flex;align-items:center;gap:.35rem;font-size:.48rem;font-weight:900;letter-spacing:.04em;color:#4e6a57;white-space:nowrap}.of-cta-section{padding-top:0;padding-bottom:4rem}.of-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.6rem,4vw,3.2rem);border-radius:26px;background:#ffe6dc}.of-cta>div{max-width:700px}.of-cta h2{margin-top:.7rem;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;letter-spacing:-.055em}.of-cta p:not(.eyebrow){margin-top:.8rem;color:#102d25a8;font-size:.88rem;line-height:1.7}.of-cta .btn-primary{display:inline-flex;align-items:center;gap:.7rem;white-space:nowrap}
@media(min-width:1200px) and (min-height:800px){.of-hero{padding-top:3.7rem}.of-hero h1{font-size:5rem}.of-hero-foot{margin-top:2.4rem}.of-explorer{padding-top:3rem;padding-bottom:3rem}.of-intro{margin-bottom:1rem}.of-intro h2{font-size:3rem}.of-node{min-height:145px}.of-main{padding:1.6rem 1.8rem}.of-visual{min-height:275px}.of-bottom>div{padding:.9rem 1rem}.of-loop{padding:.8rem 1rem}}
@media(max-width:900px){.of-hero-grid{grid-template-columns:1fr;gap:1.4rem}.of-intro{align-items:flex-start;flex-direction:column;gap:.8rem}.of-intro>p{max-width:650px}.of-main{grid-template-columns:1fr}.of-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.of-bottom>div:nth-child(2){border-right:0}.of-bottom>div:nth-child(-n+2){border-bottom:1px solid #102d2518}.of-bottom>div:nth-child(3){border-bottom:0}.of-loop{grid-template-columns:auto 1fr}.of-loop-flow{grid-column:1/-1;flex-wrap:wrap}}
@media(max-width:600px){.of-hero{padding:3rem 1.1rem 1.5rem;border-radius:0 0 23px 23px}.of-hero h1{font-size:clamp(2.65rem,11.5vw,3.8rem)}.of-hero-copy p{font-size:.94rem}.of-hero-foot{margin-top:2.2rem;font-size:.47rem;letter-spacing:.08em}.of-explorer{padding-top:2.7rem;padding-bottom:2.7rem}.of-intro h2{font-size:2.25rem}.of-intro>p{font-size:.85rem}.of-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.of-node{min-height:142px;padding:.75rem;border-radius:14px}.of-node>strong{font-size:.97rem}.of-node-sub{font-size:.59rem}.of-node-foot{font-size:.47rem}.of-panel{border-radius:18px}.of-main{gap:1rem;padding:1rem}.of-copy h3{font-size:2.15rem;margin-top:.8rem}.of-lead{font-size:.83rem;line-height:1.7}.of-visual{min-height:285px;border-radius:13px}.of-vlabel,.of-vfoot{left:.7rem;right:.7rem;font-size:.42rem;letter-spacing:.07em}.op-map{inset:3rem .4rem 2.2rem}.op-center{width:70px;height:70px;font-size:.45rem}.op-orbit-a{width:140px;height:140px}.op-orbit-b{width:215px;height:190px}.op-tag{font-size:.46rem;padding:.4rem}.of-bottom>div{padding:.8rem .7rem}.of-bottom small{font-size:.44rem}.of-bottom strong{font-size:.72rem}.of-bottom p{font-size:.61rem}.of-signal-list>div{grid-template-columns:.65fr .75fr 1.3fr;padding:.5rem .4rem}.of-signal-list small{font-size:.44rem}.of-signal-list b{font-size:.6rem}.of-signal-list span{font-size:.49rem}.journey{gap:.15rem}.journey-step{width:30%;min-height:125px;padding:.55rem .35rem}.journey-step small{font-size:.39rem}.journey-step strong{font-size:.55rem}.journey-step span{font-size:.45rem}.journey-arrow{font-size:.65rem}.growth-chart svg{height:82px}.growth-next{gap:.4rem;padding:.5rem}.growth-next strong{font-size:.55rem}.growth-next span{font-size:.46rem}.growth-insight strong{font-size:.56rem}.of-loop{gap:.7rem;padding:.85rem}.of-loop>b{width:32px;height:32px}.of-loop strong{font-size:.77rem}.of-loop p{font-size:.66rem}.of-loop-flow{font-size:.44rem;gap:.25rem}.of-cta{align-items:flex-start;flex-direction:column;padding:1.4rem;border-radius:20px}.of-cta h2{font-size:2.15rem}.of-cta p:not(.eyebrow){font-size:.82rem}.of-cta .btn-primary{white-space:normal}}
@media(prefers-reduced-motion:reduce){.of-node,.of-panel{transition:none;animation:none}}