@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Sinhala:wght@400;500;600;700&display=swap');
:root{--navy:#0d1930;--navy2:#111f3a;--blue:#318af6;--ice:#eaf3ff;--pale:#f5f8fc;--text:#14213a;--muted:#66738b;--line:#dce4ef;--green:#138a58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#fff;font-family:Manrope,'Noto Sans Sinhala',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{max-width:1210px;margin:auto;padding:0 28px}.notice{background:var(--navy);color:#bed4ed;text-align:center;font-size:10px;letter-spacing:.12em;padding:9px 10px}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1154px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.logo{display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:end;font-family:Manrope,sans-serif;font-weight:800;font-size:25px;line-height:1;letter-spacing:-.07em}.logo b{color:var(--blue)}.logo small{grid-column:1/-1;font-size:8px;letter-spacing:.22em;font-weight:800;margin-top:6px;color:#63718a}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.contact-min{border:0;background:none;color:var(--navy);font-size:13px;font-weight:800;padding:11px 0}.contact-min span{color:var(--blue)}.cart-button{display:flex;align-items:center;gap:9px;background:var(--navy);color:#fff;border:0;border-radius:999px;padding:11px 15px;font-size:16px}.cart-button span:last-child{font-size:12px;font-weight:800;color:#aed3ff}.hero{display:grid;grid-template-columns:53% 47%;min-height:590px;align-items:center;overflow:hidden}.hero-copy{padding:50px 0 66px;z-index:1}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:10px}.lightdot{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:100%;box-shadow:0 0 0 5px #e9f2ff}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5.1vw,76px);line-height:1.035;letter-spacing:-.08em;margin:28px 0 22px;font-weight:800}.hero h1 span:not(.dot){color:#a5b1c3}.hero .dot{color:var(--blue)}.hero-copy>p{max-width:500px;color:var(--muted);font-size:15px;line-height:2}.hero-actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:12px;min-height:52px;padding:13px 24px;font-size:14px;font-weight:800}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 13px 27px #318af62b}.btn-green{background:var(--green);color:#fff}.btn.full{width:100%}.hero-text-link{font-size:12px;font-weight:800;color:var(--muted)}.hero-tags{display:flex;gap:9px;margin-top:63px}.hero-tags span{border:1px solid var(--line);border-radius:99px;padding:9px 14px;color:var(--muted);font-weight:800;font-size:10px;letter-spacing:.09em}.hero-art{height:530px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;width:425px;height:425px;background:#edf5ff;filter:blur(0);border-radius:50%;top:42px;right:9px}.art-orbit{position:absolute;border:1px solid #d9e6f7;border-radius:50%;width:515px;height:515px}.orbit-a{transform:rotateX(67deg) rotate(20deg);top:15px}.orbit-b{transform:rotateY(67deg) rotate(29deg);top:18px}.hero-book{position:absolute;width:235px;height:325px;box-shadow:14px 22px 30px #0b1c3740, inset -8px 0 1px #00000016;border-radius:3px 8px 8px 3px;color:#fff;padding:21px;display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom center}.hero-book:before{content:"";position:absolute;width:275px;height:275px;right:-160px;top:60px;border:42px solid #ffffff28;border-radius:50%}.hero-book:after{content:"";position:absolute;top:0;bottom:0;left:8px;border-left:2px solid #ffffff1c}.hero-book span{font-size:57px;font-weight:800;opacity:.37;letter-spacing:-.09em;line-height:1}.hero-book small{font-size:8px;font-weight:800;letter-spacing:.2em;margin-top:6px}.hero-book strong{margin-top:31px;font-size:28px;line-height:1.06;letter-spacing:-.08em;font-weight:800;z-index:1}.hero-book em{font-style:normal;font-size:10px;letter-spacing:.2em;font-weight:800;margin-top:auto}.book-back{background:#26aaa8;transform:translate(-130px,-6px) rotate(-19deg) scale(.87);z-index:1}.book-mid{background:#223a9f;transform:translate(134px,0) rotate(19deg) scale(.87);z-index:2}.book-front{background:linear-gradient(145deg,#3c9dff,#1553ae);transform:translate(0,17px) rotate(-1deg);z-index:3}.float-chip{position:absolute;z-index:5;right:0;bottom:53px;background:#fff;border-radius:12px;box-shadow:0 14px 30px #0d193028;padding:13px 18px;font-size:11px;color:#7a8798}.float-chip strong{font-size:13px;color:var(--navy)}.marquee{background:var(--navy);color:#b0c6e0;overflow:hidden;white-space:nowrap;padding:15px;text-align:center;letter-spacing:.22em;font-size:11px;font-weight:800}.marquee span{color:#55a2ff;margin:0 24px}.catalogue{padding-top:92px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.section-heading h2,.simple-section h2{font-size:clamp(30px,3.7vw,48px);letter-spacing:-.07em;margin:9px 0 10px}.section-heading h2 em,.simple-section h2 em{color:var(--blue);font-style:normal}.section-heading p:not(.section-kicker){color:var(--muted);font-size:14px;line-height:1.9;margin:0}.section-mark{color:#adb6c5;font-size:11px;letter-spacing:.15em;font-weight:800}.grade-controls{display:flex;gap:12px;flex-wrap:wrap;margin:37px 0 31px}.grade{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#f5f8fc;border:1px solid #e5ebf4;border-radius:14px;padding:13px 21px;min-width:140px;font-weight:800;color:#243a59;text-align:left}.grade small{font-size:9px;color:#8494a9;letter-spacing:.17em}.grade.active{background:var(--navy);color:#fff;border-color:var(--navy)}.grade.active small{color:#97b6dd}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.book-card{background:#fff;border:1px solid #e8edf4;border-radius:19px;overflow:hidden;transition:transform .18s,box-shadow .18s}.book-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #1b345315}.cover-box{display:grid;place-items:center;min-height:280px;background:linear-gradient(135deg,#edf5ff,#f4f7fb);padding:24px;position:relative}.cover-box img{width:100%;height:240px;object-fit:contain}.mock-cover{width:172px;min-height:229px;border-radius:3px 9px 9px 3px;padding:19px 17px 15px;background:#2473cf;box-shadow:10px 16px 23px #123d7340,inset -5px 0 0 #00000015;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.mock-cover:after{content:"";position:absolute;right:-70px;bottom:25px;width:180px;height:180px;border:30px solid #ffffff26;border-radius:50%}.mock-cover.g3{background:#119b9e}.mock-cover.g5{background:#6e52b9}.mock-cover .cover-num{font-size:54px;font-weight:800;opacity:.32;line-height:1;letter-spacing:-.06em}.mock-cover strong{font-size:15px;line-height:1.5;z-index:1;margin-top:18px;max-width:132px}.mock-cover em{font-size:9px;font-style:normal;font-weight:800;letter-spacing:.13em;margin-top:auto;z-index:1}.demo-tag{position:absolute;top:16px;left:16px;background:#fff;color:#51718e;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.12em;padding:7px 10px}.book-info{padding:23px}.book-info .book-grade{font-size:10px;font-weight:800;letter-spacing:.12em;color:#3489e9}.book-info h3{font-size:18px;font-weight:800;line-height:1.6;min-height:52px;margin:8px 0}.book-info .desc{font-size:12px;color:var(--muted);height:40px;line-height:1.7;overflow:hidden}.price-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.price-row strong{font-size:20px;letter-spacing:-.04em}.price-row span{font-size:12px;color:#95a2b3}.card-actions{display:flex;gap:9px}.card-actions button{border-radius:10px;min-height:44px;padding:10px 13px;font-size:12px;font-weight:800;border:1px solid var(--line)}.card-actions .view{background:var(--navy);color:white;flex:1;border-color:var(--navy)}.card-actions .whatsapp{background:#e9f8f0;color:#087744;flex:1;border-color:#c3ead6}.card-actions .add{background:#fff;color:var(--navy);min-width:44px;font-size:20px}.demo-banner{padding:14px 16px;border-radius:12px;background:#fff4da;border:1px solid #f5df9d;color:#6b5214;margin-bottom:22px;font-size:12px;line-height:1.7}.demo-banner span{font-weight:800;letter-spacing:.06em;margin-right:12px}.loading,.empty{text-align:center;grid-column:1/-1;padding:50px 20px;color:var(--muted)}.simple-section{background:var(--navy);color:#fff;padding:80px 0 90px}.light-kicker{color:#78baff}.simple-section h2{margin:8px 0 36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps>div{padding:26px;border:1px solid #31405a;border-radius:16px;display:flex;flex-direction:column;gap:17px}.steps b{font-size:33px;color:#5baafc;font-weight:800}.steps strong{font-size:16px}.steps p{color:#9baec9;font-size:12px;margin:0;line-height:1.7}footer{background:#071122;color:#b6c4d8;padding:45px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:12px;line-height:2}.footer-logo{font-size:25px;font-weight:800;color:#fff;letter-spacing:-.07em}.footer-logo span{color:#5daaff}.footer-logo small{display:block;font-size:11px;font-weight:500;letter-spacing:0;color:#9cafc8}footer small{color:#8b9bb0}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal[hidden],.demo-banner[hidden]{display:none}.shade{position:absolute;inset:0;background:#05101edb}.modal-content{position:relative;background:#fff;border-radius:22px;width:min(600px,100%);max-height:92dvh;overflow-y:auto;padding:26px 28px}.modal-content h2,.cart-sheet h2{font-size:22px;letter-spacing:-.04em;margin:8px 32px 18px 0}.close{position:absolute;right:19px;top:15px;width:37px;height:37px;border-radius:50%;background:#eff4fb;border:0;font-size:24px;z-index:2}.page-stage{min-height:330px;background:#edf3fb;border-radius:15px;display:flex;justify-content:center;align-items:center;padding:18px;perspective:900px;overflow:hidden;touch-action:pan-y}.page{height:320px;width:238px;max-width:90%;background:#fff;box-shadow:7px 10px 21px #1a355b35;border-radius:3px 9px 9px 3px;overflow:hidden;animation:page-in .25s ease}.page img{width:100%;height:100%;object-fit:contain}.page.placeholder{padding:27px 21px;display:flex;flex-direction:column;color:var(--navy);border-left:7px solid #c7d5eb}.page.placeholder small{color:var(--blue);font-weight:800;letter-spacing:.18em;font-size:10px}.page.placeholder strong{font-size:24px;line-height:1.15;margin:34px 0 15px;letter-spacing:-.05em}.page.placeholder p{font-size:12px;line-height:2;color:#8493aa}.page.placeholder .line{height:7px;border-radius:4px;background:#e6eefa;margin:10px 0}.page.placeholder .line.short{width:65%}@keyframes page-in{from{opacity:.4;transform:rotateY(-17deg) translateX(15px)}to{opacity:1;transform:none}}.page-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:15px 0 14px}.page-tools button{background:#f1f5fb;border:0;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800;color:var(--navy);min-height:40px}.page-tools button:disabled{opacity:.35;cursor:default}.page-tools>span{font-size:12px;color:var(--muted);font-weight:800}.preview-desc{font-size:12px;color:#65748a;line-height:1.75}.cart-sheet{position:absolute;right:0;top:0;bottom:0;width:min(460px,100%);background:#fff;padding:40px 26px 27px;overflow-y:auto;display:flex;flex-direction:column}.cart-sheet .close{right:20px;top:20px}.cart-entry{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0f6;padding:17px 0}.cart-entry strong{font-size:13px}.cart-entry p{font-size:11px;color:var(--muted);margin:6px 0}.qty{display:flex;align-items:center;gap:9px;flex-shrink:0}.qty button{border:1px solid var(--line);background:#fff;border-radius:7px;width:30px;height:30px;font-size:18px}.qty span{font-size:13px;font-weight:800}.cart-bottom{margin-top:auto;padding-top:22px}.cart-total{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin-bottom:20px}.cart-total strong{font-size:18px;color:var(--navy)}.cart-bottom>p{font-size:11px;line-height:1.7;color:var(--muted);text-align:center}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;border-radius:10px;padding:13px 18px;z-index:80;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center;max-width:90vw}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}body.dialog-open{overflow:hidden}
@media(max-width:900px){.site-header{padding:0 23px}.hero{grid-template-columns:1fr;min-height:unset}.hero-copy{padding-bottom:5px}.hero-art{height:440px}.hero h1{font-size:clamp(46px,8vw,74px)}.hero-tags{margin-top:30px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-box{min-height:260px}.site-header nav{gap:15px}}
@media(max-width:590px){.shell{padding:0 19px}.site-header{height:73px;padding:0 19px}.site-header nav>a,.contact-min{display:none}.logo{font-size:22px}.hero-copy{padding-top:52px}.hero h1{font-size:clamp(39px,10.2vw,59px);letter-spacing:-.085em;margin-top:23px}.hero-copy>p{font-size:13px}.hero-actions{gap:15px}.hero-text-link{font-size:11px}.hero-tags{gap:6px}.hero-tags span{font-size:9px;padding:8px 10px}.hero-art{height:365px;margin-top:5px}.hero-art:before{width:310px;height:310px;top:26px;right:calc(50% - 155px)}.hero-book{width:167px;height:235px;padding:14px}.hero-book span{font-size:42px}.hero-book small{font-size:6px}.hero-book strong{font-size:19px;margin-top:20px}.hero-book em{font-size:7px}.book-back{transform:translate(-92px,-4px) rotate(-19deg) scale(.91)}.book-mid{transform:translate(91px,0) rotate(19deg) scale(.91)}.book-front{transform:translate(0,10px)}.art-orbit{width:340px;height:340px}.float-chip{right:0;bottom:30px}.marquee{font-size:9px;overflow:hidden}.catalogue{padding-top:60px;padding-bottom:65px}.section-heading h2{font-size:36px}.section-mark{display:none}.grade-controls{gap:8px;margin-top:24px}.grade{flex:1 1 43%;min-width:0;padding:14px 12px;font-size:13px}.grade small{font-size:8px}.book-grid{grid-template-columns:1fr;gap:17px}.cover-box{min-height:300px}.mock-cover{width:180px;min-height:240px}.book-info{padding:19px}.book-info h3{min-height:unset}.simple-section{padding:64px 0}.simple-section h2{font-size:35px}.steps{grid-template-columns:1fr}.steps>div{gap:10px;padding:21px}.footer-inner{flex-direction:column;align-items:start}.modal{padding:9px}.modal-content{max-height:95dvh;padding:22px 17px}.page-stage{min-height:310px}.page{height:289px;width:211px}.page-tools button{padding:8px 10px}.page-tools button span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition:none!important}}