:root{--leather: #3d2415;--leather-light: #5a3a24;--leather-dark: #2a1a0e;--leather-edge: #4e2e1a;--gold-accent: #c9a84c;--gold-dim: #a88a3d;--gold-bright: #dbb856;--parchment: #e8d5b0;--parchment-warm: #dcc69e;--parchment-light: #f0e2c4;--parchment-edge: #d4be96;--paper-white: #f2e8d0;--ink-dark: #1a0f06;--ink-med: #3d2a18;--ink-light: #5a4530;--ink-faint: #8a7560;--ruled-line: rgba(140,115,80,.18);--margin-line: rgba(165,80,60,.14);--desk: #6b5d4f;--desk-light: #7d6e5e;--accent-control: #c89b6e;--accent-crm: #7a9e8e;--accent-practice: #b07070;--accent-ai: #7a869e;--accent-portal: #c4956a;--accent-integrations: #708090;--accent-saas: #5a8a6e;--overdue: #a85a48;--active: #5a7a5e;--binding-width: 20px;--ornament-size: 70px;--curl-size: 40px;--open-duration: 1.4s;--flip-duration: 1.2s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Lora,Georgia,serif;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-linear-gradient(88deg,transparent,transparent 80px,rgba(0,0,0,.03) 80px,rgba(0,0,0,.03) 81px),repeating-linear-gradient(88deg,transparent,transparent 200px,rgba(0,0,0,.02) 200px,rgba(0,0,0,.02) 201px),linear-gradient(165deg,var(--desk-light) 0%,var(--desk) 50%,#5a4d40 100%)}#book-scene{width:min(97vw,2400px);height:97vh;height:97dvh;position:relative}#leather-cover{width:100%;height:100%;position:relative;border-radius:6px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--leather-light) 0%,var(--leather) 30%,var(--leather-dark) 70%,var(--leather) 100%);padding:10px 6px 12px;overflow:visible;box-shadow:0 25px 50px #00000073,0 8px 16px #0000004d,0 2px 4px #0003,inset 0 1px #ffffff0d,inset 0 -1px #0000004d}#leather-cover:after{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 0% 0%,rgba(255,230,180,.06) 0%,transparent 25%),radial-gradient(ellipse at 100% 0%,rgba(255,230,180,.05) 0%,transparent 20%),radial-gradient(ellipse at 0% 100%,rgba(255,230,180,.04) 0%,transparent 20%),radial-gradient(ellipse at 100% 100%,rgba(255,230,180,.05) 0%,transparent 25%)}.corner-ornament{position:absolute;width:var(--ornament-size, 70px);height:var(--ornament-size, 70px);z-index:10;pointer-events:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25)) drop-shadow(0 -.5px 0 rgba(255,230,150,.12))}.corner-ornament svg{width:100%;height:100%}.corner-tl{top:4px;left:4px}.corner-tr{top:4px;right:4px;transform:scaleX(-1)}.corner-bl{bottom:6px;left:4px;transform:scaleY(-1)}.corner-br{bottom:6px;right:4px;transform:scale(-1)}#leather-cover:before{content:"";position:absolute;inset:8px 8px 10px;border:1.5px solid var(--gold-dim);border-radius:3px;opacity:.55;pointer-events:none;z-index:5;filter:drop-shadow(0 .5px 0 rgba(0,0,0,.3)) drop-shadow(0 -.5px 0 rgba(255,230,150,.15));box-shadow:inset 0 0 2px #c9a84c1a}#open-book{width:100%;height:100%;display:flex;border-radius:3px;overflow:hidden;position:relative}#left-page-edge{width:3px;flex-shrink:0;position:relative;transition:width .8s ease;background:repeating-linear-gradient(0deg,var(--parchment-light) 0px,var(--parchment-light) .8px,var(--parchment-edge) .8px,var(--parchment-edge) 1.3px,var(--parchment) 1.3px,var(--parchment) 2px);box-shadow:inset -2px 0 6px #00000026;border-radius:2px 0 0 2px}#left-page-edge:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,transparent 70%);border-radius:2px 0 0 2px}#right-page-edge{width:14px;flex-shrink:0;position:relative;transition:width .8s ease;background:repeating-linear-gradient(0deg,var(--parchment-light) 0px,var(--parchment-light) .8px,var(--parchment-edge) .8px,var(--parchment-edge) 1.3px,var(--parchment) 1.3px,var(--parchment) 2px);box-shadow:inset 2px 0 6px #00000026;border-radius:0 2px 2px 0}#right-page-edge:before{content:"";position:absolute;inset:0;background:linear-gradient(-90deg,rgba(201,168,76,.08) 0%,transparent 60%);pointer-events:none}#right-page-edge:after{content:"";position:absolute;inset:0;background:linear-gradient(-90deg,rgba(0,0,0,.1) 0%,transparent 70%);border-radius:0 2px 2px 0}#flipbook{flex:1;position:relative;z-index:2}#binding-overlay{position:absolute;top:12px;bottom:14px;left:50%;width:var(--binding-width, 20px);transform:translate(-50%);z-index:15;pointer-events:none;background:linear-gradient(90deg,#321e0f26,#140c0680,#321e0f26)}#binding-overlay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0px,transparent 8px,rgba(201,168,76,.25) 8px,rgba(201,168,76,.25) 10px);pointer-events:none}#binding-overlay:after{content:"";position:absolute;top:0;bottom:0;left:-30px;width:calc(100% + 60px);background:linear-gradient(90deg,transparent 0%,rgba(30,18,10,.06) 10%,rgba(30,18,10,.12) 20%,transparent 50%,rgba(30,18,10,.12) 80%,rgba(30,18,10,.06) 90%,transparent 100%);pointer-events:none}.page{padding:30px 32px 30px 36px;overflow-y:auto;position:relative;background-color:var(--parchment)}.page-left{padding:30px 36px 50px;box-shadow:inset -12px 0 18px -10px #321e0f1a}.page-right{padding:30px 32px 50px 36px;box-shadow:inset 12px 0 18px -10px #321e0f1a}.page:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page:after{content:"";position:absolute;bottom:20px;width:280px;height:230px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 340'%3E%3Cdefs%3E%3Cstyle%3Etext%7Bfont-family:Georgia,'Times New Roman',serif%7D%3C/style%3E%3C/defs%3E%3C!-- Top ornament --%3E%3Cpath d='M130,70 Q145,58 160,65 Q170,55 185,62 L200,52 L215,62 Q230,55 240,65 Q255,58 270,70' stroke='%235a4530' fill='none' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M150,70 Q165,62 175,68 L200,56 L225,68 Q235,62 250,70' stroke='%235a4530' fill='none' stroke-width='0.8' stroke-linecap='round'/%3E%3C!-- Pen nib --%3E%3Cpath d='M197,78 L200,42 L203,78 Q200,82 197,78Z' fill='%235a4530'/%3E%3Cellipse cx='200' cy='82' rx='6' ry='3' fill='%235a4530'/%3E%3Cpath d='M194,82 Q192,95 194,100 L200,105 L206,100 Q208,95 206,82' fill='%235a4530'/%3E%3C!-- Book shape under pen --%3E%3Cpath d='M165,100 L235,100 Q238,100 238,103 L238,118 Q238,121 235,121 L165,121 Q162,121 162,118 L162,103 Q162,100 165,100Z' fill='none' stroke='%235a4530' stroke-width='1.5'/%3E%3Cline x1='164' y1='115' x2='236' y2='115' stroke='%235a4530' stroke-width='0.6'/%3E%3Cline x1='164' y1='118' x2='236' y2='118' stroke='%235a4530' stroke-width='0.4'/%3E%3C!-- Decorative divider top --%3E%3Cline x1='90' y1='145' x2='175' y2='145' stroke='%235a4530' stroke-width='0.8'/%3E%3Cline x1='225' y1='145' x2='310' y2='145' stroke='%235a4530' stroke-width='0.8'/%3E%3Ccircle cx='200' cy='145' r='3' fill='%235a4530'/%3E%3Ccircle cx='185' cy='145' r='1.5' fill='%235a4530'/%3E%3Ccircle cx='215' cy='145' r='1.5' fill='%235a4530'/%3E%3C!-- Main text --%3E%3Ctext x='200' y='185' text-anchor='middle' font-size='36' font-weight='700' letter-spacing='3' fill='%235a4530'%3ESKYNERD%3C/text%3E%3C!-- Divider line --%3E%3Cline x1='105' y1='200' x2='295' y2='200' stroke='%235a4530' stroke-width='0.7'/%3E%3C!-- Sub text --%3E%3Ctext x='200' y='228' text-anchor='middle' font-size='20' letter-spacing='10' fill='%235a4530'%3ECONTROL%3C/text%3E%3C!-- Bottom ornament --%3E%3Cline x1='105' y1='245' x2='295' y2='245' stroke='%235a4530' stroke-width='0.7'/%3E%3Cpath d='M155,252 Q170,258 180,255 Q190,262 200,258 Q210,262 220,255 Q230,258 245,252' stroke='%235a4530' fill='none' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M196,260 L200,268 L204,260' stroke='%235a4530' fill='none' stroke-width='0.8'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.13;pointer-events:none;z-index:100;mix-blend-mode:multiply;filter:blur(.2px) drop-shadow(1px 1px 0px rgba(255,250,240,.5)) drop-shadow(-.5px -.5px 0px rgba(60,40,20,.15))}.page-left:after{left:15px}.page-right:after{right:15px}.corner-curl{position:absolute;bottom:0;right:0;width:var(--curl-size, 40px);height:var(--curl-size, 40px);background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.04) 50%,rgba(0,0,0,.06) 60%,var(--parchment-edge) 60%);pointer-events:auto;cursor:pointer;z-index:2;transition:all .3s ease}.corner-curl:hover{transform:perspective(200px) rotateX(8deg) rotateY(-8deg);box-shadow:-3px -3px 8px #00000026}.page-lined{background-color:var(--parchment);background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,var(--ruled-line) 27px,var(--ruled-line) 28px),linear-gradient(90deg,transparent 39px,var(--margin-line) 39px,var(--margin-line) 40px,transparent 40px)}.page-white{background-color:var(--paper-white)}.wash-control{background-image:radial-gradient(ellipse at 70% 30%,rgba(200,155,110,.07) 0%,transparent 60%)}.wash-crm{background-image:radial-gradient(ellipse at 30% 70%,rgba(122,158,142,.06) 0%,transparent 60%)}.wash-practice{background-image:radial-gradient(ellipse at 60% 40%,rgba(176,112,112,.06) 0%,transparent 60%)}.wash-ai{background-image:radial-gradient(ellipse at 40% 60%,rgba(122,134,158,.06) 0%,transparent 60%)}.wash-portal{background-image:radial-gradient(ellipse at 55% 35%,rgba(196,149,106,.06) 0%,transparent 60%)}.wash-integrations{background-image:radial-gradient(ellipse at 35% 65%,rgba(112,128,144,.06) 0%,transparent 60%)}.wash-saas{background-image:radial-gradient(ellipse at 45% 55%,rgba(90,138,110,.06) 0%,transparent 60%)}.stf__parent{width:100%!important;height:100%!important}.stf__item .page{transition:none!important}.stf__item{transition:none!important;pointer-events:auto!important}.page-num{position:absolute;bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-faint)}.page-num-left{left:30px}.page-num-right{right:30px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}#front-cover{position:absolute;inset:0;z-index:100;border-radius:6px;display:flex;align-items:center;justify-content:center;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--leather-light) 0%,var(--leather) 30%,var(--leather-dark) 70%,var(--leather) 100%);box-shadow:0 25px 50px #00000073,0 8px 16px #0000004d,inset 0 1px #ffffff0d;transform-origin:left center;pointer-events:none;opacity:1}.cover-title{text-align:center;pointer-events:none}#book-scene:not(.closed) #front-cover{display:none}#book-scene.closed #leather-cover{opacity:0}#book-scene.closed.opening #front-cover{animation:openCover var(--open-duration, 1.4s) cubic-bezier(.25,.46,.45,.94) .6s forwards}#book-scene.closed.opening #leather-cover{animation:fadeInBook .5s ease 1.2s forwards}@keyframes openCover{0%{transform:rotateY(0);opacity:1}60%{opacity:1}to{transform:rotateY(-180deg);opacity:0}}@keyframes fadeInBook{0%{opacity:0}to{opacity:1}}@media(max-width:1100px){:root{--ornament-size: 50px}#book-scene{width:99vw;height:96vh;height:96dvh}}@media(max-width:1366px)and (min-width:768px){#leather-cover{padding:8px 4px 10px}.page{padding:24px 26px 24px 30px}.page-left{padding:24px 30px 42px}.page-right{padding:24px 26px 42px 30px}.corner-ornament{width:50px;height:50px}}@media(max-width:1024px)and (orientation:portrait){#book-scene{width:99vw;height:98vh;height:98dvh}#leather-cover{padding:6px 3px 8px}#left-page-edge,#right-page-edge{width:4px}#binding-overlay{display:none}.page{padding:20px 20px 20px 24px}.page-left{padding:20px 24px 36px}.page-right{padding:20px 20px 36px 24px}.corner-ornament{width:36px;height:36px}.corner-curl{width:30px;height:30px}.page:after{width:180px;height:150px;opacity:.08}#section-tabs{right:-20px}.section-tab{width:20px;font-size:7.5px}.section-tab i{font-size:8px}}@media(min-height:900px){.page{padding:36px 40px 36px 44px}.page-left{padding:36px 44px 56px}.page-right{padding:36px 40px 56px 44px}}@media(min-height:1200px){.page{padding:44px 48px 44px 52px}.page-left{padding:44px 52px 64px}.page-right{padding:44px 48px 64px 52px}}@media(min-width:2560px){#book-scene{width:min(95vw,3200px)}}