:root{--navy:#101f3c;--navy2:#172e54;--green:#22b878;--green-dark:#139c65;--ink:#192943;--muted:#68778b;--line:#e4eaf1;--pale:#f4f8fc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:10px;z-index:99;background:white;padding:10px}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 18px #152f4b0d}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:-.04em;white-space:nowrap}.brand em{font-style:normal;color:var(--green)}.brand-mark{display:inline-grid;place-items:center;background:var(--navy);color:#fff;border-radius:9px;width:35px;height:35px;font-size:23px;letter-spacing:-3px}.brand-mark span{font-size:8px;color:var(--green)}nav{display:flex;gap:27px;font-size:13px;font-weight:700}nav a:hover,.footer-links a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:10px;padding:16px 26px;font-weight:800;line-height:1.4;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary,.btn-small{background:var(--green);color:#fff;box-shadow:0 10px 22px #15aa6d28}.btn-primary:hover,.btn-small:hover{background:var(--green-dark)}.btn-small{font-size:13px;padding:13px 18px}.btn-outline{border:1px solid #a7b5c9;color:#fff;background:#ffffff0b}.btn-outline:hover{background:#ffffff24}.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#101e38,#19345b 75%,#1a4460);color:white;padding:80px 0 0}.hero-glow{position:absolute;right:-250px;top:-280px;width:850px;height:850px;background:radial-gradient(circle,#25ba7d24,transparent 67%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:42px;padding-bottom:70px}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff39;border-radius:40px;padding:6px 15px;font-size:12px;font-weight:700;letter-spacing:.07em;color:#d7e8ef}.dot{height:7px;width:7px;background:#3be0a0;border-radius:50%}.hero h1{font-size:clamp(44px,5.4vw,72px);line-height:1.27;letter-spacing:-.06em;margin:22px 0}.hero h1 span{color:#4de3aa}.hero-lead{font-size:clamp(19px,2vw,25px);font-weight:800;line-height:1.65;margin:0 0 17px}.hero-copy{color:#cbd8e6;font-size:15px;max-width:500px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 17px}.hero-note{font-size:12px;color:#b6c8da}.visual{border:1px solid #ffffff40;background:#fff;border-radius:18px;box-shadow:0 28px 70px #06101d65;overflow:hidden;color:var(--ink);transform:rotate(1deg)}.visual-top{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.visual-logo{font-weight:900;letter-spacing:-.05em;font-size:13px}.visual-logo b{color:var(--green)}.pill{font-size:10px;background:#e8f8f0;color:#128b5b;padding:5px 9px;border-radius:20px}.visual-body{display:flex;min-height:320px}.visual-side{width:145px;background:#f5f8fb;border-right:1px solid var(--line);padding:18px 10px;display:flex;flex-direction:column;gap:13px;color:#8291a5;font-size:10px}.visual-side span{padding:9px}.visual-side .side-active{background:#e2f4ec;color:#159d69;border-radius:6px;font-weight:700}.visual-main{padding:22px;flex:1;min-width:0}.visual-title{font-size:15px;font-weight:900;display:flex;justify-content:space-between;gap:8px}.visual-title span{font-size:9px;color:#129968}.visual-sub{font-size:10px;color:var(--muted);margin:5px 0 13px}.mock-paragraph{background:#f7f9fc;border:1px solid var(--line);border-radius:8px;padding:17px;font-size:12px;line-height:2.3}.mock-paragraph mark{background:#ffe6e5;color:#b23b39;padding:2px}.result-card{margin-top:13px;border:1px solid #f2d3d1;border-radius:9px;padding:14px;font-size:11px}.result-head{display:flex;justify-content:space-between;color:#8090a1;margin-bottom:8px}.alert{color:#bf493b;background:#fff1ef;border-radius:4px;padding:2px 7px;font-weight:800}.result-card b{color:#ad3e3b}.result-card p{color:#6c7888;margin:5px 0 10px}.suggest{background:#e9f9f1;color:#0f8c5c;padding:9px;border-radius:6px;font-weight:700}.visual-bottom{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:#718299;font-size:10px}.visual-bottom b{color:var(--ink)}.visual-caption{background:#eef4f8;font-size:9px;padding:8px 16px;color:#68778b}.trust-strip{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff27;padding:26px 0 30px;gap:20px}.trust-strip>div{display:flex;align-items:center;gap:13px}.trust-strip strong{font-size:25px;white-space:nowrap}.trust-strip strong span{color:#4de3aa}.trust-strip small{font-size:10px;color:#b9c8d8;line-height:1.6}.section{padding:100px 0}.section-head{text-align:center;margin-bottom:45px}.kicker{font-size:12px;letter-spacing:.16em;font-weight:900;color:var(--green)}h2{font-size:clamp(27px,3.3vw,42px);line-height:1.45;letter-spacing:-.045em;margin:13px 0 16px}h3{font-size:19px;line-height:1.5;letter-spacing:-.025em}.section-head p{color:var(--muted);margin:0}.pain,.voices,.pricing{background:var(--pale)}.cards{display:grid;gap:22px}.three{grid-template-columns:repeat(3,1fr)}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 12px 30px #20344b06}.card p{color:var(--muted);font-size:14px;margin-bottom:0}.round-icon{height:55px;width:55px;border-radius:14px;display:grid;place-items:center;background:#e8f8f0;color:#169e69;font-size:27px}.solution-banner{margin-top:32px;background:var(--navy);color:#fff;border-radius:16px;padding:26px 35px;display:flex;align-items:center;gap:24px}.solution-banner span{font-size:12px;color:#a8c4d6}.solution-banner strong{font-size:19px;flex:1}.solution-banner a{font-size:13px;color:#58e4ac;font-weight:800}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step-no{font-size:35px;font-weight:900;color:#c9eade;line-height:1}.step-no span{font-size:11px;letter-spacing:.12em;color:var(--green)}.step-graphic{height:195px;background:#f1f7fa;border-radius:14px;display:grid;place-items:center;margin:16px 0 20px;padding:18px}.step h3{margin:0 0 8px}.step p{font-size:14px;color:var(--muted);margin:0}.fake-field,.fake-check,.fake-revise{width:100%;max-width:270px;background:#fff;padding:16px;border-radius:10px;box-shadow:0 10px 22px #17355214;font-size:11px}.fake-field>span:first-child{font-weight:800}.fake-field p{font-size:10px;margin:5px 0}.fake-lines{height:28px;background:repeating-linear-gradient(to bottom,#e8edf3 0 4px,transparent 4px 10px);width:85%}.fake-action{display:block;background:var(--green);color:white;text-align:center;padding:5px;border-radius:4px;margin-top:9px}.fake-check>div:first-child{font-weight:800}.progress{height:9px;background:#d9f2e7;border-radius:20px;margin:18px 0}.progress i{display:block;width:76%;height:100%;background:var(--green);border-radius:20px}.fake-check p{font-size:10px}.fake-check p span{color:#e3a32a}.fake-revise{display:flex;flex-direction:column;gap:8px}.fake-revise span{font-weight:800}.fake-revise del{color:#c45b5b;background:#fff0ef;padding:5px}.fake-revise b{color:#0c9563;background:#e7f7ee;padding:5px}.fake-revise small{color:#789}.fine{font-size:11px;color:#8290a1;line-height:1.7}.center{text-align:center;margin-top:24px}.dark-section{background:var(--navy);color:white}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dark-section h2 span{color:#57dfab}.dark-section p{color:#b8c7d9}.dark-section .btn{margin-top:20px}.result-numbers{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-numbers>div{border:1px solid #ffffff35;border-radius:16px;padding:25px 20px;background:#ffffff0c}.result-numbers small{color:#b9c8d8;font-size:11px}.result-numbers strong{display:block;font-size:52px;letter-spacing:-.05em;line-height:1.5;color:#5be0ac}.result-numbers strong span{font-size:20px}.result-numbers p{font-size:12px;margin:0}.result-numbers>.fine{grid-column:1/-1}.feature-cards{grid-template-columns:repeat(3,1fr)}.feature-icon{font-size:29px;color:var(--green)}.voice-card .stars{color:#f1b940;letter-spacing:.1em}.voice-card blockquote{font-weight:800;font-size:17px;line-height:1.8;margin:18px 0}.voice-card>a{display:inline-block;margin-top:14px;color:#119b66;font-size:13px;font-weight:800}.trial{background:linear-gradient(110deg,#e7f8ef,#eff8fc)}.trial-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.trial h2{margin-bottom:12px}.trial p{color:#68778b}.trial-inner .btn{white-space:nowrap}.simple-card b{color:var(--green);font-size:32px}.pricing-note{text-align:center;font-size:13px;color:var(--muted);margin-top:30px}.narrow{max-width:800px}.faq details{border-bottom:1px solid var(--line);padding:22px 6px}.faq summary{cursor:pointer;font-weight:800;list-style:none;padding-right:25px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;color:var(--green);font-size:23px;top:-5px}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:14px;margin-bottom:0}.contact-section{background:#eaf2f8}.contact-grid{display:grid;grid-template-columns:.85fr 1fr;gap:70px;align-items:start}.contact-intro h2{font-size:44px}.contact-intro>p{color:var(--muted)}.contact-intro ul{list-style:none;padding:0;margin:28px 0;line-height:2.7;font-weight:700;font-size:14px}.contact-trust{margin-top:60px;font-size:23px;font-weight:900}.contact-trust small{font-size:13px;color:var(--muted)}.form-card{background:#fff;padding:34px;border-radius:18px;box-shadow:0 22px 50px #19345016}.form-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#eef3f6;padding:4px;border-radius:9px;gap:3px}.form-tabs button{border:0;background:transparent;padding:12px 5px;font-size:12px;font-weight:800;border-radius:7px;color:#738196}.form-tabs button.active{background:var(--navy);color:#fff}.form-card h3{margin:26px 0 5px}.form-help{font-size:12px;color:var(--muted)}.form-help span,.field label span,.consent b{color:#db615a}.field{margin:16px 0}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.field label small{font-weight:400;color:#8794a2}.field input,.field textarea{width:100%;border:1px solid #d6dfe8;border-radius:8px;padding:12px 14px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #22b8781a}.consent{display:flex;align-items:start;gap:10px;font-size:12px;margin:20px 0}.consent input{margin-top:6px;accent-color:var(--green)}.consent a{text-decoration:underline;color:#0b9d66}.submit{width:100%;font-size:15px}.form-disclaimer{font-size:10px;color:#8793a1;line-height:1.6}.form-error{color:#b84040;font-size:12px;margin:10px 0}.form-success{color:#118b60;font-size:12px;margin:10px 0}footer{background:#0b1930;color:white;padding:45px 0 20px}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-inner .brand-mark{background:#fff;color:var(--navy)}.footer-inner p{color:#a4b2c4;font-size:12px}.footer-links{display:flex;gap:25px;align-items:center;font-size:12px}.copyright{border-top:1px solid #ffffff24;margin-top:28px;padding-top:17px;font-size:11px;color:#8799ad}.mobile-cta{display:none}.mobile{display:none}@media(max-width:980px){nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-grid>div:first-child{max-width:650px}.visual{max-width:660px;transform:none}.trust-strip{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:35px}.solution-banner{flex-wrap:wrap}.solution-banner strong{min-width:60%}}@media(max-width:720px){.container{width:min(100% - 32px,560px)}.nav{height:65px}.brand{font-size:15px}.nav>.btn{font-size:11px;padding:11px}.hero{padding-top:48px}.hero-grid{gap:30px;padding-bottom:45px}.hero h1{font-size:48px}.hero-lead{font-size:19px}.hero-copy{font-size:14px}.hero-actions .btn{width:100%}.desktop{display:none}.mobile{display:block}.visual-side{width:88px;padding:8px 3px}.visual-side span{font-size:8px;padding:5px}.visual-main{padding:12px}.visual-title{font-size:12px}.visual-title span{font-size:8px}.mock-paragraph{font-size:10px;padding:9px}.result-card{padding:9px}.trust-strip{gap:14px}.trust-strip>div{display:block}.trust-strip strong{font-size:21px;display:block}.trust-strip small{font-size:10px}.section{padding:65px 0}.three,.steps,.feature-cards,.result-grid,.contact-grid{grid-template-columns:1fr}.cards{gap:15px}.card{padding:23px}.section-head{margin-bottom:30px}.solution-banner{padding:24px}.solution-banner strong{min-width:100%}.result-grid{gap:30px}.result-numbers strong{font-size:42px}.trial-inner{display:block}.trial-inner .btn{white-space:normal}.contact-intro h2{font-size:35px}.contact-trust{margin-top:24px}.form-card{padding:20px}.footer-inner{display:block}.footer-links{margin-top:25px;flex-wrap:wrap}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--green);color:#fff;text-align:center;padding:14px;font-weight:900;box-shadow:0 -3px 15px #071e3030}body{padding-bottom:51px}.step-graphic{height:180px}.step{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* JavaScript-free version */
.form-options{padding:12px 16px;background:#eef7f4;border-radius:10px;margin-bottom:12px}.form-options p{margin:0}.field select{width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:8px;background:white;font:inherit}.submit:disabled{opacity:.65;cursor:not-allowed}.form-tabs{display:none}html{scroll-behavior:smooth}

/* ver.1.1: EYES-inspired airy aqua/blue hero, using provided main assets */
.hero{background:radial-gradient(ellipse 55% 85% at 80% 36%,rgba(125,225,246,.47),transparent 74%),radial-gradient(ellipse 47% 80% at 100% 80%,rgba(82,153,248,.34),transparent 75%),linear-gradient(125deg,#f9fdff 0%,#f1fcff 46%,#e6f6ff 72%,#d6eaff 100%);color:#0b2c4e;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 34%,rgba(255,255,255,.38) 34.2%,transparent 58%),radial-gradient(circle at 76% 35%,rgba(255,255,255,.75),transparent 29%);pointer-events:none}
.hero .container{position:relative;z-index:1}.hero h1,.hero-lead{color:#092b50}.hero-copy{color:#48667d}.hero-note{color:#52748a}.hero .eyebrow{color:#058d67}.hero .btn-outline{background:#fff;border-color:#b4d6ea;color:#124b75}.hero .trust-strip{border-top:1px solid #cce5f2}.hero .trust-strip strong{color:#123a65}.hero .trust-strip small{color:#52748a}.hero .trust-strip strong span{color:#0aa87b}
.hero-product{position:relative;min-width:0;align-self:center}.hero-product-stage{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.hero-main-device{width:100%;height:auto;display:block;filter:drop-shadow(0 26px 28px rgba(26,77,121,.16))}.hero-float{position:absolute;width:38%;max-width:240px;height:auto;filter:drop-shadow(0 12px 22px rgba(20,71,116,.18));border-radius:12px}.hero-float-top{top:0;right:-2%}.hero-float-bottom{bottom:2%;right:-5%}.hero-product-caption{text-align:right;font-size:10px;color:#607f95;margin:2px 0 0}
@media(max-width:980px){.hero-product{width:100%;max-width:700px}.hero-product-stage{min-height:310px}.hero-float-top{right:0}.hero-float-bottom{right:0}}
@media(max-width:720px){.hero-product-stage{min-height:210px}.hero-float{width:36%}.hero-product-caption{text-align:center}.hero{background:radial-gradient(ellipse at 75% 43%,rgba(125,225,246,.5),transparent 70%),linear-gradient(140deg,#f9fdff,#e2f3ff)}}

/* ver.1.2: supplied results artwork in the main visual */
.hero-results{margin:12px auto 0;width:100%;max-width:690px;padding:4px 8px;background:rgba(255,255,255,.82);border:1px solid rgba(188,211,229,.6);border-radius:16px;box-shadow:0 14px 35px rgba(21,77,125,.08)}
.hero-results img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:720px){.hero-results{margin-top:12px;padding:5px;border-radius:10px}}

/* ver.1.5: award visual, preserve previous hidden results */
.hero-results{display:none!important}
.hero-award{position:absolute;z-index:3;left:0;bottom:-12px;width:62%;max-width:365px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(19,58,92,.13));pointer-events:none}
@media(max-width:720px){.hero-award{width:65%;left:0;bottom:-6px}}

/* ver.1.6: award image directly below hero description */
.hero-award-inline{margin:18px 0 8px;max-width:480px}
.hero-award-inline .hero-award{position:static;display:block;width:100%;max-width:480px;height:auto;object-fit:contain;filter:none;pointer-events:auto}
@media(max-width:720px){.hero-award-inline{max-width:100%;margin:14px 0 6px}.hero-award-inline .hero-award{width:100%;max-width:100%}}

/* ver.1.7: worries section image assets */
.pain-card .worries-image {
  display: block;
  width: min(100%, 260px);
  height: auto;
  aspect-ratio: 460 / 340;
  object-fit: contain;
  margin: 0 auto 18px;
}
.pain-card { text-align: center; }
@media (max-width: 767px) {
  .pain-card .worries-image { width: min(100%, 230px); }
}

/* Solution artwork replacement */
.solution-banner-image{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;padding:0;gap:14px}.solution-banner-image img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.solution-banner-image .solution-image-cta{display:inline-block;background:#007c59;color:white;padding:13px 26px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px}

/* ver.2.0: transparent illustrations in five-reasons section */
.advantages .feature-art { display:block; width:100%; max-width:310px; height:auto; aspect-ratio:3/2; object-fit:contain; margin:0 auto 14px; }

/* ver.2.2: transparent flow illustrations */
.pricing .simple-card .flow-art{display:block;width:100%;max-width:340px;height:auto;aspect-ratio:3/2;object-fit:contain;margin:8px auto 18px;}
.pricing .simple-card{overflow:hidden;}
@media(max-width:767px){.pricing .simple-card .flow-art{max-width:300px;}}

/* ver2.3 comparison section */
.comparison-section{background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
.compare-scroll{width:100%;overflow-x:auto;border:1px solid #e0eaf4;border-radius:18px;box-shadow:0 12px 36px rgba(24,74,115,.07);background:#fff;-webkit-overflow-scrolling:touch}
.compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:740px;table-layout:fixed;text-align:center;color:#253a51}
.compare-table th,.compare-table td{padding:18px 15px;border-right:1px solid #e7edf4;border-bottom:1px solid #e7edf4;vertical-align:middle}
.compare-table tr>*:last-child{border-right:0}.compare-table tbody tr:last-child>*{border-bottom:0}
.compare-table thead th{font-size:15px;font-weight:800;background:#f1f5f9}.compare-table thead th:first-child{width:40%;text-align:left}.compare-table thead th:not(:first-child){width:20%}
.compare-table thead small{display:block;margin-top:5px;font-size:11px;font-weight:500;color:#62748a}
.compare-table tbody th{text-align:left;font-size:14px;font-weight:600;background:#fff}
.compare-table tbody td{font-size:25px;font-weight:800}
.compare-table .compare-primary{background:#e9f5ff!important;border-left:1px solid #b7defb;border-right:1px solid #b7defb;color:#0869b2}
.compare-table thead .compare-primary{background:#d8eeff!important;border-top:3px solid #39a2e6}
.compare-brand{font-size:15px;letter-spacing:.01em}
.compare-table tbody tr:hover th,.compare-table tbody tr:hover td:not(.compare-primary){background:#f8fbff}
.compare-table .mark-yes,.compare-legend .mark-yes{color:#168653}.compare-table .mark-partial,.compare-legend .mark-partial{color:#b77a11}.compare-table .mark-no,.compare-legend .mark-no{color:#8b98a7}
.compare-legend{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;margin:18px 0 10px;font-size:13px;color:#41556b}.compare-legend strong{font-size:19px;margin-right:4px}
.compare-note{font-size:12px;line-height:1.8;color:#64748b;max-width:900px;margin:10px auto 0}.compare-cta{text-align:center;margin-top:24px}
@media(max-width:767px){.compare-table{min-width:620px}.compare-table th,.compare-table td{padding:14px 10px}.compare-table tbody th{font-size:12px}.compare-table thead th{font-size:12px}.compare-brand{font-size:12px}.compare-note{font-size:11px}.compare-scroll{border-radius:12px}}

/* ver.2.4 — developer voice */
.developer-voice{background:linear-gradient(160deg,#f3f9ff 0%,#ffffff 64%)}
.developer-voice-card{display:grid;grid-template-columns:minmax(220px, .75fr) minmax(0,1.5fr);gap:clamp(24px,4vw,56px);padding:clamp(22px,4vw,52px);background:#fff;border:1px solid #dbeaf5;border-radius:24px;box-shadow:0 16px 45px rgba(16,67,110,.08);align-items:start}
.developer-portrait img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}
.developer-profile{display:flex;flex-direction:column;gap:5px;padding:18px 4px;color:#203d54}
.developer-profile span{font-size:.78rem;color:#2683b6;font-weight:700;letter-spacing:.08em}
.developer-profile strong{font-size:1.4rem}.developer-profile small{font-size:.85rem;color:#5a6c7d}
.developer-message{min-width:0;color:#344c60;line-height:1.95}
.developer-message .developer-eyebrow{font-weight:700;color:#1485bc;margin:0 0 8px}
.developer-message h3{font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.5;color:#153b5b;margin:0 0 24px}
.developer-message p{margin:0 0 18px}.developer-message strong{color:#135a8b}
.developer-message .developer-note{display:block;font-size:.76rem;color:#667786;margin-top:6px}
.developer-message .developer-conclusion{font-weight:700;font-size:1.1rem;color:#125c8c;padding:18px 20px;background:#edf7ff;border-left:4px solid #4ba9db;border-radius:0 10px 10px 0}
.developer-signature{margin:18px 0 24px;font-size:.88rem}.developer-signature strong{display:inline-block;font-size:1.25rem;margin-top:4px}
@media(max-width:800px){.developer-voice-card{grid-template-columns:1fr}.developer-portrait{max-width:300px;margin:0 auto;text-align:center}.developer-message h3 br{display:none}}

/* v2.5 - development milestones */
.developer-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 25px}.developer-milestone{padding:20px 18px;border:1px solid #cce7fa;border-radius:16px;background:#eaf6ff;display:flex;flex-direction:column;gap:6px}.developer-milestone strong{font-size:clamp(23px,2.6vw,32px);color:#09669d;line-height:1.2}.developer-milestone span{font-weight:800;color:#143b5a;font-size:17px}.developer-milestone small{font-size:12px;line-height:1.6;color:#526b7b}@media(max-width:650px){.developer-milestones{grid-template-columns:1fr;gap:9px}.developer-milestone{padding:15px 17px}}

/* ver.2.6: logos below hero */
.client-proof{padding:54px 0 62px;background:#fff;border-bottom:1px solid #e7eef5}
.client-proof-heading{text-align:center;margin-bottom:26px}
.client-proof-heading h2{margin:8px 0;font-size:clamp(24px,3vw,34px);color:#17314b}
.client-proof-heading p{margin:0;color:#657487}
.client-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.client-logo{min-width:0;min-height:94px;border:1px solid #e8edf3;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:15px}
.client-logo img{display:block;width:100%;max-width:180px;height:64px;object-fit:contain}
@media(max-width:900px){.client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.client-proof{padding:38px 0 44px}.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-logo{min-height:78px;padding:10px}.client-logo img{height:54px}}

/* ver.2.7: BOXIL customer voices */
.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.voice-grid .voice-card{display:flex;flex-direction:column;gap:10px}.voice-grid .voice-card h3{font-size:1.2rem;line-height:1.55;margin:0;color:#183b57}.voice-tag{color:#1872a8;font-size:.82rem;font-weight:700}.voice-summary{line-height:1.9;flex:1}.voice-attribution{font-weight:700;margin:0}.voice-source{font-size:.83rem;margin:0}.voice-source a{color:#1872a8;text-decoration:underline}@media(max-width:700px){.voice-grid{grid-template-columns:1fr}}

/* ver.2.8 PHP contact form */
.hp-field{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.form-card .submit{cursor:pointer}
.contact-result{min-height:75vh;display:flex;align-items:center;padding:70px 20px;background:#f4f9fd}.contact-result-card{max-width:680px;margin:auto;background:#fff;border:1px solid #dfebf4;border-radius:20px;padding:40px;box-shadow:0 12px 35px rgba(20,60,90,.07)}.contact-result-card h1{color:#173b58}.contact-result-card p{line-height:1.8}.contact-result-card .error-list{color:#a52b30}

/* ver.3.0: count-up numerals match the results headline size */
#results .result-numbers strong{display:flex;align-items:baseline;justify-content:center;gap:.12em;font-size:clamp(27px,3.3vw,42px);letter-spacing:-.045em;line-height:1.45;white-space:nowrap;font-variant-numeric:tabular-nums}
#results .result-numbers strong .count-up{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
#results .result-numbers strong span:not(.count-up){font-size:.52em;letter-spacing:0}
@media(max-width:600px){#results .result-numbers strong{font-size:clamp(27px,6vw,42px)}}

/* ver.3.1: patent label has a non-numeric reveal, other figures count up */
@media (prefers-reduced-motion: no-preference) {
 .trust-strip .patent-reveal { opacity:0; transform:translateY(10px); transition:opacity .7s ease,transform .7s ease; }
 .trust-strip .patent-reveal.is-visible { opacity:1; transform:translateY(0); }
}

/* ver.3.2: official corporate brand assets */
.brand .corp-brand-logo{display:block;width:clamp(175px,20vw,245px);height:auto;max-width:100%;object-fit:contain}
footer .brand .corp-brand-logo-footer{width:clamp(190px,24vw,260px)}
@media(max-width:600px){.brand .corp-brand-logo{width:180px}footer .brand .corp-brand-logo-footer{width:205px}}

/* ver.3.3: subtle award glint (no extra JavaScript) */
.hero-award-inline{position:relative;isolation:isolate;overflow:hidden;border-radius:12px}
.hero-award-inline::after{content:"";position:absolute;inset:-30% auto -30% 0;width:22%;pointer-events:none;z-index:2;opacity:0;transform:translateX(-160%) rotate(18deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.85) 49%,rgba(255,255,255,.1) 78%,transparent 100%);mix-blend-mode:screen;animation:award-glint 5.2s ease-in-out infinite}
@keyframes award-glint{0%,13%{opacity:0;transform:translateX(-160%) rotate(18deg)}17%{opacity:.9}31%{opacity:.9;transform:translateX(560%) rotate(18deg)}36%,100%{opacity:0;transform:translateX(560%) rotate(18deg)}}
@media(prefers-reduced-motion:reduce){.hero-award-inline::after{animation:none;display:none}}

/* ver.3.4: screen-only demonstration animation, 6-second CSS loop */
.hero-laptop-animated{position:relative;width:100%;flex:0 0 100%;isolation:isolate}
.hero-screen-animation{position:absolute;left:10.65%;top:6.2%;width:78.7%;height:81.4%;overflow:hidden;border-radius:1.2% 1.2% 0 0;pointer-events:none;z-index:1}
.hero-scan-line{position:absolute;left:0;right:0;top:0;height:17%;background:linear-gradient(180deg,transparent,rgba(0,220,222,.16) 70%,rgba(37,217,227,.72) 100%);opacity:0;transform:translateY(-120%);animation:hero-scan-cycle 6s ease-in-out infinite}
.hero-risk-mark{position:absolute;border:2px solid #ffb21b;background:rgba(255,185,38,.13);border-radius:3px;opacity:0;box-shadow:0 0 10px rgba(255,191,44,.4);animation:hero-risk-cycle 6s ease-in-out infinite}
.hero-risk-mark-a{left:30%;top:55%;width:19%;height:6%}.hero-risk-mark-b{left:64%;top:68%;width:17%;height:6%;animation-delay:.25s}
.hero-ai-status{position:absolute;right:3%;top:12%;padding:5px 9px;border-radius:6px;font-size:clamp(8px,.85vw,12px);font-weight:800;letter-spacing:.01em;box-shadow:0 4px 14px rgba(11,40,61,.18);opacity:0;white-space:nowrap;animation:hero-status-cycle 6s ease-in-out infinite}
.hero-ai-status-scanning{background:#e7fbff;color:#066b86;animation-name:hero-status-scanning}.hero-ai-status-warning{background:#fff5d7;color:#8c5500;animation-name:hero-status-warning}.hero-ai-status-done{background:#e5fff1;color:#087a43;animation-name:hero-status-done}
.hero-ai-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#05aabf;margin-right:4px;vertical-align:middle}
@keyframes hero-scan-cycle{0%,4%{opacity:0;transform:translateY(-120%)}8%{opacity:1}33%{opacity:1;transform:translateY(580%)}39%,100%{opacity:0;transform:translateY(580%)}}
@keyframes hero-risk-cycle{0%,28%{opacity:0;transform:scale(.97)}38%,60%{opacity:1;transform:scale(1)}69%,100%{opacity:0;transform:scale(1)}}
@keyframes hero-status-scanning{0%,5%{opacity:0;transform:translateY(6px)}10%,30%{opacity:1;transform:translateY(0)}37%,100%{opacity:0}}
@keyframes hero-status-warning{0%,34%{opacity:0;transform:translateY(6px)}40%,59%{opacity:1;transform:translateY(0)}66%,100%{opacity:0}}
@keyframes hero-status-done{0%,64%{opacity:0;transform:translateY(6px)}70%,92%{opacity:1;transform:translateY(0)}98%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-screen-animation *{animation:none!important;opacity:0!important}.hero-ai-status-done{opacity:1!important}}

/* ver.3.5: result artwork appears as timed popups, never as static overlays. */
.hero-product-stage{isolation:isolate;overflow:visible}
.hero-laptop-animated{z-index:1}
.hero-result-popup{z-index:3;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(14px) scale(.92);transform-origin:85% 90%;will-change:opacity,transform;animation:hero-result-popup-first 6s ease-in-out infinite}
.hero-result-popup-first{top:auto;bottom:18%;right:-2%;animation-name:hero-result-popup-first}
.hero-result-popup-second{top:auto;bottom:18%;right:-2%;animation-name:hero-result-popup-second}
@keyframes hero-result-popup-first{
 0%,32%{opacity:0;visibility:hidden;transform:translateY(14px) scale(.92)}
 38%,55%{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
 62%,100%{opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96)}
}
@keyframes hero-result-popup-second{
 0%,61%{opacity:0;visibility:hidden;transform:translateY(14px) scale(.92)}
 68%,90%{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
 97%,100%{opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96)}
}
@media(max-width:720px){.hero-result-popup-first,.hero-result-popup-second{right:0;bottom:17%;width:42%;max-width:190px}}
@media(prefers-reduced-motion:reduce){.hero-result-popup{animation:none!important;opacity:0!important;visibility:hidden!important}.hero-result-popup-first{opacity:1!important;visibility:visible!important;transform:none!important}}

/* ver3.6 IT Trend request CTA */
.ittrend-cta{margin:24px 0;padding:22px;border:1px solid rgba(27,112,194,.22);border-radius:16px;background:rgba(245,250,255,.96);color:#18314f}
.ittrend-cta-label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;color:#2264a8}
.ittrend-cta p{margin:9px 0 16px;line-height:1.7;font-size:14px;color:#294562}
.ittrend-cta-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:9px;background:#fff;color:#155da2;border:2px solid #2875bd;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.ittrend-cta-link:hover,.ittrend-cta-link:focus-visible{background:#155da2;color:#fff;transform:translateY(-1px)}
.ittrend-cta small{display:block;margin-top:10px;font-size:11px;color:#60738b}
@media(max-width:600px){.ittrend-cta{padding:18px}.ittrend-cta-link{width:100%;box-sizing:border-box;text-align:center}}

/* ver4.1: conversion improvements */
.trial-benefits{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.trial-benefits li{position:relative;padding-left:1.45em;line-height:1.65}
.trial-benefits li:before{content:"✓";position:absolute;left:0;color:#15a26a;font-weight:800}
.optional-fields{border:1px solid #dbe7f1;border-radius:12px;margin:12px 0;padding:0 14px;background:#f8fbff}
.optional-fields summary{cursor:pointer;padding:13px 0;color:#205887;font-size:14px;font-weight:700}
.optional-fields[open]{padding-bottom:14px}
.optional-fields .field{margin-top:12px}
.mobile-conversion-bar{display:none}
@media(max-width:767px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .mobile-cta{display:none!important}
 .mobile-conversion-bar{display:flex;position:fixed;z-index:999;left:0;right:0;bottom:0;gap:9px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid #dbe8f4;box-shadow:0 -6px 20px rgba(10,40,75,.10);box-sizing:border-box}
 .mobile-conversion-bar a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap;box-sizing:border-box}
 .mobile-conversion-primary{flex:1.25;background:#16855b;color:white}
 .mobile-conversion-secondary{flex:1;border:1.5px solid #246eae;color:#185c99;background:white}
}
@media(min-width:768px){.mobile-conversion-bar{display:none}}

/* ver4.2: restored original visible contact form layout from ver4.0 */

/* ver.4.4: optional meeting booking on thank-you page */
.meeting-booking{margin:30px 0 20px;padding:26px;border:1px solid #b9dcd2;border-radius:16px;background:linear-gradient(140deg,#f0fbf6,#f4f9ff)}
.meeting-booking h2{margin:0 0 12px;font-size:clamp(19px,2.5vw,25px);line-height:1.5;color:#153b53}
.meeting-booking p{margin:0 0 18px;color:#34516b;line-height:1.9}
.meeting-booking .meeting-booking-button{display:inline-flex;text-align:center;justify-content:center;max-width:100%}
.meeting-booking .meeting-booking-note{font-size:12px;color:#66798c;margin:12px 0 0}
.thanks-home-link{display:inline-block;color:#245f83;text-decoration:underline;text-underline-offset:4px;margin-top:8px}
@media(max-width:600px){.contact-result-card{padding:25px 18px}.meeting-booking{padding:20px 15px}.meeting-booking .meeting-booking-button{width:100%;font-size:14px}}