.of-gradient{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,transparent 0%,rgb(217 95 59 / .05) 100%);pointer-events:none}.of-label{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--color-coral-light);margin-bottom:16px}.of-heading{font-family:var(--font-display);font-size:clamp(28px, 3.5vw, 40px);font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.015em}.of-sub{font-size:17px;color:rgb(255 255 255 / .6);font-weight:300;margin-bottom:48px;max-width:540px}.of-items{list-style:none;margin:0 0 48px;padding:0}.of-item{padding:20px 0;border-bottom:1px solid rgb(255 255 255 / .07);display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start}.of-item:first-child{border-top:1px solid rgb(255 255 255 / .07)}.of-icon{width:44px;height:44px;border-radius:12px;background:rgb(217 95 59 / .12);display:flex;align-items:center;justify-content:center;color:var(--color-coral-light);flex-shrink:0}.of-item-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:#fff;margin-bottom:4px}.of-item-desc{font-size:14px;color:rgb(255 255 255 / .5);font-weight:300;line-height:1.6}.of-price{font-family:var(--font-display);font-size:48px;font-weight:700;color:#fff;margin-bottom:4px}.of-price-note{font-size:14px;color:rgb(255 255 255 / .5);font-weight:300;margin-bottom:28px}.of-price-block{text-align:center}.of-guarantee{font-size:14px;color:rgb(255 255 255 / .45);font-weight:300;margin-top:20px;font-style:italic;margin-left:auto;margin-right:auto}.of-section{overflow-x:clip}.of-layout-above .of-layout-content{width:100%}.of-layout-left,.of-layout-right{display:flex;gap:56px;align-items:flex-start}.of-layout-left .of-layout-visual,.of-layout-right .of-layout-visual{flex:0 0 260px;display:flex;align-items:flex-start;justify-content:center;position:sticky;top:100px;align-self:flex-start}.of-layout-left .of-layout-content,.of-layout-right .of-layout-content{flex:1 1 auto;min-width:0}.of-layout-left .of-box-scene,.of-layout-right .of-box-scene{margin-bottom:0;height:auto}.of-box-scene{perspective:900px;display:flex;align-items:center;justify-content:center;width:100%;height:280px;margin-bottom:48px}.of-box3d{width:170px;height:240px;position:relative;transform-style:preserve-3d;animation:of-tilt 11s ease-in-out infinite}.of-layout-right .of-box3d{animation-name:of-tilt-left}@keyframes of-tilt{0%,100%{transform:rotateX(-16deg) rotateY(26deg)}50%{transform:rotateX(-16deg) rotateY(42deg)}}@keyframes of-tilt-left{0%,100%{transform:rotateX(-16deg) rotateY(-26deg)}50%{transform:rotateX(-16deg) rotateY(-42deg)}}.of-face{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;backface-visibility:visible}.of-f-front{width:170px;height:240px;background:var(--color-accent);transform:translateZ(18px)}.of-f-back{width:170px;height:240px;background:var(--color-coral-dark,#B84D2C);transform:rotateY(180deg) translateZ(18px)}.of-f-right{width:36px;height:240px;background:var(--color-coral-dark,#B84D2C);transform:rotateY(90deg) translateZ(152px)}.of-f-left{width:36px;height:240px;background:var(--color-coral-dark,#B84D2C);transform:rotateY(-90deg) translateZ(18px)}.of-f-top{width:170px;height:36px;background:var(--color-coral-light,#F2B49C);transform:rotateX(90deg) translateZ(222px);bottom:0}.of-f-bottom{width:170px;height:36px;background:var(--color-coral-dark,#B84D2C);transform:rotateX(-90deg) translateZ(18px)}.of-front-inner{display:flex;flex-direction:column;padding:18px;width:100%;height:100%;gap:8px}.of-box-brand{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:rgb(255 255 255 / .75)}.of-box-title{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.3;color:#fff}.of-box-divider{height:1px;background:rgb(255 255 255 / .28);margin:2px 0}.of-box-preview{display:flex;flex-direction:column;gap:4px;flex:1}.of-bprow{display:flex;align-items:center;gap:6px}.of-bpdot{width:5px;height:5px;border-radius:50%;background:rgb(255 255 255 / .7);flex-shrink:0}.of-bplbl{font-size:8.5px;color:rgb(255 255 255 / .85);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-box-tag{display:inline-block;align-self:flex-start;font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;background:rgb(255 255 255 / .18);color:#fff;padding:3px 8px;border-radius:10px}.of-spine-inner{padding:6px}.of-spine-lbl{font-size:8px;font-weight:600;writing-mode:vertical-rl;transform:rotate(180deg);color:rgb(255 255 255 / .8);letter-spacing:.05em;white-space:nowrap}.of-top-stripe{display:block;height:2px;width:70%;background:rgb(255 255 255 / .35);border-radius:1px}.of-icon{background:rgb(255 255 255 / .05);padding:4px}.of-icon>span{display:block;position:relative}.of-mini-ebook{width:24px;height:32px}.of-me-spine{position:absolute;left:0;top:1px;width:4px;height:30px;background:var(--color-coral-dark,#B84D2C);border-radius:1px 0 0 1px;display:block}.of-me-pages{position:absolute;right:-1px;top:1px;width:2px;height:30px;background:rgb(255 255 255 / .3);display:block}.of-me-cover{position:absolute;left:3px;top:0;width:21px;height:32px;background:var(--color-accent);border-radius:0 2px 2px 0;display:flex;flex-direction:column;gap:2px;padding:7px 4px}.of-me-line{display:block;height:1.5px;background:rgb(255 255 255 / .5);border-radius:1px}.of-me-line-s{width:65%}.of-mini-guide{width:26px;height:32px}.of-mg-s1{position:absolute;top:3px;left:2px;width:24px;height:29px;background:rgb(255 255 255 / .08);border-radius:2px;display:block}.of-mg-s2{position:absolute;top:1.5px;left:1px;width:24px;height:29px;background:rgb(255 255 255 / .14);border-radius:2px;display:block}.of-mg-body{position:relative;width:24px;height:29px;background:#fff;border-radius:2px;overflow:hidden;display:flex;flex-direction:column;padding:0}.of-mg-head{display:block;height:7px;background:var(--color-accent)}.of-mini-guide .of-mg-body>:not(.of-mg-head){display:block;height:1.5px;background:rgb(30 30 46 / .14);border-radius:1px;margin:3px 4px 0}.of-mg-line-s{max-width:65%}.of-mini-wb{width:24px;height:32px}.of-mw-spine{position:absolute;left:0;top:0;width:3px;height:32px;background:var(--color-coral-light,#F2B49C);border-radius:1px 0 0 1px;display:block}.of-mw-body{position:absolute;left:2px;top:0;width:22px;height:32px;background:var(--color-accent);border-radius:0 2px 2px 0;padding:4px 3px;display:flex;flex-direction:column;gap:2px}.of-mw-tag{display:block;height:2px;width:60%;background:rgb(255 255 255 / .5);border-radius:1px}.of-mw-line{display:block;height:1.5px;background:rgb(255 255 255 / .35);border-radius:1px}.of-mw-field{display:block;height:5px;border:.5px solid rgb(255 255 255 / .4);border-radius:1px;margin-top:auto}.of-mw-field+.of-mw-field{margin-top:2px}.of-mini-cl{width:26px;height:32px;background:#fff;border-radius:2px;overflow:hidden;padding:0 3px 3px}.of-mc-bar{display:block;height:4px;background:var(--color-accent);margin:0 -3px 4px}.of-mc-row{display:flex;align-items:center;gap:3px;margin-bottom:2.5px}.of-mc-chk{display:block;width:4px;height:4px;border:.5px solid var(--color-accent);border-radius:.5px;flex-shrink:0}.of-mc-line{display:block;height:2px;flex:1;background:rgb(30 30 46 / .14);border-radius:1px}.of-mc-line-s{max-width:65%}.of-mini-tk{width:26px;height:32px;background:#fff;border-radius:2px;overflow:hidden;padding:0 3px 3px}.of-tk-bar{display:block;height:4px;background:var(--color-accent);margin:0 -3px 4px}.of-tk-row{display:flex;align-items:center;gap:3px;margin-bottom:2.5px}.of-tk-dot{display:block;width:3px;height:3px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.of-tk-line{display:block;height:2px;flex:1;background:rgb(30 30 46 / .14);border-radius:1px}.of-tk-line-s{max-width:65%}.of-mini-sw{width:26px;height:32px;background:#fff;border-radius:2px;overflow:hidden}.of-sw-head{display:block;height:9px;background:var(--color-accent)}.of-mini-sw>.of-sw-row{display:flex;align-items:center;gap:2px;margin:2.5px 3px 0}.of-sw-num{font-size:5px;font-weight:700;color:var(--color-accent);min-width:7px}.of-sw-line{display:block;height:2px;flex:1;background:rgb(30 30 46 / .14);border-radius:1px}.of-sw-line-s{max-width:65%}.of-mini-cv{width:30px;height:32px;border-radius:2px;overflow:hidden;border:.5px solid rgb(255 255 255 / .3)}.of-cv-screen{display:flex;align-items:center;justify-content:center;height:22px;background:var(--color-coral-dark,#B84D2C)}.of-cv-play{display:flex;align-items:center;justify-content:center;width:11px;height:11px;border-radius:50%;background:rgb(255 255 255 / .25);border:1px solid rgb(255 255 255 / .6)}.of-cv-tri{display:block;width:0;height:0;border-style:solid;border-width:2.5px 0 2.5px 4px;border-color:#fff0 #fff0 #fff0 #fff;margin-left:1px}.of-cv-base{display:flex;align-items:center;gap:2px;height:10px;padding:0 3px;background:rgb(255 255 255 / .08)}.of-cv-dot{display:block;width:3px;height:3px;border-radius:50%;background:var(--color-accent)}.of-cv-dot-off{background:rgb(255 255 255 / .25)}@media (max-width:860px){.of-layout-left,.of-layout-right{flex-direction:column;gap:32px}.of-layout-left .of-layout-visual,.of-layout-right .of-layout-visual{flex:0 0 auto;width:100%}.of-layout-left .of-box-scene,.of-layout-right .of-box-scene{height:280px}}@media (max-width:640px){.of-item{grid-template-columns:1fr}.of-icon{display:none}.of-box-scene{height:260px;margin-bottom:32px}}