:root{--bg:#08110c;--panel:#102019;--panel2:#172c21;--text:#f7f2df;--muted:#b9c2b8;--gold:#d4b85e;--green:#2f8257;--line:rgba(212,184,94,.28);--danger:#d86b6b;--ok:#69c584}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#183526 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:40px 40px}.progress{position:fixed;top:0;left:0;height:3px;background:var(--gold);z-index:100;width:0}.loader{position:fixed;inset:0;display:grid;place-items:center;background:#07100b;z-index:999;font-weight:900;letter-spacing:.25em;transition:.5s}.loader.hide{opacity:0;pointer-events:none}header{position:sticky;top:0;z-index:50;background:rgba(8,17,12,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}nav{max-width:1180px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none}.logo>span{width:46px;height:46px;border:1px solid var(--gold);display:grid;place-items:center;border-radius:50%;color:var(--gold);font-weight:900}.logo div{display:flex;flex-direction:column;line-height:1}.logo small{font-size:.62rem;letter-spacing:.18em;color:var(--gold)}.links{display:flex;gap:22px;align-items:center}.links a{color:var(--text);text-decoration:none;font-weight:700;font-size:.92rem}.links .cta,.btn.primary{background:var(--gold);color:#102019;padding:11px 18px;border-radius:999px}#menuBtn{display:none;background:none;color:white;border:0;font-size:1.5rem}main{overflow:hidden}section{max-width:1180px;margin:auto;padding:90px 22px}.hero{min-height:82vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.75rem}.hero h1,h2{font-size:clamp(2.4rem,5vw,5.4rem);line-height:1.02;margin:.2em 0}.hero h1 .green{color:#77c697}.hero-copy>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:1.15rem}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:11px 18px;border-radius:999px;color:var(--text);text-decoration:none;font-weight:850;cursor:pointer;background:transparent}.btn.ghost:hover{border-color:var(--gold)}.laptop-wrap{perspective:1000px}.laptop{padding:45px 30px;background:linear-gradient(145deg,#172c21,#09120d);border:10px solid #222;border-radius:20px;box-shadow:0 40px 80px #0009;aspect-ratio:16/10}.laptop h3{font-size:2rem}.laptop em{color:var(--gold)}.dots i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:5px}.smooth-platform{width:110%;height:16px;background:#222;border-radius:3px 3px 30px 30px;transform:translateX(-5%)}.split,.builder,.booking{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.split h2,.builder h2,.booking h2,.contact h2,.section-head h2{font-size:clamp(2rem,4vw,4rem)}.terminal-box,.panel,.package,.service-grid article,.project>div:not(.laptop-project){background:linear-gradient(145deg,rgba(23,44,33,.92),rgba(10,22,15,.95));border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 22px 50px #0004}.terminal-line{color:#87d7a6}.center{text-align:center}.service-grid,.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.service-grid article span{color:var(--gold)}.work .project{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin:70px 0}.project.laptop-left .laptop-project{order:2}.laptop-project{display:block;text-decoration:none}.laptop-screen{background:#222;border:12px solid #222;border-radius:16px;aspect-ratio:16/10;overflow:hidden;box-shadow:0 30px 60px #0008}.laptop-screen img{width:100%;height:100%;object-fit:cover}.laptop-base{height:15px;background:#333;border-radius:0 0 35px 35px;width:110%;margin-left:-5%}.project-btn{color:var(--gold)}.package-grid{grid-template-columns:repeat(3,1fr)}.package.featured{transform:translateY(-16px);border-color:var(--gold)}.package strong{display:block;font-size:2.4rem;color:var(--gold)}.package li{margin:10px 0}.panel label{display:block;font-weight:800;margin-bottom:18px}.panel input,.panel select,.panel textarea{width:100%;margin-top:7px;padding:13px 14px;border-radius:12px;border:1px solid #335642;background:#09140e;color:white;font:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-controls{display:flex;gap:10px}.estimate{margin-top:20px;color:var(--gold);font-weight:900;font-size:1.3rem}.form-message{display:none;margin-top:16px;padding:15px;border-radius:12px}.form-message.show{display:block}.form-message.success{background:#173c29;border:1px solid #3c9e66}.form-message.error{background:#431f20;border:1px solid #a84b4e}.contact{text-align:center}.contact-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.contact-links a{color:var(--gold)}footer{text-align:center;padding:35px;border-top:1px solid var(--line);color:var(--muted)}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;z-index:100}.modal.open{display:grid}.modal-card{background:var(--panel);padding:35px;border-radius:22px;border:1px solid var(--line);width:min(560px,90%)}
.story-book-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.story-book{position:relative;width:min(820px,100%);height:460px;perspective:1800px;filter:drop-shadow(0 28px 30px rgba(0,0,0,.28))}.book-shell{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(5deg)}.book-cover{position:absolute;inset:-14px -18px -18px;border-radius:18px;background:linear-gradient(145deg,#101812,#263b2c 55%,#0d120f);box-shadow:inset 0 0 0 2px rgba(212,184,94,.25)}.book-spine{position:absolute;left:50%;top:1%;bottom:1%;width:34px;transform:translateX(-50%);background:#0005;border-radius:50%;z-index:20}.book-page{position:absolute;top:0;width:50%;height:100%;background:linear-gradient(90deg,#e9dfc3,#fffaf0 10%,#f6ecd2);border:1px solid #c9b989;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .9s;cursor:pointer}.book-page.left{left:0;border-radius:14px 2px 2px 14px;transform-origin:right}.book-page.right{right:0;border-radius:2px 14px 14px 2px;transform-origin:left}.book-page.turn-left{transform:rotateY(180deg)}.book-page.turn-right{transform:rotateY(-180deg)}.page-content{position:absolute;inset:0;padding:45px 35px;display:flex;flex-direction:column;justify-content:center;color:#302512;font-family:Georgia,serif}.page-content h3{color:#1e3b28;font-size:1.8rem}.page-content p{font-size:1.05rem}.chapter{color:#8b6f24;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:bold}.page-number{position:absolute;bottom:15px;color:#8b7a55}.left .page-number{left:25px}.right .page-number{right:25px}.book-controls{display:flex;gap:12px;align-items:center}.book-controls button{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:white}
@media(max-width:850px){.hero,.split,.builder,.booking,.work .project{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.package-grid{grid-template-columns:1fr}.project.laptop-left .laptop-project{order:0}.links{display:none;position:absolute;top:78px;left:0;right:0;padding:22px;background:#09140e;flex-direction:column}.links.open{display:flex}#menuBtn{display:block}.story-book{height:420px}}@media(max-width:560px){section{padding:65px 18px}.form-row,.service-grid{grid-template-columns:1fr}.story-book{height:480px}.page-content{padding:25px 16px}.page-content h3{font-size:1.25rem}.page-content p{font-size:.9rem}}