:root{--ink:#0b2841;--muted:#506b80;--teal:#0e7fa0;--aqua:#0e9e8f;--line:#d3e6ef;--bg:#eaf8ff;--card:#ffffffd9;--shadow:0 12px 32px #174d6c0c;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#fbfdff 4%,#eaf8ff 55%,#d9f4fa 100%);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #0e9e8f;outline-offset:3px}.wrap{width:min(1380px,calc(100% - 64px));margin:auto}.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:#ffffffb8;backdrop-filter:blur(12px)}.header-inner{height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo{width:44px;height:44px;border-radius:10px;background:#0b2841;display:grid;place-items:center;color:#fff;font-size:19px;font-weight:800;letter-spacing:-2px}.logo img{width:100%;height:100%;object-fit:contain}.brand b{display:block;font-size:18px}.brand small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.nav{display:flex;gap:22px;align-items:center;margin:auto}.nav a{font-size:13px;font-weight:650;padding:9px 0}.nav a:hover,.nav a.active{color:var(--teal)}.nav a.active{border-bottom:2px solid var(--aqua)}.workspace,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid #91d3e7;border-radius:12px;background:#fff;font-weight:700;font-size:13px;white-space:nowrap}.btn.primary{color:white;background:linear-gradient(120deg,#0e7fa0,#0e9e8f);border-color:transparent}.btn:hover,.workspace:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:white;padding:9px 12px;font-size:22px;cursor:pointer}.top{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;margin-top:16px}.panel{min-height:86px;border:1px solid var(--line);border-radius:17px;background:var(--card);display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:15px;box-shadow:var(--shadow)}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.09em;color:var(--teal)}.date-row{display:flex;align-items:center;gap:12px}.date-day{font-size:42px;font-weight:850;letter-spacing:-.06em;line-height:1}.date-detail{font-size:12px;line-height:1.45}.clock{border-left:1px solid var(--line);padding-left:18px}.clock b{display:block;font-size:21px;color:#076d8d}.clock small{font-size:10px;color:var(--muted)}.quote-body{flex:1}.quote-body p{font-size:14px;font-style:italic;font-weight:650;margin:7px 0 0}.surprise{background:#fff;border:1px solid #a9dbe8;color:#0e6887;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:750;cursor:pointer}.hero{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:430px;gap:0;margin-top:12px}.hero-copy{position:relative;z-index:1;padding:25px 0}.pill{display:inline-block;background:#dff6f7;border-radius:30px;padding:8px 12px;font-size:11px;color:#087d89;font-weight:750;margin-bottom:12px}.hero h1{font-size:clamp(37px,3.55vw,60px);line-height:1.1;letter-spacing:-.055em;margin:8px 0 18px;max-width:670px}.hero h1 span{color:#0e85a5}.hero-copy>p{font-size:15px;line-height:1.7;color:var(--muted);max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.scene{position:relative;min-width:0}.scene img{width:100%;height:auto;display:block;mask-image:linear-gradient(to right,transparent 0%,black 12%,black 100%);border-radius:5px}.expertise{position:absolute;display:flex;align-items:center;gap:8px;background:#fffffff2;padding:8px 12px;border-radius:50px;box-shadow:0 8px 20px #11526c24;font-size:12px;max-width:250px}.expertise strong{display:block}.expertise small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.expertise .circle{width:31px;height:31px;border-radius:50%;background:#0b979e;color:white;display:grid;place-items:center;font-size:17px;flex:none}.ex-one{left:4%;top:28%}.ex-two{right:0;top:17%}.ex-three{right:0;bottom:27%}.expertise-mobile{display:none}.skill-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px}.skill{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #c0e5ed;border-radius:15px;background:#ffffffba;min-width:0}.skill i{font-style:normal;display:grid;place-items:center;border-radius:50%;background:#e1f5f8;width:42px;height:42px;font-size:22px;color:var(--teal);flex:none}.skill b{font-size:14px}.skill small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.section{margin:24px 0 30px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section h2{font-size:22px;margin:0;letter-spacing:-.025em}.section-head a{font-size:13px;color:#087e91;font-weight:750}.about-card{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:22px;border-radius:20px;background:#ffffffb8;border:1px solid var(--line)}.about-visual{background:linear-gradient(140deg,#d4f3fa,#a7d9e5);border-radius:15px;overflow:hidden;display:flex;align-items:end}.about-visual img{width:100%;display:block;object-fit:cover}.about-card h2{font-size:24px;margin:8px 0}.about-card p,.page-intro{color:var(--muted);line-height:1.7;font-size:14px}.about-facts{display:flex;gap:22px;flex-wrap:wrap;margin:16px 0}.about-facts div{font-size:12px;max-width:200px}.about-facts strong{display:block;color:#0e7fa0;margin-bottom:4px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.feature-art{height:145px;display:grid;place-items:center;font-size:55px;background:linear-gradient(135deg,#d4f1f8,#f5fcfe 65%,#bde8e2)}.feature-content{padding:16px}.feature-content h3{font-size:16px;margin:0 0 9px}.feature-content p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 14px}.tag{font-size:10px;color:#087a8e;background:#e3f5f7;padding:5px 8px;border-radius:20px;display:inline-block;margin:0 4px 4px 0}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.resource{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;padding:18px;background:#ffffffc9}.resource span{font-size:25px}.resource b{display:block;font-size:13px}.resource small{font-size:11px;color:var(--muted)}.contact-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;background:linear-gradient(110deg,#d2f0f7,#e8f8fb);border-radius:18px;margin:28px 0}.contact-banner h2{margin:0 0 7px}.contact-banner p{margin:0;color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:22px 0 28px;color:var(--muted);font-size:12px}.page-heading{padding:42px 0 22px}.page-heading h1{font-size:clamp(34px,4vw,52px);margin:10px 0;letter-spacing:-.045em}.page-heading p{max-width:700px}.prose{max-width:800px}.prose p{line-height:1.8;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail{background:#ffffffc9;border:1px solid var(--line);border-radius:16px;padding:22px}.detail h3{margin:0 0 12px}.detail p{font-size:14px;color:var(--muted);line-height:1.7}.notice{font-size:12px;color:#526d7b;background:#eff9fc;border-left:3px solid #0e9e8f;padding:11px 14px;margin:12px 0 22px}.contact-form{max-width:640px;display:grid;gap:12px}.contact-form label{font-size:13px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;border:1px solid #c6e1eb;border-radius:11px;padding:12px;background:#fff}.contact-form textarea{min-height:120px}.mobile-drawer{display:none}.only-mobile{display:none}
@media(max-width:1050px){.nav{gap:12px}.nav a{font-size:12px}.brand small{display:none}.hero{grid-template-columns:43% 57%}.hero h1{font-size:clamp(34px,4vw,48px)}.expertise{font-size:10px;padding:6px}.expertise small{font-size:9px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header-inner{height:66px}.brand b{font-size:16px}.logo{width:40px;height:40px}.nav,.header-inner>.workspace{display:none}.menu-toggle{display:block;margin-left:auto}.top{grid-template-columns:1fr;gap:10px;margin-top:12px}.panel{min-height:78px;padding:13px 15px}.hero{display:flex;flex-direction:column;min-height:0;margin-top:18px}.hero-copy{width:100%;padding:8px 0}.hero h1{font-size:clamp(31px,8vw,44px);letter-spacing:-.045em;line-height:1.15;overflow-wrap:normal}.hero-copy>p{font-size:14px;margin-bottom:12px}.hero-actions{margin:14px 0 4px}.scene{width:100%;margin-top:8px}.scene img{mask-image:none}.scene .expertise{display:none}.expertise-mobile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 24px}.expertise-mobile .mini{background:#ffffffd9;border:1px solid var(--line);border-radius:12px;padding:9px 4px;text-align:center;min-width:0;font-size:10px;font-weight:750}.expertise-mobile .mini span{display:block;font-size:21px;color:var(--teal);margin-bottom:5px}.skill-row{display:none}.about-card{grid-template-columns:1fr}.about-visual{height:210px}.about-visual img{height:100%;object-fit:cover;object-position:center 27%}.card-grid{grid-template-columns:1fr}.feature{display:grid;grid-template-columns:110px 1fr}.feature-art{height:100%;min-height:150px;font-size:38px}.resource-grid,.detail-grid{grid-template-columns:1fr 1fr}.contact-banner{align-items:flex-start;flex-direction:column}.footer{flex-direction:column;text-align:center}.mobile-drawer{display:block;position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}.mobile-drawer.open{visibility:visible;pointer-events:auto}.drawer-overlay{position:absolute;inset:0;background:#0b284180;opacity:0;transition:opacity .2s}.mobile-drawer.open .drawer-overlay{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(350px,88vw);background:#f9fdff;transform:translateX(100%);transition:transform .24s;padding:24px 20px;display:flex;flex-direction:column;gap:6px}.mobile-drawer.open .drawer-panel{transform:translateX(0)}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.drawer-close{background:none;border:0;font-size:30px}.drawer-panel>a:not(.workspace){padding:14px 12px;border-radius:10px;font-weight:650}.drawer-panel>a.active{background:#def4f5;color:#087d89}.drawer-panel .workspace{margin-top:20px}.only-mobile{display:block}}
@media(max-width:420px){.wrap{width:calc(100% - 26px)}.panel{flex-wrap:wrap}.clock{padding-left:12px}.clock b{font-size:17px}.clock small{font-size:9px}.date-day{font-size:35px}.quote-body p{font-size:12px}.surprise{padding:8px;font-size:11px}.hero h1{font-size:clamp(29px,8.4vw,36px)}.hero-copy>p{font-size:13px}.btn{padding:11px 13px;font-size:12px}.resource-grid{grid-template-columns:1fr}.about-facts{gap:12px}.feature{grid-template-columns:90px 1fr}.feature-content{padding:12px}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.scene{animation:appear .5s ease-out both}.scene{animation-delay:.12s}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn,.workspace{transition:transform .2s,box-shadow .2s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}