:root{--ink:#151411;--paper:#f5f0e7;--bone:#e8dfd1;--muted:#766f63;--line:#c9beae;--clay:#c77957;--clay-dark:#9d5338;--night:#1d1b18;--screen:#e0dfd5;--mono:"DM Mono",monospace;--sans:"DM Sans",system-ui,sans-serif;--serif:"Playfair Display",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans)}button,input,select{font:inherit}.pb-grain{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.progress-line{position:fixed;left:0;top:0;height:3px;width:0;z-index:50;background:var(--clay);transition:width .1s linear}
.pb-nav{height:82px;display:flex;align-items:center;gap:14px;justify-content:space-between;padding:0 clamp(24px,5vw,76px);position:absolute;top:0;left:0;right:0;z-index:10}.pb-wordmark{font-size:31px;line-height:1;text-decoration:none;letter-spacing:-1.8px;color:var(--ink);white-space:nowrap}.pb-wordmark strong{color:var(--clay);font-weight:700}.brand-prefix,.brand-suffix{display:inline-block;transform-origin:50% 50%;transition:transform .2s ease,opacity .16s ease}.brand-prefix.is-flipping,.brand-suffix.is-flipping{transform:rotateX(90deg) scale(.92);opacity:0}.pb-wordmark sup{font:500 8px var(--mono);vertical-align:top;margin-left:3px}.pb-nav nav{display:flex;gap:28px;margin-left:auto}.pb-nav nav a,.pb-footer>a:last-child{font:10px var(--mono);color:var(--ink);letter-spacing:.03em;text-decoration:none}.pb-nav nav a:hover,.pb-footer>a:last-child:hover{color:var(--clay)}.language-toggle{border:1px solid rgba(21,20,17,.3);background:rgba(245,240,231,.58);backdrop-filter:blur(12px);color:var(--ink);font:10px var(--mono);letter-spacing:.04em;padding:10px 11px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .25s ease,transform .25s ease}.language-toggle:hover{background:var(--paper);transform:translateY(-1px)}.language-toggle:active{transform:scale(.97)}.language-toggle i{font-style:normal;color:var(--clay);font-size:14px}.nav-reserve{border:0;background:var(--ink);color:var(--paper);font:500 10px var(--mono);letter-spacing:.04em;padding:12px 15px;cursor:pointer;transition:transform .25s ease,background .25s ease}.nav-reserve:active,.reserve-button:active,.form-submit:active{transform:scale(.98)}.nav-reserve:hover{background:var(--clay-dark)}
.pb-hero{min-height:100svh;padding:145px clamp(24px,8vw,124px) 58px;display:grid;grid-template-columns:minmax(330px,.82fr) minmax(420px,1.18fr);align-items:center;gap:25px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:575px}.kicker{font:10px var(--mono);letter-spacing:.11em;margin:0;text-transform:uppercase;color:#625b51}.kicker>span{height:7px;width:7px;border-radius:50%;display:inline-block;background:var(--clay);margin-right:8px}.hero-copy h1,.section-heading h2,.scroll-copy h2,.edition-intro h2,.reservation-copy h2{font-size:clamp(47px,6.1vw,96px);font-weight:500;letter-spacing:-.07em;line-height:.92;margin:21px 0 28px}.hero-copy h1 em,.section-heading h2 em,.edition-intro h2 em,.reservation-copy h2 em{font-family:var(--serif);font-weight:500;color:var(--clay)}.hero-lede{max-width:470px;font-size:17px;line-height:1.58;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.reserve-button{appearance:none;border:0;min-width:234px;background:var(--clay);color:#fff7ed;text-align:left;padding:13px 16px;display:grid;grid-template-columns:1fr auto;gap:2px 18px;cursor:pointer;box-shadow:6px 7px 0 var(--ink);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.reserve-button:hover{transform:translate(3px,3px);box-shadow:3px 4px 0 var(--ink);background:var(--clay-dark)}.reserve-button small{font:9px var(--mono);letter-spacing:.08em}.reserve-button strong{font-size:15px;letter-spacing:-.02em}.reserve-button b{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;font-weight:400}.quiet-link{font:11px var(--mono);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.quiet-link span{margin-left:5px}.credit-note{font-size:11px;line-height:1.4;color:#686054;margin:24px 0 0;max-width:350px}
.hero-device-scene{height:min(72vh,670px);min-height:500px;position:relative;display:grid;place-items:center;perspective:1100px;cursor:grab;touch-action:none;user-select:none}.hero-device-scene.is-dragging{cursor:grabbing}.device-instruction{position:absolute;top:12%;right:4%;z-index:3;margin:0;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.device-instruction span{color:var(--clay);font-size:17px}.orbit{position:absolute;border:1px solid rgba(21,20,17,.18);border-radius:50%;pointer-events:none}.orbit-a{width:min(74vw,650px);height:260px;transform:rotate(-21deg)}.orbit-b{width:min(55vw,475px);height:185px;transform:rotate(15deg);border-style:dashed}.device-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .45s cubic-bezier(.2,.7,.1,1)}.kitab-device{width:clamp(330px,40vw,525px);aspect-ratio:1.48;position:relative;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-21deg) rotateY(-6deg);filter:drop-shadow(0 35px 25px rgba(0,0,0,.25))}.device-front,.device-back{position:absolute;inset:0;border-radius:17px;background:#282723;transform-style:preserve-3d}.device-front{transform:translateZ(15px);border:5px solid #171715;box-shadow:inset 0 0 0 1px #6a6963}.device-back{transform:translateZ(-15px);background:#24231f;display:grid;place-items:center;color:#7d7a72;font:8px var(--mono);letter-spacing:.13em}.device-top-edge{position:absolute;z-index:3;left:8%;right:8%;top:-14px;height:30px;transform:rotateX(90deg) translateZ(15px);transform-origin:top;background:#46443e;border-radius:4px}.usb-port{position:absolute;width:45px;height:10px;border-radius:7px;background:#0c0c0b;left:50%;top:10px;transform:translateX(-50%);box-shadow:inset 0 0 0 2px #726e65}.device-top-edge i{position:absolute;top:-12px;left:calc(50% + 34px);font:7px var(--mono);font-style:normal;color:#58544d}.device-side{position:absolute;top:5%;bottom:5%;width:30px;background:#393833;transform:rotateY(90deg) translateZ(15px)}.device-left{left:-15px}.device-right{right:-15px}.back-vents{width:39%;height:30%;opacity:.4;background:repeating-linear-gradient(90deg,#111 0 3px,transparent 3px 8px)}.device-hotspot{position:absolute;border:0;padding:0;cursor:pointer;background:transparent}.hotspot-screen{inset:5.5%;border-radius:9px;background:var(--screen);overflow:hidden;box-shadow:inset 0 0 0 1px #98978d}.hotspot-screen:focus-visible,.hotspot-shell:focus-visible,.hotspot-port:focus-visible{outline:3px solid var(--clay);outline-offset:4px}.screen-ui{position:absolute;inset:0;padding:8% 9%;display:block;background-image:radial-gradient(rgba(0,0,0,.12) .45px,transparent .6px);background-size:4px 4px;text-align:left;color:#171715}.screen-topline{display:flex;justify-content:space-between;border-bottom:1px solid #77776f;padding-bottom:6px;font:7px var(--mono);font-style:normal;letter-spacing:.06em}.screen-topline b{color:#687d5a}.screen-ui>strong{display:block;font-weight:500;font-size:clamp(15px,2vw,25px);letter-spacing:-.065em;line-height:.98;margin:10% 0 0}.screen-ui svg{display:block;width:72%;margin:2% auto -1%;overflow:visible}.screen-ui svg path{fill:none;stroke:#242420;stroke-width:1.6}.screen-ui svg .dash{stroke-dasharray:4 3}.screen-ui svg text{font:10px var(--serif)}.screen-answer{position:absolute;bottom:8%;left:9%;right:9%;padding-top:6px;border-top:1px solid #87867e;display:flex;justify-content:space-between;font:7px var(--mono);font-style:normal}.hotspot-shell{inset:0;border-radius:17px;z-index:-1}.hotspot-port{width:64px;height:30px;top:-19px;left:calc(50% - 32px);z-index:5}.device-legend{position:absolute;bottom:2%;left:5%;z-index:3;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 12px;max-width:305px;background:rgba(245,240,231,.72);backdrop-filter:blur(12px);padding:11px 13px;border:1px solid rgba(21,20,17,.12);pointer-events:auto}.device-legend>span{grid-row:1/3;font:17px var(--serif);color:var(--clay)}.device-legend p{font-size:11px;font-weight:600;margin:0;line-height:1.2}.device-legend button{font:9px var(--mono);border:0;background:transparent;padding:4px 0 0;text-align:left;cursor:pointer;color:#504a40}.device-legend b{font-size:14px;font-weight:400;color:var(--clay)}
.parent-proof{background:var(--night);padding:clamp(90px,12vw,170px) clamp(24px,8vw,124px);color:var(--paper)}.section-heading{max-width:850px}.parent-proof .kicker{color:#bab3a6}.section-heading h2{margin-top:21px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:78px}.proof-card{min-height:490px;padding:25px;position:relative;overflow:hidden;display:flex;flex-direction:column}.focus-card{background:#d9d2c5;color:var(--ink)}.paper-card{background:#eee8dd;color:var(--ink)}.offline-card{background:var(--clay);color:#fff8f0}.card-number{font:10px var(--mono);letter-spacing:.1em}.proof-card h3{font-size:clamp(28px,3vw,46px);letter-spacing:-.06em;line-height:.94;font-weight:500;margin:50px 0 17px;max-width:320px}.proof-card p{font-size:13px;line-height:1.52;max-width:290px;margin:0}.proof-visual{margin-top:auto;height:115px;position:relative}.phone-contrast{border:3px solid #22211e;border-radius:19px;width:74px;height:126px;margin:20px auto -7px;background:#191918;transform:rotate(10deg);overflow:hidden}.phone-alert{position:absolute;right:-10px;top:11px;background:var(--clay);border-radius:50%;height:28px;width:28px;display:grid;place-items:center;color:white;font:9px var(--mono)}.phone-lines{margin:22px 12px;height:58px;background:repeating-linear-gradient(#777 0 4px,transparent 4px 12px)}.phone-contrast b{color:#86827a;font:8px var(--mono);position:absolute;bottom:12px;left:15px}.handwriting{border-bottom:1px solid #8c877e;background:repeating-linear-gradient(transparent 0 23px,rgba(60,56,49,.16) 24px);height:113px}.handwriting span{position:absolute;top:43px;left:23px;font:22px var(--serif);transform:rotate(-5deg)}.handwriting i{position:absolute;width:46px;height:10px;border-top:2px solid #33302a;border-radius:50%}.handwriting i:nth-child(1){left:170px;top:30px;transform:rotate(26deg)}.handwriting i:nth-child(2){left:200px;top:65px;transform:rotate(-12deg)}.handwriting i:nth-child(3){left:285px;top:32px;transform:rotate(15deg)}.local-signal{display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.6);height:112px}.local-signal b{font:21px var(--serif)}.local-signal i{height:2px;background:#fff9ef;display:block;position:absolute;bottom:25px}.local-signal i:nth-of-type(1){width:25px}.local-signal i:nth-of-type(2){width:55px;bottom:18px}.local-signal i:nth-of-type(3){width:85px;bottom:11px}.local-signal small{font:8px var(--mono);letter-spacing:.1em;margin-top:10px}
.scroll-device-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;padding:clamp(100px,15vw,190px) clamp(24px,8vw,124px);min-height:220vh;align-items:start;background:var(--bone)}.scroll-copy{position:sticky;top:75px;max-width:530px}.scroll-copy h2{font-size:clamp(43px,5.1vw,76px);margin-top:20px}.scroll-steps{display:grid;margin-top:55px;border-top:1px solid #afa495}.scroll-steps button{border:0;border-bottom:1px solid #afa495;background:transparent;text-align:left;padding:16px 0;display:grid;grid-template-columns:42px 1fr;gap:0 8px;cursor:pointer;color:#716b61;transition:padding .3s,color .3s}.scroll-steps button span{font:10px var(--mono);color:var(--clay);padding-top:3px}.scroll-steps button b{font-size:15px}.scroll-steps button p{grid-column:2;font-size:12px;line-height:1.4;margin:3px 0 0;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.scroll-steps button.active{padding-left:10px;color:var(--ink)}.scroll-steps button.active p{max-height:70px;opacity:1}.scroll-device-wrap{position:sticky;top:12vh;height:76vh;min-height:550px;display:grid;place-items:center;perspective:1100px}.learning-device{width:min(100%,620px);aspect-ratio:1.4;position:relative;background:#211f1b;border:12px solid #171613;border-radius:18px;box-shadow:18px 25px 0 rgba(47,42,35,.22),0 30px 35px rgba(0,0,0,.24);transform:rotateX(17deg) rotateZ(-3deg);transition:transform .65s cubic-bezier(.2,.7,.1,1)}.learning-device:hover{transform:rotateX(2deg) rotateZ(0deg) rotateY(-2deg)}.learning-screen{position:absolute;inset:13px;background:#e1e0d7;overflow:hidden;background-image:radial-gradient(rgba(0,0,0,.10) .45px,transparent .65px);background-size:4px 4px;padding:clamp(16px,4vw,36px);color:#1d1c19}.screen-status{display:flex;justify-content:space-between;border-bottom:1px solid #97968e;padding-bottom:9px;font:9px var(--mono);letter-spacing:.05em}.screen-status i{font-style:normal;color:#536f51}.state-panel{position:absolute;inset:24% 11% 12%;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .6s ease,transform .65s cubic-bezier(.2,.7,.1,1)}.state-panel.is-visible{opacity:1;transform:none;pointer-events:auto}.state-panel small{font:9px var(--mono);letter-spacing:.1em}.state-panel h3{font-size:clamp(22px,3vw,40px);letter-spacing:-.06em;line-height:.96;margin:12px 0}.state-panel p{font-size:11px;margin:10px 0}.reading-diagram{height:33%;margin:6px 0;border-bottom:1px solid #777;position:relative}.reading-diagram:before,.reading-diagram:after{content:"";position:absolute;border:1.5px solid #222}.reading-diagram:before{height:72%;width:36%;left:26%;bottom:0;transform:skew(-25deg)}.reading-diagram:after{height:72%;width:36%;right:18%;bottom:0;transform:skew(25deg)}.reading-diagram i{position:absolute;border-top:2px solid #c77957;width:52%;top:46%;left:25%;transform:rotate(-17deg)}.grid-paper{height:58%;margin-top:13px;border:1px solid #8e8d86;background-image:linear-gradient(rgba(40,40,37,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(40,40,37,.1) 1px,transparent 1px);background-size:16px 16px;position:relative;padding:28px 20px;font:italic clamp(14px,2vw,22px) var(--serif)}.grid-paper i{position:absolute;height:1px;background:#333;transform:rotate(-8deg)}.grid-paper i:nth-of-type(1){width:40%;top:58%;left:22%}.grid-paper i:nth-of-type(2){width:28%;top:75%;left:49%;transform:rotate(12deg)}.sahay-mark{height:46px;width:46px;border-radius:50%;display:grid;place-items:center;background:#22211f;color:#eeeade;font:27px var(--serif);margin:15px 0}.learning-sahay blockquote{border-left:2px solid var(--clay);padding-left:15px;font:clamp(17px,2.5vw,29px)/1.12 var(--serif);margin:15px 0}.check-mark{width:65px;height:65px;display:grid;place-items:center;border:1px solid #2d2d29;border-radius:50%;font-size:36px;margin:12% 0 5%}.scroll-hint{position:absolute;bottom:3%;font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#665e53}.scroll-hint span{color:var(--clay);font-size:15px}
.edition-section{padding:clamp(100px,14vw,170px) clamp(24px,8vw,124px);background:var(--clay);display:grid;grid-template-columns:1fr .68fr;gap:45px 9vw;color:#fff7ef;align-items:center}.edition-intro h2{font-size:clamp(48px,5.4vw,82px);margin-top:20px}.edition-intro h2 em{color:#fff7ef}.edition-intro>p:last-child{max-width:500px;font-size:16px;line-height:1.55}.edition-pass{justify-self:center;width:min(340px,100%);aspect-ratio:.69;background:#f5efe5;color:var(--ink);padding:17px;display:flex;flex-direction:column;box-shadow:14px 16px 0 #88432d;transform:rotate(4deg);transition:transform .5s cubic-bezier(.2,.7,.1,1)}.edition-pass:hover{transform:rotate(0) translateY(-7px)}.pass-top,.pass-bottom{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.08em}.pass-mark{font:clamp(70px,10vw,120px) var(--serif);color:var(--clay);line-height:1;margin:auto}.pass-title{font:clamp(29px,3.4vw,44px)/.9 var(--sans);letter-spacing:-.06em;margin-bottom:26px}.pass-bottom{border-top:1px solid #bdb6ad;padding-top:12px;align-items:baseline}.pass-bottom strong{font:18px var(--sans)}.edition-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.5);margin-top:30px}.edition-benefits article{padding:24px 20px 0 0;margin-right:20px;border-right:1px solid rgba(255,255,255,.45)}.edition-benefits article:last-child{border-right:0}.edition-benefits span{font:10px var(--mono)}.edition-benefits h3{font-size:16px;letter-spacing:-.03em;margin:28px 0 8px}.edition-benefits p{font-size:12px;line-height:1.45;margin:0;max-width:220px}
.reservation-section{padding:clamp(100px,14vw,165px) clamp(24px,8vw,124px);background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.reservation-copy h2{font-size:clamp(48px,5.4vw,82px);margin-top:20px}.reservation-copy>p:not(.kicker){font-size:17px;line-height:1.55;max-width:400px}.reservation-math{margin-top:40px;border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;gap:10px;font:11px var(--mono);max-width:390px}.reservation-math i{font:18px var(--serif);font-style:normal;color:var(--clay)}.reservation-form,.reservation-receipt{max-width:480px;background:#1d1b18;color:#f5f0e7;padding:clamp(25px,4vw,42px);box-shadow:14px 16px 0 var(--clay)}.form-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #565148;padding-bottom:16px;margin-bottom:25px}.form-heading span{font:9px var(--mono);letter-spacing:.09em}.form-heading strong{font-size:16px;letter-spacing:-.03em}.reservation-form label{display:block;font:10px var(--mono);letter-spacing:.03em;margin:0 0 17px;color:#c9c2b6}.reservation-form input,.reservation-form select{display:block;width:100%;border:0;border-bottom:1px solid #5c564d;background:transparent;color:#f7f1e7;padding:10px 0 9px;outline:0;font:14px var(--sans);border-radius:0}.reservation-form input:focus,.reservation-form select:focus{border-color:var(--clay)}.reservation-form select option{background:#1d1b18}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.consent{display:flex!important;gap:10px;font:10px/1.45 var(--sans)!important;letter-spacing:0!important;align-items:flex-start}.consent input{width:15px!important;height:15px;margin:0!important;accent-color:var(--clay);flex:none}.form-submit{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:var(--clay);color:white;padding:14px 16px;cursor:pointer;font:600 12px var(--mono);letter-spacing:.03em;transition:background .25s ease,transform .25s ease}.form-submit:hover{background:var(--clay-dark)}.form-submit b{font-size:22px;font-weight:400}.form-fineprint{font-size:10px;line-height:1.4;color:#aaa296;margin:14px 0 0}.reservation-receipt h3{font:clamp(31px,4vw,46px)/.95 var(--sans);letter-spacing:-.06em;margin:18px 0}.reservation-receipt>p:not(.kicker){color:#c4bdb0;font-size:14px;line-height:1.5}.receipt-mark{height:38px;width:38px;border:1px solid #a6d197;border-radius:50%;display:grid;place-items:center;color:#a6d197}.back-to-form{border:0;background:transparent;color:#c9c2b6;padding:16px 0 0;font:10px var(--mono);cursor:pointer}.back-to-form:hover{text-decoration:underline}.pb-footer{padding:42px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.pb-footer p{font-size:11px;color:#746d61;margin:0}.pb-footer span{color:var(--clay);font-size:14px}
.reservation-dialog{width:min(520px,calc(100% - 32px));border:0;padding:clamp(28px,5vw,52px);background:var(--paper);color:var(--ink);box-shadow:18px 20px 0 var(--clay)}.reservation-dialog::backdrop{background:rgba(23,21,18,.65);backdrop-filter:blur(6px)}.reservation-dialog h2{font:clamp(38px,6vw,62px)/.92 var(--sans);letter-spacing:-.07em;margin:22px 0}.reservation-dialog>p:not(.kicker){font-size:15px;line-height:1.55;max-width:400px}.dialog-close{position:absolute;right:17px;top:13px;border:0;background:transparent;font:34px var(--serif);cursor:pointer}.dialog-button{margin-top:15px}
@media(max-width:900px){.pb-nav nav{display:none}.pb-hero{grid-template-columns:1fr;padding-top:124px;gap:10px}.hero-device-scene{height:540px;min-height:0;order:-1}.hero-copy{max-width:640px}.device-instruction{top:1%;right:3%}.parent-proof,.edition-section,.reservation-section{padding-left:clamp(24px,6vw,54px);padding-right:clamp(24px,6vw,54px)}.scroll-device-section{grid-template-columns:1fr;min-height:0;padding-left:clamp(24px,6vw,54px);padding-right:clamp(24px,6vw,54px)}.scroll-copy{position:relative;top:auto;max-width:670px}.scroll-device-wrap{position:relative;top:auto;height:610px;min-height:0;margin-top:25px}.proof-grid{grid-template-columns:1fr 1fr}.proof-card:last-child{grid-column:1/-1;min-height:380px}.edition-section{grid-template-columns:1fr}.edition-pass{grid-row:2}.edition-benefits{grid-template-columns:1fr 1fr}.edition-benefits article:nth-child(2){border-right:0}.reservation-section{grid-template-columns:1fr;gap:55px}.reservation-form,.reservation-receipt{max-width:600px;width:100%}}
@media(max-width:560px){.pb-nav{height:70px;padding:0 20px}.nav-reserve{padding:10px 11px;font-size:9px}.pb-hero{padding:105px 22px 55px}.hero-copy h1,.section-heading h2,.scroll-copy h2,.edition-intro h2,.reservation-copy h2{font-size:clamp(44px,13vw,64px)}.hero-device-scene{height:390px}.kitab-device{width:min(93vw,405px)}.orbit-a{height:160px}.orbit-b{height:110px}.device-legend{left:0;bottom:0}.device-instruction{font-size:8px}.proof-grid,.edition-benefits{grid-template-columns:1fr}.proof-card:last-child{grid-column:auto}.proof-card{min-height:390px}.scroll-device-section{padding:85px 22px}.scroll-device-wrap{height:415px}.learning-device{width:96%;border-width:8px}.state-panel{inset:24% 10% 10%}.edition-section,.reservation-section{padding:85px 22px}.edition-benefits article,.edition-benefits article:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.45);padding:18px 0}.edition-benefits article:last-child{border-bottom:0}.form-grid{grid-template-columns:1fr}.pb-footer{padding:30px 22px;align-items:flex-start;flex-direction:column}.pb-footer p{order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-line{transition:none}.device-tilt,.kitab-device,.learning-device,.edition-pass,.state-panel,.scroll-steps button,.scroll-steps button p,.reserve-button,.nav-reserve,.form-submit{transition:none!important;animation:none!important}.hero-device-scene{cursor:default}.pb-grain{display:none}}
.language-copy{display:inline-block;transform-origin:50% 50%;transition:transform .2s ease,opacity .16s ease}.language-copy.is-flipping{transform:rotateX(90deg) scale(.96);opacity:0}body.lang-hi{font-family:var(--sans);line-height:1.62}body.lang-hi .kicker,body.lang-hi .language-toggle{letter-spacing:0}body.lang-hi .hero-copy h1,body.lang-hi .section-heading h2,body.lang-hi .scroll-copy h2,body.lang-hi .edition-intro h2,body.lang-hi .reservation-copy h2{letter-spacing:-.04em;line-height:1.08}

/* KiTab blueprint: intentionally illustrative rather than pretending to be a
   photorealistic manufacturing render. Two independent pages, a visible hinge,
   port and labelled e-paper states make the product architecture legible. */
.hero-device-scene:has(.dual-blueprint){perspective:1500px;isolation:isolate}.kitab-device.dual-blueprint{width:clamp(455px,52vw,710px);aspect-ratio:1.75;display:grid;grid-template-columns:1fr 33px 1fr;gap:0;align-items:stretch;transform-style:preserve-3d;transform:rotateX(16deg) rotateZ(-3deg) rotateY(-2deg);filter:drop-shadow(0 42px 25px rgba(22,18,13,.26));will-change:transform;transition:transform .65s cubic-bezier(.2,.7,.1,1)}.kitab-device.dual-blueprint:hover{transform:rotateX(1deg) rotateZ(0deg) rotateY(-1deg)}.dual-blueprint .blueprint-shadow{position:absolute;inset:11% 4% -7%;z-index:-2;background:rgba(109,86,61,.24);filter:blur(25px);transform:translateZ(-45px)}.dual-page{position:relative;min-width:0;border:4px solid #24231f;background:#34332f;box-shadow:inset 0 0 0 1px #89857a,0 0 0 1px #0c0c0b;transform-style:preserve-3d}.page-left{border-radius:16px 3px 3px 16px;transform:rotateY(4.8deg) translateZ(3px);transform-origin:right}.page-right{border-radius:3px 16px 16px 3px;transform:rotateY(-4.8deg) translateZ(3px);transform-origin:left}.page-edge{position:absolute;inset:0;border-radius:inherit;pointer-events:none;transform:translateZ(-9px);background:repeating-linear-gradient(0deg,#191917 0 2px,#474640 2px 4px);filter:brightness(.7)}.dual-screen{position:absolute;inset:12px;border:0;padding:0;border-radius:8px;background:#deddd4;color:#191917;text-align:left;overflow:hidden;cursor:pointer;transform:translateZ(8px);box-shadow:inset 0 0 0 1px #89877f,0 0 0 1px #161615}.dual-screen:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none}.dual-screen:active{transform:translateZ(8px) scale(.987)}.dual-blueprint .screen-ui{padding:9% 9%;background-image:linear-gradient(rgba(20,20,18,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,18,.04) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.14) .45px,transparent .65px);background-size:20px 20px,20px 20px,4px 4px}.dual-blueprint .screen-ui>strong{font-size:clamp(15px,2.1vw,27px);margin-top:11%}.dual-blueprint .screen-ui svg{margin-top:4%;width:76%}.dual-blueprint .screen-answer{bottom:7%;font-size:7px}.page-tag{position:absolute;left:15px;bottom:-23px;font:8px var(--mono);letter-spacing:.08em;color:#5d554a;white-space:nowrap}.page-right .page-tag{left:auto;right:15px}.hinge-column{position:relative;z-index:4;border-radius:6px;background:linear-gradient(90deg,#1b1a18 0%,#6c6960 41%,#191917 50%,#56534b 62%,#151513 100%);box-shadow:0 0 0 1px #10100f,2px 2px 4px rgba(0,0,0,.35);transform:translateZ(11px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.hinge-column>span{font:7px var(--mono);letter-spacing:.08em;color:#d3c9b8;transform:rotate(90deg);white-space:nowrap}.hinge-rib{display:block;width:19px;height:1px;background:rgba(245,240,231,.35)}.hotspot-spine{position:absolute!important;inset:0!important;z-index:3!important}.top-bridge{position:absolute;left:42%;right:42%;top:-14px;height:27px;z-index:7;border-radius:4px 4px 1px 1px;background:#3c3a34;transform:rotateX(88deg) translateZ(6px);transform-origin:bottom;display:grid;place-items:center}.top-bridge b{position:absolute;top:-12px;left:calc(100% + 4px);font:7px var(--mono);letter-spacing:.07em;color:#5e584e}.dual-blueprint .usb-port{height:8px;width:33px;border:2px solid #777269;border-radius:8px;background:#10100f;display:block}.hotspot-port{position:absolute!important;z-index:9!important;width:52px!important;height:33px!important;top:-25px!important;left:calc(50% - 26px)!important}.blueprint-dim{position:absolute;z-index:-1;pointer-events:none;font:8px var(--mono);letter-spacing:.08em;color:#6a6156;white-space:nowrap}.blueprint-dim i{display:block;border-top:1px solid #968b7e;position:absolute}.dim-width{left:18%;right:18%;bottom:-52px;text-align:center}.dim-width i{left:0;right:0;top:-8px}.dim-width:before,.dim-width:after{content:"";position:absolute;height:15px;border-left:1px solid #968b7e;top:-15px}.dim-width:before{left:0}.dim-width:after{right:0}.dim-height{top:28%;left:-45px;writing-mode:vertical-rl;transform:rotate(180deg)}.dim-height i{height:100%;top:0;left:-8px;border-top:0;border-left:1px solid #968b7e}.tutor-wireframe{display:flex;flex-direction:column}.wire-orb{height:34px;width:34px;display:grid;place-items:center;border:1px solid #252421;border-radius:50%;font:20px var(--serif);margin:7% 0 4%;background:radial-gradient(circle at 35% 30%,#f7f3e9 0 10%,#c7c5ba 11% 100%)}.tutor-wireframe>strong{margin:0!important;font-size:clamp(14px,1.75vw,22px!important)}.wire-chat{font:7px/1.3 var(--mono);padding:6px 7px;border:1px solid #85837b;margin-top:6px;max-width:88%}.user-line{align-self:flex-end;background:#cecdc3}.sahay-line{align-self:flex-start}.tutor-wireframe .screen-answer{width:82%}.device-legend{bottom:-10%;left:2%;max-width:350px}.hero-device-scene:has(.dual-blueprint) .orbit-a{width:min(79vw,770px);height:320px}.hero-device-scene:has(.dual-blueprint) .orbit-b{width:min(64vw,610px);height:225px}
@media(max-width:900px){.kitab-device.dual-blueprint{width:min(92vw,650px)}.device-legend{bottom:-2%;left:1%}.dim-height{left:-33px}.hero-device-scene:has(.dual-blueprint){height:580px}}
@media(max-width:560px){.hero-device-scene:has(.dual-blueprint){height:410px}.kitab-device.dual-blueprint{width:94vw;grid-template-columns:1fr 21px 1fr}.dual-page{border-width:3px}.dual-screen{inset:7px}.page-left{border-radius:10px 2px 2px 10px}.page-right{border-radius:2px 10px 10px 2px}.hinge-column{gap:4px}.hinge-rib{width:12px}.hinge-column>span{font-size:5px}.dual-blueprint .screen-ui>strong{font-size:13px}.dual-blueprint .screen-topline,.dual-blueprint .screen-answer{font-size:5px}.wire-orb{height:23px;width:23px;font-size:14px;margin:5% 0 2%}.wire-chat{font-size:5px;padding:4px;margin-top:3px}.page-tag,.blueprint-dim{font-size:6px}.dim-width{bottom:-42px}.dim-height{display:none}.top-bridge{left:40%;right:40%}.device-legend{max-width:270px}.device-legend p{font-size:10px}}
.tutor-wireframe>strong{font-size:clamp(14px,1.75vw,22px)!important}

/* The First Chapter — Batch 01 & Customization Additions */
.blueprint-model-toggle{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:15;display:flex;gap:6px;background:rgba(21,20,17,.92);border:1px solid rgba(201,190,174,.25);padding:4px;border-radius:999px;backdrop-filter:blur(8px)}
.blueprint-toggle-btn{appearance:none;border:0;background:transparent;color:#c9beae;font:500 11px var(--mono);padding:7px 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .2s ease}
.blueprint-toggle-btn:hover{color:#fff}
.blueprint-toggle-btn.active{background:var(--clay);color:#fff;box-shadow:0 2px 8px rgba(199,121,87,.35)}
.blueprint-toggle-btn .btn-dot{width:6px;height:6px;border-radius:50%;background:#8a8276;transition:background .2s}
.blueprint-toggle-btn.active .btn-dot{background:#fff}

/* Single Mode on Blueprint */
.kitab-device.dual-blueprint.is-single-mode{aspect-ratio:1.15;max-width:390px;grid-template-columns:1fr 0px 0px}
.kitab-device.dual-blueprint.is-single-mode .hinge-column,
.kitab-device.dual-blueprint.is-single-mode .dual-page.page-right{opacity:0;pointer-events:none;transform:scaleX(0);transition:all .35s cubic-bezier(.2,.7,.1,1)}
.kitab-device.dual-blueprint.is-single-mode .page-left{border-radius:10px}

/* Batch Allocation Tracker */
.batch-allocation-tracker{background:#151411;border:1px solid #38332c;padding:18px 20px;border-radius:4px;margin:28px 0 20px;max-width:440px;color:#f5f0e7;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.tracker-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:.08em}
.tracker-heading{display:inline-flex;align-items:center;gap:8px;color:#e8dfd1}
.live-pulse{width:7px;height:7px;border-radius:50%;background:#50d77d;box-shadow:0 0 0 0 rgba(80,215,125,.7);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(80,215,125,.7)}70%{box-shadow:0 0 0 8px rgba(80,215,125,0)}100%{box-shadow:0 0 0 0 rgba(80,215,125,0)}}
.tracker-count{font:600 12px var(--sans);color:var(--clay)}
.tracker-bar{height:6px;background:#2b2823;border-radius:3px;overflow:hidden;margin:12px 0 8px}
.tracker-fill{height:100%;background:linear-gradient(90deg,var(--clay),#e59a58);border-radius:3px;transition:width .8s cubic-bezier(.2,.7,.1,1)}
.tracker-status{margin:0;font:11px var(--mono);color:#9c9487}

/* Customizer Group */
.customizer-group{margin-bottom:22px}
.customizer-label{display:block;font:9px var(--mono);letter-spacing:.09em;color:#9c9487;text-transform:uppercase;margin-bottom:10px}
.customizer-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.customizer-card{background:#23201c;border:1.5px solid #3f3930;padding:16px 14px;border-radius:4px;cursor:pointer;transition:all .2s cubic-bezier(.2,.7,.1,1);position:relative;text-align:left;display:flex;flex-direction:column;justify-content:space-between;user-select:none}
.customizer-card:hover{border-color:var(--line);transform:translateY(-2px)}
.customizer-card.is-selected{border-color:var(--clay);background:#2b2620;box-shadow:0 0 0 1px var(--clay),0 6px 20px rgba(199,121,87,.2)}
.card-badge{font:8px var(--mono);letter-spacing:.08em;color:var(--clay);text-transform:uppercase;margin-bottom:6px}
.card-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}
.card-header-row h4{margin:0;font:600 14px var(--sans);color:#fff;line-height:1.2}
.card-check{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #565148;font-size:10px;color:transparent;transition:all .2s ease}
.customizer-card.is-selected .card-check{background:var(--clay);border-color:var(--clay);color:#fff}
.card-desc{font:11px var(--sans);color:#a8a194;line-height:1.35;margin:0 0 14px}
.card-price-row{border-top:1px solid #3f3930;padding-top:10px;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px}
.card-price-row strong{font:700 16px var(--sans);color:#fff}
.card-price-row small{font:10px var(--mono);color:#9c9487}

/* Stacked Pages Order Deck & PayPal Checkout */
.reservation-form.stacked-order-card {
  max-width: 500px;
  background: #191815;
  color: #f5f0e7;
  padding: clamp(22px, 3.5vw, 34px);
  position: relative;
  border-radius: 4px;
  border: 1px solid #38332c;
  box-shadow: 6px 6px 0 #27231c, 12px 12px 0 #1c1914, 18px 18px 0 var(--clay);
  transition: box-shadow .3s ease;
}

.deck-topbar {
  border-bottom: 1px solid #38332c;
  padding-bottom: 14px;
  margin-bottom: 18px;
}

.deck-topbar .form-heading {
  margin-bottom: 14px;
  border-bottom: none;
  padding-bottom: 0;
}

.deck-page-indicators {
  display: flex;
  align-items: center;
  gap: 8px;
}

.deck-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 500 10px var(--mono);
  letter-spacing: .06em;
  color: #766f63;
  padding: 4px 8px;
  border-radius: 3px;
  background: transparent;
  transition: all .2s ease;
  user-select: none;
}

.deck-indicator.is-active {
  color: #fff;
  background: #2b2620;
}

.deck-indicator.is-complete {
  color: #a8a194;
}

.indicator-leaf {
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #2b2823;
  font-size: 9px;
  font-weight: 600;
  color: #9c9487;
  transition: all .2s ease;
}

.deck-indicator.is-active .indicator-leaf {
  background: var(--clay);
  color: #fff;
}

.deck-indicator.is-complete .indicator-leaf {
  background: #50d77d;
  color: #111;
}

.deck-leaf-divider {
  font: 10px var(--mono);
  color: #423c34;
}

.deck-pages-wrap {
  position: relative;
  min-height: 320px;
}

.deck-page {
  display: none;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
}

.deck-page.is-current {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.page-nav-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #38332c;
}

.back-page-btn {
  appearance: none;
  background: transparent;
  border: 1px solid #3f3930;
  color: #c9beae;
  font: 500 11px var(--mono);
  padding: 12px 18px;
  border-radius: 3px;
  cursor: pointer;
  transition: all .2s ease;
  white-space: nowrap;
}

.back-page-btn:hover {
  background: #26231e;
  border-color: var(--line);
  color: #fff;
}

.next-page-btn {
  flex: 1;
  margin-top: 0 !important;
}

.order-summary-box {
  background: #171513;
  border: 1px solid #38332c;
  padding: 14px 16px;
  border-radius: 4px;
  margin-bottom: 18px;
}

.summary-line {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font: 11px var(--mono);
  color: #a8a194;
  margin-bottom: 8px;
}

.summary-line strong {
  font-family: var(--sans);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
}

.summary-line.summary-total {
  border-top: 1px dashed #38332c;
  padding-top: 8px;
  margin-top: 8px;
  margin-bottom: 6px;
}

.summary-line.summary-total strong {
  font-size: 16px;
  color: var(--clay);
}

.summary-credit-tag {
  font: 10px var(--mono);
  color: #50d77d;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
}

.paypal-container-wrap {
  background: #11100e;
  border: 1px solid #38332c;
  padding: 16px 14px 12px;
  border-radius: 4px;
  margin-bottom: 16px;
}

.paypal-badge-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  font: 9px var(--mono);
  letter-spacing: .06em;
}

.paypal-secure-pill {
  color: #50d77d;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.paypal-cards-note {
  color: #8a8276;
}

#paypal-button-container {
  min-height: 96px;
  position: relative;
}

.paypal-currency-note {
  font: 10px var(--mono);
  color: #8a8276;
  text-align: center;
  line-height: 1.4;
  margin: 10px 0 0;
}

/* Receipt pass additions */
.receipt-serial-badge{display:inline-block;background:var(--clay);color:#fff;font:600 11px var(--mono);letter-spacing:.08em;padding:4px 10px;border-radius:2px;margin:8px 0 14px}
.receipt-spec-list{list-style:none;padding:0;margin:16px 0;border-top:1px solid #565148;border-bottom:1px solid #565148;padding:12px 0}
.receipt-spec-list li{display:flex;justify-content:space-between;font:11px var(--mono);color:#c9beae;margin-bottom:6px}
.receipt-spec-list li strong{color:#fff;font-family:var(--sans)}

@media(max-width:600px){
  .customizer-cards{grid-template-columns:1fr}
  .blueprint-model-toggle{width:calc(100% - 32px);justify-content:center}
  .blueprint-toggle-btn{padding:6px 10px;font-size:10px}
}
