/* Concept 04: white canvas, expressive type and original drawn motion. */
:root{--violet:#7950df;--forest:#7950df;--deep:#24202b;--ink:#24202b;--text:#595461;--muted:#767080;--paper:#f7f4fb;--lime:#e5d9ff;--line:#e5e0eb;--inset:clamp(18px,4vw,64px);--header-h:88px}
body{background:#fff;color:var(--text)}h1,h2,h3,h4{color:var(--ink)}
.wrap,.header__inner,.hero__grid,.footer__top,.footer__bottom,.breadcrumb{width:100%;max-width:none;margin-inline:0;padding-inline:var(--inset);min-width:0}
.wrap>*,.header__inner>*,.hero__grid>*,.sec__head>*,.form__row>*{min-width:0}
.sec__pad{padding-block:clamp(58px,6vw,92px)}.sec__head{gap:8%}.sec__title{font-size:clamp(36px,4.1vw,60px);line-height:1.1;letter-spacing:-.045em;font-weight:600}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.08em}.sec__intro{font-size:17px;line-height:1.75}
::selection{background:#dfcffb;color:var(--ink)}:focus-visible{outline:3px solid var(--violet);outline-offset:5px}
.header{height:var(--header-h);background:#fff;color:var(--ink);border-bottom:1px solid #eeeaf2;box-shadow:none}.header.is-scrolled{background:#fffffff5;backdrop-filter:blur(14px);box-shadow:0 4px 25px #30204705}
.header__inner{height:100%;gap:24px}.brand{gap:11px}.brand__mark{width:39px;height:42px;color:var(--violet);border:0;border-radius:50%;background:#eee6fe;transform:rotate(-8deg)}.brand__mark span{font-family:var(--sans);font-size:31px;font-weight:600;transform:rotate(8deg)}.brand__name{font-size:23px;font-weight:600;letter-spacing:-.04em;color:var(--ink)}.brand__meta{font-size:9px;color:#77707f;letter-spacing:0}.nav{gap:25px}.nav a{font-size:13px;color:var(--ink)}.nav a:hover{color:var(--violet);box-shadow:none}.header__right{gap:25px}.lang a{font-size:11px}.lang a.is-active{color:var(--ink)}.lang i{background:var(--line)}
.btn{border-radius:12px;min-height:58px;padding:17px 25px;gap:18px;font-size:14px;font-weight:500;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn--primary{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:none}.btn--primary:hover{background:#623ac1;border-color:#623ac1;box-shadow:0 7px 20px #7950df20}.btn--primary:not(.btn--sm):after{content:'↗';font-size:22px;line-height:1}.btn--ghost,.btn--wa{background:#fff;color:var(--ink);border:1px solid #d9d1e4}.btn--ghost:hover,.btn--wa:hover{background:#f7f3fd;border-color:#ba9bea}.btn--sm{min-height:42px;font-size:12px;padding:11px 18px;border-radius:9px}.header__right>.btn{display:inline-flex}
.burger{width:42px;height:42px;border:1px solid var(--line);border-radius:11px}.burger span{background:var(--ink)}.drawer.is-open{background:#fff}.drawer__link{color:var(--ink);border-color:var(--line)}.drawer__lang a{color:var(--violet)}.progress{height:2px;background:var(--violet)}
.hero{background:#fff;position:relative;isolation:isolate;border:0;overflow:clip}.hero:before,.hero:after{display:none}
.advertising-landing .hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0;align-items:center;padding-top:68px;padding-bottom:80px;min-height:650px}
.advertising-landing .hero__main{padding:0;position:relative;z-index:2;min-width:0}.hero__kicker{font-size:11px;color:var(--muted);letter-spacing:.075em;display:flex;align-items:center;gap:10px;margin-bottom:28px}.hero__kicker i:first-child{display:block;width:8px;height:8px;border-radius:50%;background:var(--violet)}.hero__kicker i:last-child{display:none}
.advertising-landing h1{font-size:clamp(45px,5.45vw,84px);font-weight:600;line-height:1.06;letter-spacing:-.052em;color:var(--ink);max-width:none;text-wrap:initial}.hero__accent{display:block;position:relative;width:fit-content;max-width:100%;z-index:1}.hero__accent:after{content:'';position:absolute;left:0;bottom:-9px;width:97%;height:13px;background:url("data:image/svg+xml,%3Csvg width='650' height='18' viewBox='0 0 650 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10Q219 -1 642 7M26 16Q329 4 618 14' fill='none' stroke='%23bea1f2' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") left center/100% 100% no-repeat;z-index:-1}.hero h1 .hero__qualifier{display:block;font-size:clamp(17px,1.5vw,22px);line-height:1.5;font-weight:400;letter-spacing:-.015em;margin-top:31px;color:var(--text)}
.hero__lead{font-size:17px;line-height:1.8;max-width:640px;margin-top:24px}.hero__cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.hero__cta .btn{min-height:61px;font-size:14px}.hero__track{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--muted);margin-top:29px}.hero__track span{display:flex;gap:7px;align-items:center}.hero__track b{font-weight:500;color:var(--violet)}.hero__track i{width:22px;height:1px;background:var(--line)}
.illustrated-scene{position:relative;margin:0;min-width:0;width:100%;height:470px;isolation:isolate;align-self:center}.scene-orbit{position:absolute;width:85%;height:85%;border:1px dashed #ded1f2;border-radius:48% 52% 48% 52%;top:7%;right:0;transform:none;z-index:-1}.scene-people{position:absolute;left:0;bottom:40px;width:100%;height:79%;object-fit:contain;object-position:center bottom;transform-origin:center bottom;animation:people-sway 7s ease-in-out infinite}.illustrated-scene figcaption{position:absolute;bottom:0;left:14%;display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.5;color:var(--ink);background:#fff;padding:12px 15px;max-width:85%;border-radius:11px;transform:rotate(-4deg)}.illustrated-scene figcaption small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.sketch-caption-mark{font-size:35px;line-height:1;color:var(--violet);font-family:var(--serif)}.sketch-plane{position:absolute;top:0;left:6%;width:32%;height:auto;z-index:1}.plane-body{transform-origin:135px 43px;animation:plane-drift 6s ease-in-out infinite}.flight-trail{animation:trail-flow 4s linear infinite}.sketch-paper{position:absolute;right:1%;top:21%;width:17%;height:auto;z-index:1;transform:rotate(12deg);animation:paper-float 5s ease-in-out infinite}.drawn-check{stroke-dasharray:52;stroke-dashoffset:0;animation:check-draw 6s ease-in-out infinite}.sketch-spark{position:absolute;left:4%;top:42%;width:11%;height:auto;animation:spark-turn 8s ease-in-out infinite}.motion-toggle{position:absolute;right:var(--inset);bottom:20px;display:flex;align-items:center;gap:6px;padding:7px 10px;border:0;background:#fff;color:var(--muted);border-radius:8px;font-size:10px}.motion-toggle:hover{background:var(--paper);color:var(--violet)}.motion-toggle>span:first-child{font-size:14px}
@keyframes people-sway{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.4deg)}}@keyframes plane-drift{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(6px,-8px) rotate(3deg)}}@keyframes trail-flow{to{stroke-dashoffset:-48}}@keyframes paper-float{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes check-draw{0%,15%{stroke-dashoffset:52}45%,100%{stroke-dashoffset:0}}@keyframes spark-turn{0%,100%{transform:rotate(-10deg) scale(.9)}50%{transform:rotate(12deg) scale(1.05)}}
.is-animation-paused .illustrated-scene *,.illustrated-scene.is-offscreen *{animation-play-state:paused!important}
.benefits{background:#fff;padding:0 var(--inset) 40px}.benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);padding-top:28px}.benefit{position:relative;padding:3px 12px 3px 61px;min-width:0}.benefit__icon{position:absolute;left:0;top:4px;width:42px;height:42px;transform:rotate(-5deg);color:var(--ink)}.benefit__icon svg{width:100%;height:100%}.benefit__icon svg [stroke="#ef8878"]{stroke:var(--violet)}.benefit h2{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin-bottom:8px}.benefit p{font-size:13px;line-height:1.7;max-width:310px}
.about-concept{background:#fff}.about-concept .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10%;align-items:center}.about-concept__intro h2{font-size:clamp(37px,4.5vw,66px);line-height:1.08;font-weight:600;letter-spacing:-.045em;margin-top:25px}.about-concept__intro h2 span{color:var(--violet)}.about-concept__intro p{font-size:17px;line-height:1.8;margin-top:27px}.about-concept__intro .link-arrow{display:inline-block;margin-top:27px;color:var(--ink);font-size:14px;border-color:#b49bd8}.about-concept__focus{padding:34px;background:#fcf7ed;border-radius:30px;transform:rotate(1.2deg)}.focus__label{display:block;font-size:12px;margin-bottom:24px;color:var(--muted)}.about-concept__focus>div{position:relative;padding:26px 0 24px 48px;border-top:1px solid #e4ddcf}.focus__number{position:absolute;left:0;top:28px;font-size:15px;color:var(--violet)}.about-concept__focus h3{font-size:27px;font-weight:500;line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere;margin-bottom:16px}.about-concept__focus p{font-size:15px;line-height:1.7}
.consultation-section{background:#fff}.consultation__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:10%;align-items:center;border-block:1px solid var(--line)}.consultation__intro h2{font-size:clamp(42px,5vw,74px);font-weight:600;line-height:1.07;letter-spacing:-.045em;margin-top:24px}.consultation__intro h2 span{color:var(--violet)}.consultation__intro p{font-size:16px;line-height:1.8;max-width:520px;margin-top:27px}.consultation__intro ul{display:grid;gap:15px;margin-top:29px}.consultation__intro li{display:flex;gap:13px;font-size:14px;line-height:1.6}.consultation__intro li:before{content:'✓';color:var(--violet);font-size:18px;line-height:1.25}.consultation__intro>a{display:inline-block;font-size:30px;font-weight:500;letter-spacing:-.03em;text-decoration:none;color:var(--ink);margin-top:34px}.consultation__company{display:block;font-size:11px;color:var(--muted);margin-top:6px}.lead-panel{background:#f8f5fc;border:0;border-radius:28px;padding:36px;max-width:none;width:100%;min-width:0;box-shadow:none}.lead-panel h2{font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:1.2;color:var(--ink)}.lead-panel .form-wrap{margin-top:28px}.lead-panel .form{gap:19px}.lead-panel .form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lead-panel .form label{font-size:12px;color:var(--text)}.form input,.form select,.form textarea{border:1px solid #dfd7e9;border-radius:10px;background:#fff;color:var(--ink);max-width:100%;min-width:0}.lead-panel .form input,.lead-panel .form select,.lead-panel .form textarea{font-size:16px}.form input:focus,.form select:focus,.form textarea:focus{outline-color:var(--violet)}.lead-panel .form .btn{justify-content:space-between;font-size:14px;padding-inline:20px}.lead-panel .form__hint{font-size:11px;line-height:1.7}.form__hint a{color:var(--violet)}.form-result{border-color:var(--line);border-radius:20px;box-shadow:none}.form-result__check,.form-result__btn{color:var(--violet)}
.service-page .breadcrumb{padding-block:24px;margin:0;font-size:12px;flex-wrap:wrap}.service-page .hero__grid{padding-block:40px 66px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:8%;align-items:center}.service-page .hero h1{font-size:clamp(46px,5.5vw,79px);font-weight:600;line-height:1.05;letter-spacing:-.05em;max-width:none}.service-page .hero .panel{background:#f4eefc;border:0;border-radius:32px;padding:35px;min-height:265px;align-self:center;transform:rotate(2deg)}.service-page .panel .eyebrow{color:var(--violet)}.service-page .panel .tag{color:var(--ink);border-color:#d7c8ea;background:#fff;border-radius:30px;font-size:14px;padding:8px 13px}.service-page .panel .tags{padding-top:25px;border-color:#ded0ef}.service-page .hero__guide-link{color:var(--violet);font-size:14px}.mobile-cta{background:#fffffff2;backdrop-filter:blur(14px);border-color:var(--line)}.mobile-cta a{border-radius:10px}.mc--call{background:var(--violet);color:white}.mc--wa{background:#efe6fc;color:var(--ink)}.mc--mail{border-color:var(--line);color:var(--ink)}
@media(min-width:1700px){.advertising-landing .hero__grid{padding-block:80px 85px;min-height:740px}.illustrated-scene{height:570px}.hero__lead{font-size:19px}.hero__cta .btn{font-size:16px}.benefit h2{font-size:23px}.benefit p{font-size:15px}}
@media(max-width:1160px){.nav{gap:16px}.header__inner{gap:18px}.brand__name{font-size:21px}.header__right{gap:16px}.header__right>.btn{display:none}.advertising-landing .hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding-block:52px 65px;min-height:600px}.advertising-landing h1{font-size:clamp(44px,5.1vw,62px)}.hero__lead{font-size:15px}.hero__cta .btn{font-size:12px;padding-inline:17px;min-height:54px}.illustrated-scene{height:390px}.illustrated-scene figcaption{left:4%;max-width:96%;font-size:11px}.hero__track{font-size:10px;gap:10px}.hero__track i{width:12px}.about-concept .wrap{gap:7%}.about-concept__focus{padding:28px}.consultation__grid{gap:6%}.lead-panel{padding:28px}.lead-panel h2{font-size:28px}}
@media(max-width:900px){:root{--header-h:78px;--inset:24px}.nav{display:none}.header__right{margin-left:auto;display:flex}.header__right>.btn{display:inline-flex}.burger{margin:0}.advertising-landing .hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);padding-block:43px 63px;min-height:565px}.advertising-landing h1{font-size:clamp(35px,5.6vw,50px)}.hero h1 .hero__qualifier{font-size:17px}.hero__kicker{font-size:9px;letter-spacing:.035em;line-height:1.6}.hero__lead{font-size:14px;line-height:1.75}.hero__cta{gap:10px;margin-top:25px}.hero__cta .btn{font-size:12px;min-height:49px;padding-inline:16px}.hero__track{gap:9px;font-size:9px}.hero__track i{width:8px}.illustrated-scene{height:335px}.scene-people{bottom:53px;height:72%}.illustrated-scene figcaption{left:0;padding:9px 0;font-size:10px}.illustrated-scene figcaption small{font-size:8px}.sketch-caption-mark{font-size:27px}.sketch-plane{top:0}.benefits__grid{gap:20px}.benefit{padding:0}.benefit__icon{position:static;display:block;margin-bottom:14px;width:38px;height:38px}.benefit h2{font-size:19px}.benefit p{font-size:12px}.about-concept__intro h2{font-size:41px}.about-concept__intro p{font-size:15px}.about-concept__focus{padding:25px}.about-concept__focus h3{font-size:23px}.about-concept__focus p{font-size:13px}.about-concept__focus>div{padding-left:35px}.consultation__intro h2{font-size:45px}.consultation__intro p{font-size:14px}.consultation__intro li{font-size:13px}.lead-panel{padding:25px}.lead-panel .form__row{grid-template-columns:minmax(0,1fr)}.service-page .hero__grid{grid-template-columns:minmax(0,1fr);gap:33px;padding-block:28px 48px}.service-page .hero h1{font-size:clamp(45px,7vw,65px)}.service-page .hero .panel{transform:none;min-height:0}.drawer.is-open{padding:25px var(--inset) 90px}}
@media(max-width:620px){:root{--header-h:72px;--inset:18px}.brand__name{font-size:20px}.brand__mark{width:33px;height:37px}.brand__mark span{font-size:27px}.brand__meta{font-size:8px}.header__inner{gap:14px}.header__right{display:none}.burger{margin-left:auto;width:39px;height:39px}.advertising-landing .hero__grid{display:flex;flex-direction:column;align-items:stretch;padding-block:35px 53px;gap:18px;min-height:0}.hero__kicker{font-size:8px;gap:9px;margin-bottom:23px}.advertising-landing h1{font-size:clamp(32px,9.3vw,55px);line-height:1.08;letter-spacing:-.05em;overflow-wrap:anywhere}.hero h1 .hero__qualifier{font-size:16px;line-height:1.5;margin-top:26px}.hero__lead{font-size:14px;line-height:1.75;margin-top:21px}.hero__cta{display:grid;grid-template-columns:minmax(0,1fr);margin-top:24px;gap:10px}.hero__cta .btn{font-size:13px;min-height:52px;padding-inline:20px;justify-content:space-between}.hero__track{font-size:10px;gap:11px;margin-top:24px}.hero__track i{width:12px}.illustrated-scene{width:100%;max-width:460px;height:335px;align-self:center}.scene-people{height:83%;bottom:26px}.scene-orbit{top:6%;height:82%;width:80%;right:6%}.sketch-plane{width:28%;top:0;left:5%}.sketch-paper{width:15%;right:3%;top:20%}.sketch-spark{left:3%;top:46%;width:10%}.illustrated-scene figcaption{left:10%;bottom:-4px;font-size:11px;padding:9px 12px;max-width:89%;gap:9px}.illustrated-scene figcaption small{font-size:8px}.motion-toggle{bottom:6px;right:var(--inset);font-size:9px}.benefits{padding-bottom:15px}.benefits__grid{grid-template-columns:minmax(0,1fr);gap:0;padding-top:5px}.benefit{padding:21px 0 21px 58px;border-bottom:1px solid var(--line)}.benefit__icon{position:absolute;left:0;top:25px;width:37px;height:37px;margin:0}.benefit h2{font-size:20px;margin-bottom:7px}.benefit p{font-size:13px;max-width:none}.sec__title{font-size:35px;overflow-wrap:anywhere}.about-concept .wrap{grid-template-columns:minmax(0,1fr);gap:30px}.about-concept__intro h2{font-size:clamp(34px,9.5vw,47px);line-height:1.1;margin-top:21px;overflow-wrap:anywhere}.about-concept__intro p{font-size:15px;margin-top:24px}.about-concept__intro .link-arrow{font-size:13px;margin-top:23px}.about-concept__focus{transform:none;border-radius:24px;padding:27px}.about-concept__focus>div{padding-left:39px}.about-concept__focus h3{font-size:25px}.about-concept__focus p{font-size:14px}.consultation__grid{grid-template-columns:minmax(0,1fr);gap:32px}.consultation__intro h2{font-size:45px;margin-top:20px}.consultation__intro>a{font-size:29px}.lead-panel{border-radius:23px;padding:28px 23px}.lead-panel h2{font-size:30px}.lead-panel .form{gap:18px}.lead-panel .form input,.lead-panel .form select{min-height:50px}.lead-panel .form label{font-size:13px}.lead-panel .form__hint{font-size:12px}.service-page .hero h1{font-size:clamp(36px,10vw,56px);overflow-wrap:anywhere}.service-page .hero .panel{padding:26px;border-radius:24px}.service-page .hero .panel .tag{font-size:12px}.service-page .breadcrumb{font-size:10px;padding-block:18px}.mobile-cta{padding:9px 12px max(9px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.mobile-cta a{font-size:12px;min-height:42px}.drawer__link{font-size:28px}}
@media(max-width:360px){:root{--inset:14px}.advertising-landing h1{font-size:31px}.hero__track{font-size:9px;gap:8px}.hero__track i{width:8px}.illustrated-scene{height:290px}.lead-panel{padding:26px 20px}.lead-panel h2{font-size:27px}.consultation__intro h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.illustrated-scene *{animation:none!important}.btn:hover{transform:none}}