.landing-page-hero{background:radial-gradient(circle at 50% -12%,color-mix(in oklch,var(--primary) 12%,transparent),transparent 36%),linear-gradient(180deg,#f5faef,#eef6e9)}.landing-intent-showcase{background:radial-gradient(circle at 10% 12%,color-mix(in oklch,var(--primary) 5%,transparent),transparent 26%),var(--background)}.landing-intent-stage{background:#fffff9d1}.landing-reference-board,.landing-guidance-preview{background:linear-gradient(to right,color-mix(in oklch,var(--primary) 6%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--primary) 6%,transparent) 1px,transparent 1px),#f8fbf3;background-size:28px 28px}.landing-result-board{background:radial-gradient(circle at 50% 46%,color-mix(in oklch,var(--primary) 17%,transparent),transparent 34%),linear-gradient(145deg,#e8f4e4,#f3f8ed)!important}.landing-visual-badge{position:absolute;z-index:3;top:1.25rem;left:1.25rem;border:1px solid color-mix(in oklch,var(--primary) 11%,var(--border));border-radius:999px;padding:.35rem .7rem;color:var(--primary);background:#fffff9e6;box-shadow:0 10px 30px -24px #2d523f80;font-size:.66rem;font-weight:650;letter-spacing:.08em}.landing-reference-cell{box-shadow:inset 0 1px #ffffffb8,0 20px 50px -46px #2d523f73}.landing-reference-object:before{position:absolute;width:60%;height:60%;border:1px dashed color-mix(in oklch,var(--primary) 20%,transparent);border-radius:1.6rem;content:"";transform:rotate(10deg)}.landing-result-orbit{position:relative;width:min(300px,72vw);aspect-ratio:1}.landing-result-orbit>span{position:absolute;inset:50% auto auto 50%;width:78%;height:40%;border:1px solid color-mix(in oklch,var(--primary) 24%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(22deg)}.landing-result-orbit>span:nth-child(2){width:64%;height:64%;border-color:color-mix(in oklch,var(--selection) 20%,transparent);transform:translate(-50%,-50%) rotate(68deg)}.landing-result-orbit>span:nth-child(3){width:90%;height:28%;opacity:.55;transform:translate(-50%,-50%) rotate(-16deg)}.landing-result-core{position:absolute;top:50%;left:50%;display:flex;width:96px;height:96px;align-items:center;justify-content:center;border:1px solid color-mix(in oklch,var(--primary) 18%,var(--border));border-radius:2rem;background:linear-gradient(145deg,color-mix(in oklch,var(--primary) 9%,white),#fbfff7);box-shadow:0 30px 70px -38px color-mix(in oklch,var(--primary) 35%,transparent),inset 0 1px #ffffffbf;transform:translate(-50%,-50%) rotate(12deg)}.landing-mini-source{background:linear-gradient(to right,color-mix(in oklch,var(--primary) 5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--primary) 5%,transparent) 1px,transparent 1px),#f9fbf4;background-size:22px 22px}.landing-mini-result{background:radial-gradient(circle at 50% 50%,color-mix(in oklch,var(--primary) 13%,transparent),transparent 40%),#edf6e8}.landing-mini-orbit{position:relative;display:flex;width:72px;height:72px;align-items:center;justify-content:center;color:var(--primary)}.landing-mini-orbit span{position:absolute;width:62px;height:30px;border:1px solid color-mix(in oklch,var(--primary) 24%,transparent);border-radius:50%;transform:rotate(28deg)}.landing-mini-orbit span:nth-child(2){width:50px;height:50px;opacity:.65;transform:rotate(72deg)}.landing-mini-orbit-2{transform:rotate(8deg)}.landing-mini-orbit-3{transform:rotate(-10deg)}.landing-example-mini,.landing-benefit-card,.landing-use-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.landing-example-mini:hover,.landing-benefit-card:hover,.landing-use-card:hover{border-color:color-mix(in oklch,var(--primary) 24%,var(--border));box-shadow:0 28px 72px -54px #2d523f80;transform:translateY(-2px)}.landing-overview{background:color-mix(in oklch,var(--background) 68%,#eef7e8 32%)}.landing-benefit-effect{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 20%,color-mix(in oklch,var(--primary) 16%,transparent),transparent 32%),#f4f9ef}.landing-benefit-effect:before,.landing-benefit-effect:after{position:absolute;border:1px solid color-mix(in oklch,var(--primary) 18%,transparent);content:""}.landing-benefit-effect:before{top:18px;left:22px;width:68px;height:42px;border-radius:14px;transform:rotate(-7deg)}.landing-benefit-effect:after{top:28px;left:64px;width:76px;height:34px;border-radius:50%;transform:rotate(22deg)}.landing-benefit-effect-2:before,.landing-benefit-effect-4:before{border-radius:50%}.landing-use-cases{background:var(--background)}.landing-use-visual{background:radial-gradient(circle at 50% 46%,color-mix(in oklch,var(--primary) 15%,transparent),transparent 36%),linear-gradient(145deg,#edf6e8,#f8faf1)}.landing-use-visual-2,.landing-use-visual-4{background:radial-gradient(circle at 50% 46%,color-mix(in oklch,var(--selection) 12%,transparent),transparent 36%),linear-gradient(145deg,#f0f6e8,#fbfaf1)}.landing-guidance{background:color-mix(in oklch,var(--background) 70%,#edf6e8 30%)}.landing-answer-section{background:radial-gradient(circle at 88% 16%,color-mix(in oklch,var(--primary) 5%,transparent),transparent 26rem),var(--background)}.landing-progression-section{background:color-mix(in oklch,var(--background) 72%,#eef7e8 28%)}.landing-progression-rail{position:relative}.landing-progression-rail:before{position:absolute;top:42px;left:12%;right:12%;height:1px;content:"";background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--primary) 26%,var(--border)),transparent)}.landing-progression-card{position:relative;z-index:1}.landing-progression-visual{position:relative;overflow:hidden;background:linear-gradient(to right,color-mix(in oklch,var(--primary) 7%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--primary) 7%,transparent) 1px,transparent 1px),linear-gradient(145deg,#f5faef,#edf6e9);background-size:22px 22px}.landing-progression-visual span{position:absolute;top:50%;left:50%;display:block;border:1px solid color-mix(in oklch,var(--primary) 26%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(-10deg)}.landing-progression-visual span:nth-child(1){width:72px;height:34px}.landing-progression-visual span:nth-child(2){width:52px;height:52px;transform:translate(-50%,-50%) rotate(58deg)}.landing-progression-visual span:nth-child(3){width:22px;height:22px;border:0;border-radius:7px;background:linear-gradient(145deg,color-mix(in oklch,var(--primary) 68%,white),color-mix(in oklch,var(--selection) 28%,white));box-shadow:0 10px 24px -12px color-mix(in oklch,var(--primary) 42%,transparent);transform:translate(-50%,-50%) rotate(18deg)}.landing-comparison-section{background:radial-gradient(circle at 18% 12%,color-mix(in oklch,var(--selection) 4%,transparent),transparent 28rem),var(--background)}.landing-deep-dive-section{background:color-mix(in oklch,var(--background) 78%,#f2f7ec 22%)}@media(max-width:1023px){.landing-progression-rail:before{display:none}}@media(prefers-reduced-motion:reduce){.landing-example-mini,.landing-benefit-card,.landing-use-card{transition:none;transform:none}}