:root{--ink:#142c35;--deep:#073f49;--teal:#087c83;--aqua:#b7e4e3;--pale:#ecf5f4;--cream:#f7f8f6;--line:#d8e5e3;--muted:#526a70;--orange:#e3a05f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;line-height:1.7}button,a{font:inherit}a{color:inherit}.container{width:min(1200px,calc(100% - 48px));margin:auto}.nav{position:sticky;top:0;background:#fff;z-index:20;border-bottom:1px solid var(--line)}.nav-inner{min-height:77px;display:flex;align-items:center;gap:36px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;line-height:1;font-weight:900;letter-spacing:.02em;margin-right:auto}.logo small{display:block;font-size:11px;letter-spacing:.02em;color:#5f7476;margin-top:6px;font-weight:500}.logo-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:4px;background:#075663;color:#fff;font:27px Georgia}.logo-icon span{color:#e3a05f}.nav-links{display:flex;gap:25px;white-space:nowrap}.nav-links a{text-decoration:none;font-size:13px;color:#37565b;font-weight:700}.nav-links a:hover{color:#087c83}.nav-action{background:#087c83;color:white;text-decoration:none;padding:11px 16px;font-size:13px;font-weight:700;border-radius:3px;white-space:nowrap}.nav-action span{margin-left:10px}.hero{background:#073f49;color:white;overflow:hidden}.hero-grid{min-height:580px;display:grid;grid-template-columns:1.02fr .98fr;gap:90px;align-items:center;padding-top:65px;padding-bottom:75px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-family:Arial,sans-serif;font-weight:800;color:#087c83}.eyebrow{color:#b9e5e1;letter-spacing:.08em;font-size:13px}.eyebrow-line{display:inline-block;vertical-align:middle;width:26px;height:2px;background:#e3a05f;margin-right:8px}.hero h1{font-size:clamp(42px,4.4vw,68px);line-height:1.27;letter-spacing:-.06em;margin:20px 0 25px}.hero h1 span{color:#85d8d0}.hero-description{font-size:16px;line-height:1.9;color:#d0e3e3;max-width:560px}.hero-buttons{display:flex;align-items:center;gap:25px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;border-radius:3px;font-weight:800;padding:15px 20px}.button-primary{background:#d9a164;color:#112f35}.button-primary:hover{background:#f0b36d}.button span{font-size:20px;line-height:1}.button-text{text-decoration:none;border-bottom:1px solid #b1d9d5;padding-bottom:4px;font-size:14px;font-weight:700}.hero-caption{font-size:12px;color:#b9d1d0;margin-top:20px}.hero-panel{background:#f9fcfb;color:#193740;border:1px solid #84b5b5;box-shadow:22px 22px 0 #0e616a;transform:rotate(1deg);border-radius:5px;overflow:hidden}.panel-bar{height:39px;background:#e8f1f1;border-bottom:1px solid #ccdddd;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font:10px Arial;letter-spacing:.17em;color:#456367}.panel-dots{display:flex;gap:5px}.panel-dots i{width:7px;height:7px;border-radius:50%;background:#96b4b7}.panel-dots i:first-child{background:#da9b73}.panel-content{padding:30px 36px 34px}.panel-label{display:flex;justify-content:space-between;font:10px Arial;letter-spacing:.13em;color:#087c83}.panel-label b{color:#859a9d}.panel-content h2{font-size:29px;line-height:1.5;margin:16px 0 28px}.panel-path{border-top:1px solid #d2e0df}.panel-path div{display:flex;gap:20px;border-bottom:1px solid #d2e0df;padding:12px 0;font-size:13px}.panel-path span{color:#087c83;width:48px;font-weight:700}.panel-path strong{font-weight:700}.panel-result{display:flex;justify-content:space-between;background:#e5f3f1;margin-top:24px;padding:13px 16px;font-size:12px;font-weight:700}.panel-result span{font-size:18px}.audience-section,.work-section,.steps-section,.region-section,.faq-section{padding:88px 0}.audience-section{background:#f8faf9}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.heading-row h2,.steps-layout h2,.region-layout h2,.faq-layout h2,.closing h2{font-size:clamp(28px,2.7vw,38px);letter-spacing:-.045em;line-height:1.4;margin:8px 0 0}.heading-row>p{max-width:380px;color:var(--muted);font-size:14px;margin:0}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.audience-card{display:flex;flex-direction:column;text-decoration:none;padding:23px 21px;min-height:275px;border:1px solid #d9e7e4;background:white;border-radius:4px;transition:transform .2s,box-shadow .2s}.audience-card:hover,.work-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #0c45451a}.audience-card:nth-child(2){background:#f4faf9}.audience-card:nth-child(3){background:#f8f9f2}.audience-card:nth-child(4){background:#f3f8f8}.audience-num{font:10px Arial;letter-spacing:.12em;color:#5e7f82}.audience-glyph{font-size:35px;color:#087c83;margin:16px 0 10px;line-height:1}.audience-card h3{margin:0 0 8px;font-size:19px}.audience-card p{font-size:13px;color:#547077;margin:0 0 14px}.audience-link{margin-top:auto;font-size:12px;font-weight:800;color:#087c83}.work-section{background:#fff}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.work-card{border:1px solid #dce6e4;border-radius:4px;background:#fff;padding:16px;text-align:left;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s,box-shadow .2s;scroll-margin-top:95px}.work-meta{color:#087c83;font-size:11px;margin-top:17px;font-weight:800}.work-card h3{font-size:18px;margin:7px 0}.work-card p{font-size:13px;color:#526b70;margin:0 0 11px}.work-link{font-size:12px;color:#087c83;font-weight:800;margin-top:auto}.preview{height:207px;border:1px solid #d7e5e4;border-radius:3px;overflow:hidden;background:#f2f8f7;color:#1c414a;font-family:Arial,"Yu Gothic",sans-serif;font-size:10px}.browser-bar{display:flex;justify-content:space-between;align-items:center;background:#0a5661;color:white;padding:9px 12px;height:30px;font-weight:bold}.browser-bar span:last-child{font-size:8px;letter-spacing:.03em;font-weight:normal}.preview-sales{padding-bottom:8px}.sales-stats{display:flex;gap:8px;margin:13px}.sales-stats div{background:#fff;flex:1;padding:9px 12px;box-shadow:0 1px 2px #12485114}.sales-stats small,.sales-stats b,.sales-stats em{display:block}.sales-stats small{color:#688687}.sales-stats b{font-size:15px}.sales-stats em{font-style:normal;font-size:9px;color:#0a8876}.mini-chart{height:73px;display:flex;align-items:flex-end;gap:15px;background:#fff;margin:0 13px;padding:5px 24px 0;border-bottom:1px solid #dbe8e5}.mini-chart i{display:block;background:#78bec0;width:21px;border-radius:2px 2px 0 0}.mini-chart i:nth-child(3n){background:#dea370}.preview-booking{background:#fff;padding:14px}.booking-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:12px}.booking-head small{font-size:8px;color:#557c80}.calendar-grid{margin:15px 0 13px;display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:2px}.calendar-grid span{color:#759598;font-size:8px}.calendar-grid i{font-style:normal;padding:7px 0;border:1px solid #dbe8e6;border-radius:3px}.calendar-grid i.selected{background:#0a7c84;color:#fff}.time-slots{display:flex;gap:6px}.time-slots span{border:1px solid #d9e8e6;padding:5px 11px;border-radius:3px}.time-slots .chosen{border-color:#087c83;color:#087c83;background:#e8f5f3}.booking-foot{text-align:right;color:#087c83;margin-top:13px;font-size:9px;font-weight:bold}.preview-website{background:#f5efe7}.preview-website .browser-bar{background:#fefbf5;color:#1b3839;border-bottom:1px solid #dbddd5}.website-cover{padding:21px 18px 15px;background:linear-gradient(115deg,#e6d5b6,#bccfbd);height:139px}.website-cover small,.website-cover strong,.website-cover span{display:block}.website-cover small{font-size:8px;letter-spacing:.04em}.website-cover strong{font-family:Georgia,'Yu Mincho',serif;font-size:22px;line-height:1.4;margin:8px 0}.website-cover span{font-size:9px}.website-tiles{display:flex;gap:5px;margin:8px 12px}.website-tiles i{background:#c5c8ae;height:14px;flex:1}.website-tiles i:nth-child(2){background:#e5d7bc}.website-tiles i:nth-child(3){background:#abc5ba}.preview-assistant{padding-bottom:10px}.preview-assistant .browser-bar{background:#275d7a}.chat-row{font-size:10px;padding:9px 11px;border-radius:9px;max-width:80%;margin:12px}.chat-row.user{background:#dce8ef;margin-left:auto;margin-bottom:5px}.chat-row.answer{background:#fff;margin-top:5px;box-shadow:0 1px 3px #123b4415}.chat-row.answer small{display:block;color:#087c83;font-size:9px;margin-top:4px}.chat-composer{background:#fff;border:1px solid #d5e3e2;border-radius:13px;margin:8px 12px;padding:7px 12px;color:#8da2a5}.chat-composer span{float:right;color:#087c83}.preview-event{background:#fbf6e9}.event-banner{background:linear-gradient(135deg,#1e7276,#70ada3);height:129px;padding:16px;color:#fff}.event-banner small,.event-banner strong{display:block}.event-banner small{font-size:9px;letter-spacing:.09em}.event-banner strong{font-size:22px;line-height:1.4;margin-top:8px}.event-info{display:flex;justify-content:space-between;background:#fff;margin:9px 11px;padding:9px;color:#195e60;font-weight:bold}.event-strip{margin:0 12px;font-size:9px;color:#5c8180}.preview-report{background:#fff;padding:16px}.report-head small,.report-head strong,.report-head span{display:block}.report-head small{color:#0b8186;font-size:9px;letter-spacing:.08em}.report-head strong{font-size:19px;margin-top:7px}.report-head span{font-size:9px;color:#6a8586}.report-metrics{display:flex;gap:8px;margin-top:15px}.report-metrics div{flex:1;background:#e8f3f2;padding:9px}.report-metrics b,.report-metrics small{display:block}.report-metrics b{font-size:18px;color:#087c83}.report-metrics small{font-size:8px}.report-line{width:85%;height:4px;background:#e1eae8;margin-top:12px}.report-line.short{width:60%;margin-top:6px}.steps-section{background:#eaf4f2}.steps-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.steps-layout h2{font-size:clamp(28px,3vw,43px)}.steps-layout>div:first-child>p:last-child{color:#4f6e72;max-width:460px}.steps-list>div{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #bdd6d3}.steps-list>div:first-child{padding-top:0}.steps-list>div>span{font:22px Georgia;color:#087c83}.steps-list h3{margin:0 0 4px;font-size:16px}.steps-list p{margin:0;color:#5b7579;font-size:13px}.region-section{background:#f7faf9}.region-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.region-layout p{color:#536d70}.region-tags{display:flex;gap:8px;flex-wrap:wrap}.region-tags span{background:#fff;border:1px solid #c9dedd;padding:7px 13px;border-radius:2px;font-size:12px;color:#23575c}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq-layout>div>p:last-child{color:#5c7377}.faq-items details{border-top:1px solid #d6e3e1;padding:17px 0}.faq-items details:last-child{border-bottom:1px solid #d6e3e1}.faq-items summary{list-style:none;cursor:pointer;font-weight:800;font-size:15px;display:flex;justify-content:space-between;gap:15px}.faq-items summary:after{content:'＋';color:#087c83}.faq-items details[open] summary:after{content:'－'}.faq-items p{margin:11px 0 0;color:#526e70;font-size:14px}.closing{background:#073f49;color:#fff;padding:55px 0}.closing-layout{display:flex;align-items:center;justify-content:space-between;gap:35px}.closing .section-kicker{color:#b9dedb}.closing h2{color:#fff}.closing p:last-child{color:#c8dddd}.footer{background:#092f38;color:#b8d3d3;padding:45px 0 65px}.footer-layout{display:flex;justify-content:space-between;gap:30px}.footer p,.footer small{font-size:12px}.footer-layout>div:last-child{display:flex;gap:22px;align-items:flex-start}.footer a{color:#c6e1de;font-size:12px;text-decoration:none}.example-dialog{width:min(840px,calc(100% - 32px));max-height:90vh;border:0;border-radius:5px;padding:37px;background:#fff;box-shadow:0 35px 90px #072b3880}.example-dialog::backdrop{background:#042630af}.dialog-close{position:absolute;right:13px;top:12px;background:none;border:0;color:#48696e;font-size:28px;cursor:pointer}.dialog-kicker{color:#087c83;font:11px Arial;letter-spacing:.1em;font-weight:800}.example-dialog h2{font-size:28px;margin:9px 0}.dialog-intro{font-size:14px;color:#527077}.expanded{min-height:280px;background:#ecf5f3;border:1px solid #d2e5e2;padding:22px;margin:20px 0}.expanded>div{background:#fff;min-height:235px;padding:21px}.expanded small{font-size:10px;color:#087c83;letter-spacing:.12em}.expanded h3{font-size:22px;margin:10px 0}.expanded footer{border-top:1px solid #dce8e6;margin-top:22px;padding-top:12px;color:#557a7a;font-size:12px}.expanded-sales .metric-row,.expanded-report .metric-row{display:flex;gap:10px;margin:15px 0}.expanded-sales .metric-row span,.expanded-report .metric-row span{flex:1;background:#e8f3f1;padding:11px;font-size:12px}.expanded-sales b,.expanded-report b{display:block;font-size:20px;color:#087c83}.expanded-sales .big-chart{display:flex;align-items:end;gap:17px;height:75px;border-bottom:1px solid #bdd2ce;padding-left:12px}.big-chart i{display:block;width:30px;background:#69b9ba}.big-chart i:nth-child(2n){background:#d6a06c}.expanded-booking .calendar-large{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:18px 0}.calendar-large span{border:1px solid #d6e7e4;text-align:center;padding:8px}.calendar-large span.selected{background:#087c83;color:white}.expanded-website .site-banner{background:linear-gradient(135deg,#decaa9,#a9c5b8);padding:28px;font-family:Georgia,serif;font-size:26px}.expanded-website .site-links{display:flex;gap:12px;margin:17px 0}.expanded-website .site-links span{flex:1;background:#e9f0ea;padding:12px;font-size:12px}.expanded-assistant .dialog-chat{background:#e4f2f2;padding:14px;border-radius:6px;margin:12px 0;font-size:13px;max-width:80%}.expanded-assistant .dialog-chat.answer{background:#fff;border:1px solid #d4e6e4;margin-left:auto}.expanded-event .event-large{background:#2b8a86;color:white;padding:30px;font-size:25px;font-weight:bold}.expanded-event .event-meta{display:flex;gap:9px;margin-top:12px}.expanded-event .event-meta span{background:#e6f1ef;padding:9px;font-size:12px}.expanded-report .report-story{background:#f5f8f5;padding:12px;font-size:12px}.example-dialog h4{font-size:16px;margin:10px 0}.example-dialog ol{font-size:14px;padding-left:22px}.example-dialog li{padding:3px 0}.concept-note{border-top:1px solid #dce8e5;color:#5f7578;font-size:12px;padding-top:13px}
@media(max-width:990px){.hero-grid{gap:35px}.nav-links{display:none}.audience-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 34px,1200px)}.nav-inner{min-height:66px}.logo{font-size:15px}.logo small{font-size:9px}.logo-icon{width:33px;height:33px;font-size:22px}.nav-action{font-size:11px;padding:9px}.hero-grid{display:block;min-height:0;padding:55px 0 72px}.hero h1{font-size:40px}.hero-description{font-size:15px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:15px}.hero-panel{margin-top:55px;box-shadow:9px 9px 0 #0e616a}.panel-content{padding:20px}.panel-content h2{font-size:25px}.audience-section,.work-section,.steps-section,.region-section,.faq-section{padding:58px 0}.heading-row,.closing-layout{display:block}.heading-row>p{margin-top:14px}.audience-grid,.work-grid,.steps-layout,.region-layout,.faq-layout{grid-template-columns:1fr}.audience-card{min-height:220px}.steps-layout,.region-layout,.faq-layout{gap:25px}.footer-layout{display:block}.footer-layout>div:last-child{margin-top:18px;flex-wrap:wrap}.closing .button{margin-top:15px}.example-dialog{padding:29px 16px}.expanded{padding:9px}.expanded>div{padding:15px}.expanded .metric-row{gap:4px}.expanded .metric-row span{padding:6px;font-size:10px}.expanded .metric-row b{font-size:15px}}