:root{--navy:#102c4b;--deep:#0b1e34;--orange:#ff7900;--orange-dark:#b54a00;--ink:#142c44;--muted:#5c6f83;--line:#dde5ed;--light:#f1f5f9;--radius:20px;--shadow:0 16px 48px #102c4b0c;font-family:Tahoma,"Leelawadee UI",Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.75;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:#fff}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%}button,select{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}h1,h2{letter-spacing:-.035em}h3{letter-spacing:-.025em}h2{font-size:clamp(1.85rem,3.4vw,2.7rem)}h3{font-size:1.25rem}p{overflow-wrap:anywhere}em{font-style:normal}::selection{background:#ffd9b5;color:var(--navy)}:focus-visible{outline:3px solid #0c83e4;outline-offset:5px}section[id]{scroll-margin-top:10px}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 64px));margin:auto}.section{padding:96px 0}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:#c3d1e0;display:flex;align-items:center;gap:12px;margin-bottom:20px}.eyebrow.dark{color:var(--muted)}.eyebrow>span{width:28px;height:3px;background:var(--orange)}.skip-link{position:fixed;left:12px;top:-100px;background:var(--navy);color:white;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}.site-header{height:90px;position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid #e8edf3;backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;flex-direction:column;width:max-content;flex-shrink:0;line-height:1}.brand-mark{display:flex;align-items:center;letter-spacing:-.08em;font-family:Arial,sans-serif;font-style:italic;font-weight:900;font-size:2.9rem}.brand-mark b+ b{color:var(--orange)}.brand-mark>span{font-size:1.25rem;letter-spacing:-.1em;margin-left:8px;font-style:normal}.brand-caption{font-family:Arial,sans-serif;font-size:.61rem;font-weight:800;letter-spacing:.14em;margin-top:4px}.nav{display:flex;align-items:center;gap:32px;font-size:.94rem;font-weight:700}.nav>a:not(.nav-contact):hover{color:var(--orange-dark)}.nav-contact{display:flex;align-items:center;gap:16px;background:var(--navy);color:#fff;border-radius:9px;padding:11px 20px}.nav-contact:hover{background:#214567}.icon-button{display:grid;place-items:center;border:1px solid var(--line);background:white;color:var(--navy);border-radius:10px;width:46px;height:46px;flex-shrink:0}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#245581 0,transparent 53%),linear-gradient(110deg,#0c2139,#143455);color:#fff}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--orange),#ff790000 65%)}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;min-height:690px;padding-top:48px;padding-bottom:56px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(2.5rem,4.1vw,3.8rem);font-weight:800;line-height:1.45}.hero h1 em{color:#ff922e}.hero-tagline{font-size:1.35rem;color:#e3edf7;margin-top:18px}.hero-description{font-size:1rem;color:#bfcddd;max-width:470px;margin-top:14px}.mobile-break{display:none}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;min-height:50px;padding:12px 23px;font-size:.95rem;line-height:1.5;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:#132338;box-shadow:0 8px 24px #00000012}.button-primary:hover{background:#ff942e;box-shadow:0 10px 28px #ff790028}.button-outline-light{border-color:#8496aa;color:#fff;background:transparent}.button-outline-light:hover{background:#ffffff12}.button-dark{background:var(--navy);color:white}.hero-points{display:flex;flex-wrap:wrap;gap:22px;font-size:.85rem;color:#d3deea;margin-top:38px;padding-top:24px;border-top:1px solid #ffffff24}.hero-points>span{display:flex;align-items:center;gap:9px}.hero-points .icon{color:#ff922e;width:20px;height:20px}.hero-art{position:relative;max-width:440px;justify-self:end;width:100%}.art-label{font-family:Arial,sans-serif;display:flex;align-items:center;gap:10px;font-size:.7rem;letter-spacing:.12em;margin-bottom:16px;color:#ccd9e6}.label-rule{height:2px;width:30px;background:var(--orange)}.hero-preview{border-radius:28px;overflow:hidden;box-shadow:0 24px 70px #030e1e65;border:1px solid #ffffff26;background:#eff0f2}.hero-preview img{width:100%;height:460px;object-fit:contain;background:#eff0f2}.art-caption{display:flex;justify-content:space-between;font-family:Arial,sans-serif;font-size:.64rem;letter-spacing:.1em;color:#adc1d6;margin-top:15px}.art-caption span:last-child{color:#ffac64}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{color:var(--muted);font-size:1rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:border-color .2s}.service-card:hover{border-color:#ffb46e}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.service-top>span{font:600 .8rem Arial,sans-serif;color:#7b8da0}.service-icon{width:46px;height:46px;color:var(--navy);stroke-width:1.3}.service-card h3{margin-bottom:12px}.service-card p{color:var(--muted);font-size:.95rem}.service-tags{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0}.service-tags span{padding:4px 9px;border-radius:6px;background:var(--light);font-size:.75rem;color:#52677b}.text-link{display:inline-flex;align-items:center;justify-content:start;gap:8px;font-size:.9rem;font-weight:700;background:none;border:0;padding:8px 0;color:var(--navy);min-height:44px}.text-link:hover{color:var(--orange-dark)}.service-card>.text-link{margin-top:auto}.work{background:var(--light);border-top:1px solid #eaf0f5;border-bottom:1px solid #eaf0f5}.work .section-heading{margin-bottom:14px}.work-note{color:var(--muted);font-size:.875rem;margin-bottom:30px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{min-width:0;border-radius:20px;overflow:hidden;background:white;border:1px solid #e0e6ed;box-shadow:var(--shadow)}.project-visual{height:255px;background:#d9e5f2;position:relative;overflow:hidden;padding:24px 24px 0}.project-web{width:100%;height:auto;border-radius:9px 9px 0 0;box-shadow:0 4px 20px #0002;transition:transform .4s}.project-card:hover .project-web{transform:translateY(-12px)}.project-number{position:absolute;bottom:0;left:0;background:#102c4bea;color:white;padding:8px 14px;border-radius:0 8px 0 0;font:600 .65rem Arial,sans-serif;letter-spacing:.12em}.residence .project-visual{background:#dae6dd}.residence .project-number{background:#174f40ed}.moto .project-visual{background:#eadcde}.moto .project-number{background:#341d23ef}.project-body{padding:28px 24px}.project-brand{font-family:Arial,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.09em;color:var(--orange-dark);display:block;margin-bottom:10px}.residence .project-brand{color:#1d644c}.moto .project-brand{color:#c21c30}.project-body h3{font-size:1.14rem;margin-bottom:12px}.project-body p{font-size:.875rem;color:var(--muted)}.preview-actions{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-top:24px}.button-small{font-size:.875rem;padding:10px 13px;background:var(--navy);color:#fff;min-height:44px}.button-small .icon{width:18px}.preview-actions .text-link{font-size:.85rem;white-space:nowrap}.preview-actions .text-link .icon{width:18px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:50px;padding:0;margin:45px 0 0;counter-reset:steps}.process-grid li{border-top:1px solid var(--line);padding-top:25px}.step-number{display:inline-grid;place-items:center;background:#fff1e4;border:1px solid #ffd8b4;width:50px;height:50px;border-radius:50%;color:var(--orange-dark);font:bold 1rem Arial,sans-serif;margin-bottom:20px}.process-grid h3{margin-bottom:12px}.process-grid p{color:var(--muted);font-size:.95rem}.contact{background:radial-gradient(ellipse at 0 100%,#234e77,transparent 75%),var(--deep);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.contact h2{font-size:clamp(2.2rem,4.3vw,3.6rem);line-height:1.4;margin:24px 0}.contact h2 span{color:#ff922e;display:block}.contact-copy>p:not(.eyebrow){color:#c8d5e4}.contact-copy .contact-domain{font-family:Arial,sans-serif;letter-spacing:.02em;font-weight:bold;margin-top:40px;color:#ff922e!important}.contact-channels{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.contact-channels:empty{display:none}.contact-pending{font-size:.9rem;line-height:1.85;margin-top:30px;padding-top:24px;border-top:1px solid #ffffff26}.channel-link{border:1px solid #ffffff65;border-radius:10px;display:flex;gap:10px;align-items:center;padding:10px 16px;min-height:48px;font-size:.95rem}.channel-link:hover{background:#ffffff14}.brief-form{background:white;color:var(--ink);padding:32px;border-radius:22px;box-shadow:0 16px 40px #0002;min-width:0}.brief-form h3{font-size:1.45rem}.form-intro{font-size:.875rem;color:var(--muted);margin:8px 0 24px}.brief-form label{display:block;font-size:.875rem;font-weight:700;margin-bottom:7px}.brief-form label>span{color:var(--muted);font-weight:400}.brief-form input,.brief-form select,.brief-form textarea{display:block;width:100%;border:1px solid #cbd5df;border-radius:8px;background:#fbfcfe;color:var(--ink);padding:11px 13px;font-size:1rem;line-height:1.6;margin-bottom:18px;min-width:0}.brief-form textarea{resize:vertical}.brief-form>.button{width:100%}.brief-form .form-privacy{font-size:.75rem;color:var(--muted);margin-top:13px;line-height:1.8}.brief-result{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.brief-result textarea{font-size:.9rem;background:var(--light)}#copy-status{font-size:.85rem;margin-top:10px;color:#28633b}.footer{padding:36px 0}.footer-inner{display:flex;align-items:center;gap:36px}.footer-inner>div>strong{font-family:Arial,sans-serif;font-size:.94rem}.footer-inner>div>p{font-size:.8rem;color:var(--muted)}.copyright{margin-left:auto;color:var(--muted);font-size:.75rem}.mobile-contact{display:none}dialog{border:0;border-radius:18px;padding:0;max-width:960px;width:calc(100% - 48px);max-height:90dvh;color:var(--ink);box-shadow:0 30px 100px #0005;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#051426bb;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-header h2{font-size:1.3rem;letter-spacing:0}.dialog-header .eyebrow{font-size:.65rem;margin-bottom:4px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 26px;flex-shrink:0}.view-switch{display:flex;background:var(--light);border-radius:9px;padding:4px}.view-switch button{background:transparent;color:var(--muted);border:0;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:bold;min-height:44px}.view-switch button[aria-pressed=true]{background:var(--navy);color:white;box-shadow:0 2px 8px #0001}#open-original{font-size:.875rem;text-decoration:underline;text-underline-offset:3px}.preview-scroll{overflow:auto;padding:0 24px 24px;background:#f0f3f7;overscroll-behavior:contain}.preview-note{font-size:.75rem;text-align:center;padding:15px;color:var(--muted)}#preview-image{width:auto;max-width:100%;height:auto;margin:auto;background:white}#preview-image.app-view{max-height:72vh;object-fit:contain}.no-script{background:#fff0dc;color:#532900;padding:20px;text-align:center}
@media(min-width:1600px){.hero-grid{min-height:740px}.hero-preview img{height:500px}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.nav{gap:18px;font-size:.85rem}.nav-contact{padding:10px 14px}.hero-grid{gap:35px;min-height:600px}.hero h1{font-size:2.65rem}.hero-preview img{height:405px}.hero-points{gap:12px}.service-card{padding:23px}.service-grid,.project-grid{gap:16px}.project-visual{height:220px;padding:16px 16px 0}.project-body{padding:22px 18px}.project-body h3{font-size:1rem}.preview-actions{gap:9px;flex-wrap:wrap}.contact-grid{gap:40px}.process-grid{gap:30px}}
@media(max-width:760px){:root{scroll-padding-top:83px}.container{width:calc(100% - 36px)}.section{padding:64px 0}.site-header{height:76px}.brand-mark{font-size:2.5rem}.brand-caption{font-size:.55rem}.menu-toggle{display:grid}.nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 18px;background:white;border-bottom:1px solid var(--line);box-shadow:0 16px 30px #102c4b1a}.nav.is-open{display:flex}.nav>a{padding:14px 16px;font-size:1rem}.nav-contact{margin-top:8px;justify-content:space-between}.hero-grid{display:flex;flex-direction:column;gap:35px;padding:45px 0 35px;min-height:0}.hero-copy{width:100%}.hero .eyebrow{margin-bottom:18px}.hero h1{font-size:clamp(2rem,8vw,3rem);line-height:1.5}.hero-tagline{font-size:1.15rem;margin-top:15px}.hero-description{font-size:.95rem;max-width:500px}.button-row{margin-top:26px;gap:10px}.button{padding:12px 17px}.hero-points{font-size:.8rem;justify-content:flex-start;gap:16px;margin-top:26px;padding-top:20px}.hero-art{max-width:100%;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.hero-preview{grid-row:1/3;grid-column:2;max-width:270px;justify-self:end;border-radius:18px;width:100%}.hero-preview img{height:260px}.art-label{grid-column:1;grid-row:1;font-size:.75rem;line-height:1.8;max-width:165px;margin-bottom:0;align-self:end;display:block;letter-spacing:.1em}.label-rule{display:block;width:35px;margin-bottom:14px}.art-caption{grid-column:1;grid-row:2;flex-direction:column;font-size:.67rem;line-height:1.8;align-self:start;gap:12px;max-width:140px;margin:0}.section-heading{align-items:start;gap:20px;flex-direction:column;margin-bottom:28px}.section-heading>p{font-size:.95rem}.section-heading>p br{display:none}.section-heading h2{font-size:1.95rem}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:25px}.service-top{margin-bottom:18px}.service-icon{width:38px;height:38px}.service-card h3{font-size:1.2rem}.service-tags{margin:18px 0 9px}.project-grid{grid-template-columns:1fr;gap:26px}.project-visual{height:280px;padding:20px 30px 0}.project-body{padding:24px}.project-body h3{font-size:1.2rem}.project-body p{font-size:.95rem}.preview-actions{flex-wrap:nowrap;justify-content:flex-start;gap:28px}.project-number{font-size:.7rem;padding:10px 18px}.work-note{font-size:.8rem}.process-grid{grid-template-columns:1fr;gap:25px;margin-top:26px}.process-grid li{display:grid;grid-template-columns:48px 1fr;column-gap:18px;align-items:start;padding-top:25px}.step-number{grid-row:1/3;width:45px;height:45px;margin:0}.process-grid h3{font-size:1.15rem;margin-bottom:9px}.process-grid p{grid-column:2}.contact-grid{grid-template-columns:1fr;gap:32px}.contact h2{font-size:2.4rem}.contact h2 span{display:inline}.contact-copy .contact-domain{margin-top:25px}.brief-form{padding:25px 21px}.footer{padding:34px 0 100px}.footer-inner{flex-wrap:wrap;gap:24px}.footer-inner>div{margin-left:auto}.copyright{width:100%;margin:0;text-align:center;border-top:1px solid var(--line);padding-top:20px}.mobile-contact{display:flex;align-items:center;justify-content:center;gap:14px;position:fixed;bottom:0;left:0;right:0;z-index:25;min-height:60px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:var(--orange);color:var(--deep);font-weight:700;box-shadow:0 -3px 20px #102c4b1a;font-size:.95rem}dialog{width:calc(100% - 18px);max-height:94dvh;border-radius:14px}.dialog-header{padding:16px}.preview-toolbar{padding:12px;gap:8px}.view-switch button{padding:8px 12px}#open-original{font-size:.8rem}.preview-scroll{padding:0 8px 16px}.preview-note{font-size:.75rem;padding:10px 3px}#preview-image.app-view{max-height:68vh}.no-script{padding-bottom:90px}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.hero h1{font-size:1.9rem}.hero-points{gap:10px;font-size:.75rem}.hero-points .icon{width:17px}.hero-preview img{height:230px}.button-row{flex-direction:column;align-items:stretch}.project-visual{height:235px;padding:16px 22px 0}.project-body{padding:20px}.preview-actions{gap:18px}.footer-inner>div{margin-left:0}.preview-toolbar{flex-wrap:wrap}.section-heading h2{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Introductory pricing — approved September 2026. */
.hero-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:64px;row-gap:0;min-height:660px;padding-top:64px;padding-bottom:64px;align-content:center}
.hero-copy{grid-column:1;grid-row:1;align-self:end;padding-bottom:24px}
.hero-pricing{grid-column:2;grid-row:1/3;width:100%;align-self:center}
.hero-pricing>h2{font-size:1.5rem;letter-spacing:0;margin-bottom:20px}
.price-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:104px;padding:20px;border:1px solid #749bc4;border-radius:17px;background:linear-gradient(115deg,#ffffff04,#ffffff0c);box-shadow:inset 0 1px 5px #c4e3ff12;margin-bottom:14px}
.price-icon{width:40px;height:40px;color:#ff9528;stroke-width:1.8}
.price-label{padding-left:18px;border-left:1px solid #ffffff35}
.price-label h3{font-size:1.05rem;font-weight:700;letter-spacing:0;line-height:1.55}
.price-label>span{font-size:.875rem;color:#c1d3e6}
.price-amount{display:flex;align-items:baseline;gap:7px;white-space:nowrap;line-height:1.2}
.price-amount strong{font-family:Arial,sans-serif;font-size:2.55rem;letter-spacing:-.055em;font-weight:800;font-variant-numeric:tabular-nums}
.price-amount>span{font-size:.875rem;color:#e1eaf3}
.price-featured{background:#fff9f3;border:2px solid var(--orange);color:var(--navy);box-shadow:0 8px 30px #0000001a}
.price-featured .price-label{border-left-color:#b9c7d5}
.price-featured .price-label>span{color:#52677b}
.price-featured .price-amount>span{color:var(--navy)}
.price-icon-pair{display:flex;align-items:center;color:#ed7100;width:48px}
.price-icon-pair .icon:first-child{width:34px;height:38px}
.price-icon-pair .icon:last-child{width:24px;height:34px;margin-left:-10px;background:#fff9f3;align-self:end}
.pricing-note{font-size:.875rem;color:#c5d5e7;text-align:center;margin:20px 0 0}
.hero-actions{grid-column:1;grid-row:2;align-self:start}
.hero-actions .button-row{margin-top:8px}
@media(min-width:761px) and (max-width:1100px){.hero-grid{gap:30px;grid-template-columns:.95fr 1.05fr}.hero h1{font-size:2.4rem}.price-card{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:16px 12px}.price-icon{width:30px;height:34px}.price-label{padding-left:10px}.price-label h3{font-size:.95rem}.price-amount strong{font-size:2.2rem}.price-icon-pair{width:34px}.price-icon-pair .icon:first-child{width:26px}.price-icon-pair .icon:last-child{width:20px}}
@media(max-width:760px){.hero-grid{display:flex;gap:0;padding:36px 0;min-height:0}.hero-copy{padding-bottom:0}.hero .eyebrow{margin-bottom:14px}.hero h1{font-size:clamp(1.95rem,7.8vw,3rem)}.hero-tagline{font-size:1.04rem;margin-top:15px}.hero-pricing{margin-top:26px}.hero-pricing>h2{font-size:1.45rem;margin-bottom:14px}.price-card{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding:16px 14px;min-height:91px;border-radius:13px;margin-bottom:12px}.price-icon{width:33px;height:35px}.price-label{padding-left:12px}.price-label h3{font-size:1rem}.price-label>span{font-size:.875rem}.price-amount{gap:5px}.price-amount strong{font-size:2.3rem}.price-amount>span{font-size:.875rem}.price-icon-pair{width:38px}.price-icon-pair .icon:first-child{width:29px}.price-icon-pair .icon:last-child{width:21px}.pricing-note{font-size:.875rem;margin-top:18px}.hero-actions{width:100%;margin-top:24px}.hero-actions .button-row{margin:0;display:grid;grid-template-columns:1.15fr 1fr;gap:10px}.hero-actions .button{font-size:.9rem;padding:12px 10px;gap:7px}.hero-actions .button .icon{width:20px}}
@media(max-width:380px){.price-card{grid-template-columns:30px minmax(0,1fr) auto;gap:9px;padding:14px 10px}.price-icon{width:28px}.price-icon-pair{width:30px}.price-label{padding-left:9px}.price-label h3{font-size:.875rem}.price-amount strong{font-size:2rem}.price-amount>span{font-size:.875rem}.hero-actions .button-row{grid-template-columns:1fr}.hero-actions .button{font-size:1rem}}
@media(max-width:320px){.price-card{grid-template-columns:28px 1fr}.price-amount{grid-column:2;justify-self:start}.price-label{border-left:0;padding-left:0}.hero h1{font-size:1.75rem}}

/* Hosting and LINE contact */
.hosting-teaser{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px;padding:14px 12px;border-top:1px solid #ffffff30;font-size:1rem;color:#e1eaf3}.hosting-teaser strong{color:#ffb16b}.hosting-teaser:hover{background:#ffffff0a}.hosting{background:#f5f8fc;border-top:1px solid var(--line)}.hosting-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}.hosting-price{padding:36px;border-radius:22px;background:var(--navy);color:white;box-shadow:0 18px 45px #102c4b18;border-top:4px solid var(--orange)}.hosting-badge{display:inline-block;padding:6px 10px;border:1px solid #ffffff40;border-radius:7px;font-size:.875rem;color:#e1eaf3;margin-bottom:26px}.hosting-price h3{font-size:1.5rem}.hosting-from{margin-top:20px;color:#c5d5e7}.hosting-amount{display:flex;align-items:baseline;gap:14px;margin:0 0 16px}.hosting-amount strong{font:bold 5.5rem/1.2 Arial,sans-serif;color:#ff9e48}.hosting-amount span{font-size:1.1rem}.hosting-price>.button{margin-top:26px;width:100%}.hosting-price .hosting-fine{font-size:.875rem;line-height:1.8;color:#c5d5e7;margin-top:18px}.hosting-details{display:grid;gap:28px}.hosting-details article{display:flex;gap:18px;align-items:start}.hosting-details h3{margin-bottom:10px}.hosting-details article p{color:var(--muted);font-size:1rem}.hosting-detail-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;background:white;border:1px solid var(--line);border-radius:12px;color:var(--orange-dark)}.hosting-separation{border-top:1px solid var(--line);padding-top:18px;font-size:.875rem;color:var(--muted)}.channel-link[href*="lin.ee"],.button-line,.mobile-contact{background:#06c755;color:#062c18;border-color:#06c755}.channel-link[href*="lin.ee"]:hover,.button-line:hover{background:#2ddd77}.brief-line{margin-top:12px}.contact-channels .channel-link{font-weight:700}
@media(max-width:1000px){.nav{gap:14px}.hosting-grid{gap:28px}.hosting-price{padding:28px}}
@media(max-width:760px){.hosting-grid{grid-template-columns:1fr;gap:32px}.hosting-price{padding:26px 22px}.hosting-details{gap:24px}.hosting-details article{gap:14px}.hosting-details h3{font-size:1.125rem}.hosting-teaser{font-size:.9375rem}.hosting-amount strong{font-size:5rem}.hosting-price .button{padding:12px 10px;font-size:.9375rem}}

.auto-live-link{margin-top:22px;width:100%;font-size:.9375rem}.auto .preview-actions{margin-top:12px}